最近把自己的 Bitcron 博客的主题魔改了一番,主题的模板依旧是 水八口 的 Card 主题,考虑到这个主题对于图片和文字的平衡感比较好,因而继续沿用。
修改内容
- 把首页中的
1-3-3-3
式的卡片展示修改为1-2-2-2
。修改初衷是一行三篇文章显得拥挤 1。 - 把分类标签中的卡片展示也修改为
2-2
,把分类中的「現實隨筆」和「理想至死」合并为「扪心随笔」,把「偽技術」并入到「数字朋克」。 - 去除博客中的繁体字。考虑到简繁同时使用充斥着割裂感,及读者的简体需求。
- 优化 2 卡片中若标题太长而使卡片错位的问题,现在统一为标题过长即以省略号的方式展示。
- 文章界面的
Read More
部分将分类卡片放置在第一位,符合直感。 - 首页 Background 图片更新,采取了充满 CyberPunk 风的马赛克天际线 3 的图片。
- 重新设计博客 LOGO,更换为表现跳动的旋律节奏的一个图标。
- 博客名称「牙慧」二字,是用 有字库 的 WebFont 服务。
- 统一使用 TinyPng 对所有文章的图片进行压缩,图片的归档按照 “YYYY-MM“ 格式的文件夹进行保存。
- 优化文章 Markdown 语法格式,去除一些非标准 Markdown 语法的运用。
- 重新设计博客卡片的阴影和动画,从单纯的鼠标悬停加深阴影的动画,变成了卡片向下平移 10px 的动画。
- 修改导航栏,去除 emoji 元素,优化性能。
- 修改 Bio 为 Romain Rolland 的「
There is only one heroism in the world: To see the world as it is, and to love it.
」。 - 删除「博客主页」导航标签,并入到 Header 部分的 LOGO 和「牙慧」二字中。
- 删除「幽径画廊」导航标签,减少不必要的流量浪费 4。
- 微调 CSS 样式,有些实在太细了,没记录。
- 修改
post-content
部分的 css 代码,添加标题标签前缀的#
支持, 加入了对官方[center]
类的样式修饰支持,同时优化了图片下的文字说明的显示效果,使其更靠近图片。这是 Card 主题本身在重新设计 Post 界面时忽略的部分。下面是详细修改代码,我对代码什么的完全就是白痴,因此代码格式的美学问题就不要为难我了。
|
|
内容大致如此,仅作为记录。