把博客做了下调整,把博客做了拆分,分成了如下两个站点:

blog.chengpeng.space(个人博客站点)

chengpeng.space(技术博客站点)

实现方式是做了两套静态页面,用nginx 做反向代理,根据域名提供服务

更改主题

两个博客分别使用了两个主题方便分辨,分别使用了 clean-bloglessless 主题。

  1. clean-blog 主题原本是英文主题,对中文字体没有指定,在默认的衬线字体下Windows会直接用宋体显示,体验不是太好,尤其在Windows+低分屏这一垃圾兄弟组合下非常难看。于是在css文件中把正文字体改成了无衬线字体(sans-serif),并加入 Microsoft YaHeiPingFang SC 分别指定了Windows 和 OS X上默认渲染的无衬线字体

    sans-serif:
        font-family 'Open Sans', 'Helvetica Neue', Helvetica, Arial,'Microsoft YaHei','PingFang SC', sans-serif
    
  2. 更改代码高亮的方案具体步骤如下:
    • 禁用自带的hightlight ( _config.yml文件中 设置 highlight/enable: false)
    • 命令hexo clean 删除缓存
    • 加入 hightlight.js 的高亮方案 hightlight.js官方使用教程
  3. 更改代码中的字体 使用hightlight后需要重新指定中文字体,需要在使用中的hightlight css文件中对font-family稍作修改,其中font-monowo是clean-blog中定义的等宽字体同样对中文加入微软雅黑字体 Mirosoft YaHei
    .hljs {
      display: block;
      overflow-x: auto;
      padding: 0.5em;
      color: #333;
      background: #f8f8f8;
      font-family: font-mono;
    }
    

    ref:中文字体网页开发指南– 阮一峰