[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样式不会互相干扰。包裹层也控制了版块背景、间距等逻辑。
- 目录
- 简介
- 四合一网站管理后台
- 后台首页
- 我的网站
- 基本信息
- 网站语言
- 域名管理
- 发起上线
- 备份恢复
- 网站验证
- 百度统计&商桥
- HTTPS配置
- 我的小程序
- 内容管理
- 互动管理
- 搜索优化
- 会员管理
- 预约管理
- 配置管理
- 开发者中心
- 网页编辑器
- 界面
- 管理界面
- 内置板块
- 内置板块的设计
- 自由元素
- 背景设置
- 页面视图
- 页面设置
- 更换模版
- 素材管理
- 管理后台
- 子组件操作
- 手机网站编辑器
- 小程序编辑器
- 界面概览
- 管理页面
- 添加模版
- 功能组件
- 表单
- 魔方导航
- 视频
- 地图
- 搜索
- 资讯列表
- 资讯详情
- 产品列表
- 产品详情
- 视图结构
- 全局设置
- 授权
- 素材管理(小程序)
- 管理后台(小程序)
- 多账号相关
- 多人编辑权限管理
- 域名的绑定与发布
- 域名的添加与删除
- 域名的解析及备案
- 发布上线
- 域名及发布常见问题
- 组件相关
- 联系客服
- 模版开发文档
- 板块简介
- 快速入门
- 深度开发