## 1\. 创建一个简单的官网
1.首先选中网站列表,点击![](https://img.kancloud.cn/db/eb/dbebe5df2dab163b62fa745057261930_76x32.png)按钮管理已经创建好的站点
2.选中企业官网下的![](https://img.kancloud.cn/45/7c/457cc6374e1df2abca883eba0e83a967_189x49.png)选项,进入到站点文件管理界面
![](https://img.kancloud.cn/53/ce/53ce09247e2dc23aece6f3e4c2e26715_1920x881.png)
html、templets、templets:点击html文件夹进入后会有已数字命名的文件夹,该数字对应的是你在网站列表中创建好了的各个站点的站点编号,点击进入后才是这个站点的静态化html文件
点击templets进入资源文件夹首先创建一个htm格式的headFile文件进行编辑
![](https://img.kancloud.cn/27/a3/27a32880ae689638e47225be776011ac_105x96.png)
headFile文件主要用于放入一些js、css样式,然后在新建一个head.htm文件用于写入头部导航
第二步新建一个index页面作为站点的首页,代码代码使用方法如下
```
{ms:include filename=headFile.htm/}
<a href="{ms:global.url/}/1/index.html">产品</a>
<a href="{ms:global.url/}/2/index.html">关于我们</a>
<!--https://is.xiaoyung.com:443/cms/web/search/1154588979538952192/search.do-->
<form id="searchDataForm" action="https://is.xiaoyung.com:443/cms/web/search/1154588979538952192/search.do" method="post">
<input type="text" name="basic_title" />
<input type="hidden" name="categoryNo" value="1" label="栏目编号"/>
<input type="submit" value="搜索">
</form>
<h1>这是首页</h1>
{ms:include filename=footer.htm/}
```
建好head和index文件后进行新建product-list.htm和product-detail.htm文件,用于显示产品列表和产品详情
![](https://img.kancloud.cn/9a/0c/9a0c06f83678cd02f14b56d1425b21dc_240x104.png)
product-list.htm代码用法如下
```
{ms:include filename=headFile.htm/}
<h1>这是
{ms:channel}
[field.typetitle/]
{/ms:channel}
<br/>
{ms:arclist ispaging=true size=2 order=asc}
<a href="[field.link/]">[field.title/] </a>
{/ms:arclist}
<ul>
<li><a href="{ms:page.index/}">首页</a></li>
<li><a href="{ms:page.pre/}">上一页</a></li>
<li><a href="{ms:page.next/}">下一页</a></li>
<li><a href="{ms:page.last/}">末页</a></li>
<li>当前页/总页数<span>{ms:page.cur/}/{ms:page.total/}</span></li>
<li>本页有:<span>{ms:page.rcount/}</span>篇文章</li>
</ul>
</h1>
{ms:include filename=footer.htm/}
```
product-detail.htm代码用法如下
```
{ms:include filename=headFile.htm/}
<h1>
<h1>{ms:field.title/}</h1>
<br/>
{ms:field.content/}
</h1>
{ms:include filename=footer.htm/}
```
创建好了文件后,还需要对栏目和文章进行设置
点击企业官网下的![](https://img.kancloud.cn/65/fc/65fc5c04e8d1bebddd3a57983efa805d_188x39.png)
进入栏目页面后点击新增按钮开始配置栏目
栏目列表需要设置以下三个栏目
产品栏目
![](https://img.kancloud.cn/dc/3b/dc3bbe3477874e05a67612dec3be0085_1902x875.png)
关于我们
![](https://img.kancloud.cn/e9/05/e905174017cde678ba1bd2b592189384_1903x874.png)
产品自定义模型
![](https://img.kancloud.cn/f4/ca/f4ca3aa9f7c222ac999b335b9251d9fa_1903x868.png)
按照图上的设置配置好了栏目后进行文章的配置
选中![](https://img.kancloud.cn/91/43/91438cb44eb777ae95d5a8d6b4b023fb_186x36.png)
进入文章列表后
![](https://img.kancloud.cn/b5/84/b5844890ce60a7cedae3fd5889e6a878_1916x877.png)
选择图片红色箭头所指的栏目然后点击新增按钮
![](https://img.kancloud.cn/48/61/48615ef51594cda0a9f5372bac3edf3a_1901x876.png)
按照示例图片填写内容后点击保存文章
选中关于我们
![](https://img.kancloud.cn/de/15/de15d61f0e8059fcc967e6b89a0ab2f0_476x309.png)
点击新增按钮
![](https://img.kancloud.cn/b1/10/b1102d6b78786e92011bbfc3ed97669f_1907x879.png)
按照上图填写保存
选择![](https://img.kancloud.cn/f4/4a/f44a3671e01467104da892e778041201_733x460.png)
同上进行新增文章
示例图
![](https://img.kancloud.cn/dd/da/ddda55546051907308f472c8c57e1086_1901x877.png)
完成三个栏目的文章新增后列表如下图(少几条记录可以,但是要确保三个栏目都有文章)
![](https://img.kancloud.cn/8a/e7/8ae7b45623d05e1097b777579a56c6e3_1713x604.png)
接下来最后一步
选择静态化网站![](https://img.kancloud.cn/5c/77/5c772380c2db00cc78858bbd7857dd68_181x39.png)
点击生成全部按钮即可完成一个简单的站点网站
![](https://img.kancloud.cn/10/16/10162ec2d827a8c99b61c954e5f63cb8_1720x882.png)