[TOC]
## 快速入门
### 最简单示例
最简单的hello world为例,在后台开发者中心选择对应分类点击新建模板,模板代码里写:
```
<h1>Hello world!</h1>
```
模板样式代码:
```
h1 {
color: red;
}
```
模板设置保留默认值 `{} `, 点击保存就可以预览,效果如下:
![](https://doc.hema.work/uploads/editor/images/m_d1b8003d922964d365e7d1d3cb24af62_r.png)
如果你给版块设置了缩略图和名字,版块发布后便可以直接在编辑里内置版块对应分类找到了。
## 版块原理
版块添加到页面中时会添加一个` 唯一ID` , 版块渲染时会自动包裹一层div,css样式都会包裹在ID作用域下 , 这样css样式不会互相干扰。包裹层也控制了版块背景、间距等逻辑。