基于帝国CMS的建站日志

帝国CMS安装其实并不难，参考：帝国网站管理系统7.5安装记录nvK无知

但真的要使用帝国CMS建设出一个比较像样的网站来，还是有一定的难度的，需要了解和学习的内容很多。作为一个有十几年经验的老码农，我也是费了很多时间和周折的。

nvK无知

你们看到的建站时间是：2018-10-24，但那时候只是把帝国CMS安装上，没有做任何的配置，因为对它的后台管理比较陌生，看了官方的帮助文档也只是罗列的介绍每一个功能，并没有结合着前台的页面来说明，所以前台和后台是脱节的，让人找不到对应的关系。nvK无知

nvK无知

直到2019年的三四月分，才着手认真的捣鼓起来。
nvK无知

偶然间看到一套《今夕何夕》的模板，觉得不错，开始纯静态页面好像也是收费了，但后来有次看免费下载了，所以就下载了开始学着怎么把帝国CMS的模板改成这套模板，现在这套模板的纯静态页面又收费下载了。nvK无知

nvK无知

刚开始的时候，只是把模板的纯静态页面内容替换了首页的模板，这样访问我的网站的时候，看到的是《今夕何夕》模板实际网站的样子，但是并没有实质性的内容，通过微信打开是没有问题的；但过了一段时间，就不行了，有兴趣的可以看看：已停止访问该网页，您访问的网址存在危险！nvK无知

nvK无知

在《今夕何夕》模板的基础上，做了一些修改：nvK无知

1、原来的首页主版内容太多了，所以简化了一下，只放最新和评论排行靠前的；nvK无知

2、导航条固定在顶部，不论滚动条到哪，始终可以看一到；nvK无知

3、每个版块加了图标，用的是Emoji表情符号nvK无知

4、添加全局样式，使内边距和边框都将在已设定的宽度和高度内进行绘制。参考：CSS box-sizing对padding的影响nvK无知

* { 
    margin: 0; 
    padding: 0; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
}

由于全局样式的修改，导航栏高度需要调整，ul 标签样式需要调整，标签云版块的每个标签的样式需要调整，还好改动不大。
nvK无知

5、文章内容图片添加了边框及投影效果nvK无知

nvK无知

相关CSS样式：nvK无知

.con_text img {
    display: inline-block;
    max-width: 100% !important;
    margin: auto;
    border: 0.5em solid #E9EAED;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em;
    -o-box-shadow: 0 1px 5px #333333;
    -webkit-box-shadow: 0 1px 5px #333333;
    -moz-box-shadow: 0 1px 5px #333333;
    box-shadow: 0 1px 5px #333333;
}

6、对页面标签结构修改，网页中间内容容器 article 标签改为 div 标签 class=contaiter，article 标签仅用于文章内容。nvK无知

nvK无知

针对每个页面的帝国CMS模板的编写修改，都是自己搞定的，这个过程中着实费了不少脑筋，花费了不少时间，但经过这么一折腾，对帝国CMS的后台管理算是有一个基本的了解了。下次再想换个什么其它的模板，就会比较容易了。nvK无知

nvK无知

后来nvK无知

断断续续的、偶尔做一些修改，详情请查看 更新日志nvK无知