ul.archives-listli{display:flex;margin-bottom:8px;background-color:#FFEFEF;padding:8px;border-radius:4px;}ul.archives-listlitime{margin-right:16px;}ul.archives-listlia{flex:1;}ul.archives-listlidiv{margin-right:16px;width:60px;height:40px;background-size:cover;background-position:center;}总的来说，Ghost是令人满意的。虽然界面不像WordPress那么可配置，但一些小功能也很容易定制。例如添加存档页面。添加静态页面在幽灵博客中，每篇发表的文章都会有一个对应的URL地址。如果你不希望它出现在首页的文章列表中，而只想使用自定义链接访问它，那么就需要使用Ghost的静态页面功能。如下图所示：选择Turnthispostintoapage，则该文章不会出现在文章列表中。添加页面模板，点击发布存档后，在浏览器中使用指定的URL访问，会出现404错误。因为博客系统找不到对应的模板来展示页面内容。这时候就需要在ghost目录下手动创建该页面的文件。以本文为例，归档页面的访问URL指定为xxx/archives，所以在ghost/content/themes/casper下，需要创建一个page-archives.hbs文件。关于生成页面元素的脚本，网上大部分帖子都在这个hbs中添加了相关的jquery处理。但是这样有一个不便：修改了页面文件，所以每次修改都需要重启ghost。于是笔者决定使用代码注入的功能，将相关脚本注入到页面中。添加元素脚本脚本分为两部分：1.生成对应的HTML元素，2.生成带有元素CSS样式的HTML。这部分脚本应该在本文的代码注入中注入（不是全局！）创建CSS样式，在PostHeader中注入如下内容ul.archives-listli{display:flex;margin-bottom:8px;background-color:#FFEFEF;padding:8px;border-radius:4px;}ul.archives-listlitime{margin-right:16px;}ul.archives-listlia{flex:1;}ul.archives-listlidiv{margin-right:16px;width:60px;height:40px;background-size:cover;background-position:center;}添加导航Ghost后台设计，可以添加一个导航路径，点击保存可以看到网站导航中出现相应的链接重启Ghost以上4个简单步骤完成后，重启Ghost即可查看效果。如果你对CSS效果有自己的想法，可以随时修改注入的js和css代码。无需重启Ghost即可重新发布！
