[TOC]
## 快速入門
### 最簡單示例
最簡單的hello world為例,在后臺開發者中心選擇對應分類點擊新建模板,模板代碼里寫:
```
<h1>Hello world!</h1>
```
模板樣式代碼:
```
h1 {
color: red;
}
```
模板設置保留默認值 `{} `, 點擊保存就可以預覽,效果如下:

如果你給版塊設置了縮略圖和名字,版塊發布后便可以直接在編輯里內置版塊對應分類找到了。
## 版塊原理
版塊添加到頁面中時會添加一個` 唯一ID` , 版塊渲染時會自動包裹一層div,css樣式都會包裹在ID作用域下 , 這樣css樣式不會互相干擾。包裹層也控制了版塊背景、間距等邏輯。