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

如果你給版塊設置了縮略圖和名字,版塊發布后便可以直接在編輯里內置版塊對應分類找到了。
## 版塊原理
版塊添加到頁面中時會添加一個`唯一ID`, 版塊渲染時會自動包裹一層div,css樣式都會包裹在ID作用域下 , 這樣css樣式不會互相干擾。包裹層也控制了版塊背景、間距等邏輯。
- 目錄
- 簡介
- 四合一網站管理后臺
- 后臺首頁
- 我的網站
- 基本信息
- 網站語言
- 域名管理
- 發起上線
- 備份恢復
- 網站驗證
- 百度統計&商橋
- HTTPS配置
- 我的小程序
- 內容管理
- 互動管理
- 搜索優化
- 會員管理
- 預約管理
- 配置管理
- 開發者中心
- 網頁編輯器
- 界面
- 管理界面
- 內置板塊
- 內置板塊的設計
- 自由元素
- 背景設置
- 頁面視圖
- 頁面設置
- 更換模版
- 素材管理
- 管理后臺
- 子組件操作
- 手機網站編輯器
- 小程序編輯器
- 界面概覽
- 管理頁面
- 添加模版
- 功能組件
- 表單
- 魔方導航
- 視頻
- 地圖
- 搜索
- 資訊列表
- 資訊詳情
- 產品列表
- 產品詳情
- 視圖結構
- 全局設置
- 授權
- 素材管理(小程序)
- 管理后臺(小程序)
- 多賬號相關
- 多人編輯權限管理
- 域名的綁定與發布
- 域名的添加與刪除
- 域名的解析及備案
- 發布上線
- 域名及發布常見問題
- 組件相關
- 聯系客服
- 模版開發文檔
- 板塊簡介
- 快速入門
- 深度開發