最近把自己的 Bitcron 博客的主题魔改了一番，主题的模板依旧是 水八口 的 Card 主题，考虑到这个主题对于图片和文字的平衡感比较好，因而继续沿用。

修改内容

1. 把首页中的 1-3-3-3 式的卡片展示修改为 1-2-2-2。修改初衷是一行三篇文章显得拥挤¹。

2. 把分类标签中的卡片展示也修改为 2-2，把分类中的「現實隨筆」和「理想至死」合并为「扪心随笔」，把「偽技術」并入到「数字朋克」。

3. 去除博客中的繁体字。考虑到简繁同时使用充斥着割裂感，及读者的简体需求。

4. 优化²卡片中若标题太长而使卡片错位的问题，现在统一为标题过长即以省略号的方式展示。

5. 文章界面的 Read More 部分将分类卡片放置在第一位，符合直感。

6. 首页 Background 图片更新，采取了充满 CyberPunk 风的马赛克天际线³的图片。

7. 重新设计博客 LOGO，更换为表现跳动的旋律节奏的一个图标。

8. 博客名称「牙慧」二字，是用 有字库 的 WebFont 服务。

9. 统一使用 TinyPng 对所有文章的图片进行压缩，图片的归档按照 “YYYY-MM“ 格式的文件夹进行保存。

10. 优化文章 Markdown 语法格式，去除一些非标准 Markdown 语法的运用。

11. 重新设计博客卡片的阴影和动画，从单纯的鼠标悬停加深阴影的动画，变成了卡片向下平移 10px 的动画。

12. 修改导航栏，去除 emoji 元素，优化性能。

13. 修改 Bio 为 Romain Rolland 的「There is only one heroism in the world: To see the world as it is, and to love it.」。

14. 删除「博客主页」导航标签，并入到 Header 部分的 LOGO 和「牙慧」二字中。

15. 删除「幽径画廊」导航标签，减少不必要的流量浪费⁴。

16. 微调 CSS 样式，有些实在太细了，没记录。

17. 修改 post-content 部分的 css 代码，添加标题标签前缀的 # 支持， 加入了对官方[center] 类的样式修饰支持，同时优化了图片下的文字说明的显示效果，使其更靠近图片。这是Card 主题本身在重新设计Post 界面时忽略的部分。下面是详细修改代码，我对代码什么的完全就是白痴，因此代码格式的美学问题就不要为难我了。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18

#post-content {
    #span
        .md_line, .md_line_start, .md_line_end {
            display: block;
        }
        .md_line_with_image{
            display: block;
            margin-bottom: -10px !important;
        }
    h1, h2, h3, h4, h5, h6 {
        border-bottom: 1px solid $border-color;
        padding-bottom: 10px;
        }
        h2:before {content: "#";color: #7970a3;margin-right:10px}
        h3:before {content: "##";color: #7970a3;margin-right:10px}
        h4:before {content: "###";color: #7970a3;margin-right:10px}
        h5:before {content: "####";color: #7970a3;margin-right:10px}
}

内容大致如此，仅作为记录。