手欠，升级了一下VPS的Debian的major version，结果PHP7.x彻底deprecated了，原来基于pagekit的老旧系统彻底下线。不过因祸得福的是，这迫使我重新好好整理了一下自己的站点，反而从美观程度上小小升级了一把（个人觉得）。

其实很久之前就想要换掉pagekit+htmly了，只不过一直没有找到合适的cms系统，既能有好用的首页灯箱，又能提供内容展示，还不能像wordpress这么臃肿，所以一直处于搁置，也在陆陆续续的看各种cms。

直到这次被迫换cms，才集中筛选了一波，最后看到zblog，鬼使神差的点进“吉光片羽”的blog，有了眼前一亮的感觉，刚好也是KandyTabs的开发者，有很详尽的文档，对于我这种从没做过前端的也有二次改造的空间，就决定沿用了html+cms的搭配方案。

关于站标

由于diffusion的出现，选择站标的问题不再需要难为我为数不多的艺术细胞了。原站标是网上费尽心思搜到的，总觉得离自己想要的有些距离。当我刷出右边这张的时候，我知道我的站标有着落了。

=>

prompt放在这里了：

> 背景白色，极简，九宫格，不同形态的小男孩追逐流星，灵魂画手，手绘线稿，涂鸦风格，普鲁士蓝色线勾勒，趣味，绘本风，雷蒙德·布里格斯（Raymond Briggs）和马蒂亚斯·阿道夫松（Mattias Adolfsson）风格的插画，彩铅与水彩混合创作，手稿，大师杰作 

关于首页

要很干脆的承认，首页的变化一开始是基于吉光片羽的首页来的。作者给了kandytabs的详尽api介绍和案例，所以从零前端经验上手做改进也没有太大的障碍。基于作者的版本，调整了部分页面效果增加可读性，增加了导航条和站标，增加了悬停信息展示中的链接（这个单纯为了增加原作者链接）。如果有人喜欢，都是静态页面，可直接取用，保留原作者链接即可。

关于主题

主题也是试用了很多，各有各的优点和不足，最终选了这款：

✅ 灵动白狐（卧雪） - Z-Blog 应用中心

我承认多少有点被头图刷到一些好感。这个主题有一些小瑕疵，但只要稍微改一下就好了，直接列在这里了：

1. Logo图标下方有十几个px的间隔，导致菜单栏上下留空不对称。这个被我改fox.css暴力解决了。

.logo h1 {
    font-size: 0;
    /*font-size: 1.2rem;*/
    font-weight: 700;
}

2. 文章列表里的摘要字块宽度有问题，同样改fox.css

.post-item-content p {
    /*width: 100px;*/
    white-space: pre-wrap;
}

3. 首页文章列表不是全部文章，改template/index.php和template/zb_list_index.php

{* if $type=='index'&&$page=='1' *}
{if $type=='index'}

{* else *} /*这里也有个小错误，导致会页面显示一个{* else* }*/

<section class="main-content">
<!--div class="recent-posts"-->
    <div class="post-list">
        {foreach $articles as $article}
            ...
        {/foreach}
    </div>
<!--/div-->
<div class="pagination">
     {template:zb_sidebar_pagebar}
</div>
</section>

 关于灯箱插件

用了两个灯箱插件：

• Owl Carousel by Bartosz Wojciechowski，页面内部嵌入的展示用灯箱，非常轻量化。ZBlog会过滤掉文章中的js和css，所以投机取巧，写在了网站的footer里。

• ZBlog插件“图片灯箱 1.2”，开盒即用

同样的， owl的css需要小patch一下，来支持竖幅图片完整展示

#owl img{
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    justify-self: center;
}

最终效果见此：Gallery-Cetus' Backyard