伟明部落格

一些关于博客园(cnblogs.com)美化的主题

--发布于 2023-07-17 18:28:40

在国内主流技术博客中,博客园是唯一一个支持自定义主题的博客,这使用我们的博客更加有个性化。下面是一些主题资源列表:

  1. 博客园主题美化DIY教程
  2. 博客园二次元主题——Sakura
  3. 自定义博客园的主题,让你的首页与众不同(https://github.com/tinygeeker)
  4. cnblogs-theme-silence 一款专注于阅读的博客园主题
  5. Cnblogs-Theme-SimpleMemory

在这5个中,有的主题要不就是太过炫彩了,令人忽视了内容;有些主题又太过寡淡了,不能令人燃起热情。最终选了最后一个名为SimpleMemory的主题,感觉是各方面照顾得比较均衡的一个。

在设置的时候,有一个问题需要注意,就是引用的资源包的问题,如下所示

<script type="text/javascript">
    window.cnblogsConfig = {
      info: {
        name: 'userName', // 用户名
        startDate: '2021-01-01', // 入园时间,年-月-日。入园时间查看方法:鼠标停留园龄时间上,会显示入园时间
        avatar: 'http://xxxx.png', // 用户头像
      },
    }
</script>
<script src="https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@v2.1.2/dist/simpleMemory.js" defer></script>

在上面的配置中,如果默认引用作者已预先部署好的jsdelivr的资源,有一个问题就是jsdelivr有可能在国内被墙。所以,一个更稳妥的方案是,引用国内的资源。这样,就需要将整个dist目录(如下图所示)上传到国内的网站上,这里以上传到https://gfile.oss-cn-hangzhou.aliyuncs.com/cnblogs/theme/BNDong/Cnblogs-Theme-SimpleMemory/v2.1.2/这个目录为例:

那么,我们引用资源的路径就变为

<script src="https://gfile.oss-cn-hangzhou.aliyuncs.com/cnblogs/theme/BNDong/Cnblogs-Theme-SimpleMemory/v2.1.2/dist/simpleMemory.js" defer></script>

其它的按照主题的文档来配,十分简单,然后就可以享受美美的主题了!

--更新于 2023-07-17 18:29:50