新年新形象,网站换了新主题!


之前的主题

本站之前使用的是官方的 Merlot 主题。代码库地址:https://github.com/pages-themes/merlot

在此基础上我修改了 CSS 对布局和样式等做了调整,但一直有一些痛点没有解决。

  1. 对移动设备访问不友好;尤其是头部 banner 和 h1~h4字体过大。
  2. 文章不能分类显示;
  3. 标签的展示和聚合能力很弱。

于是经过筛选,选择了目前的主题。代码库地址:https://github.com/bit-ranger/blog

目前的主题

这个主题有以下特点:

  1. 对移动设备访问友好。头部本身就只有一行的高度,并且在移动设备下菜单会变为抽屉效果。
  2. 文章可按分类过滤显示。
  3. 有标签云功能,并能按照标签过滤文章。
  4. 时间线功能。将文章发布按照时间线来显示,可以说是个很惊喜的功能。
  5. 侧边栏显示文章目录结构。同样是一个很惊喜的功能。

结合之前的主题,我在这个主题的基础上主要做了如下改动:

  1. 使用 gittalk 替代原生的 gitment;
  2. 界面中文化。具体包括:
    • 时间格式修改为纯数字形式,不包含英文;
    • 菜单栏项目翻译;
      • “Blog”修改为“文章”;
      • “Archive”修改为“时间线”;
      • “Category”修改为“分类”;
      • “Tag”修改为”标签云“;
    • 文章展示和分类页面中,文字翻译;
      • “Read More”修改为“阅读全文”;
      • “Comment”修改为“评论”
  3. 修复当分类名为中文时,选中该分类,文章列表为空白的问题;
  4. 去除文章展示中的“Share”按钮。

新的一年,祝大家身健心安,工作顺利,事业有成。


 关注微信公众号

DevOps持续交付公众号ID:devopscd