首页 > 其他分享 >博客园主题美化教程

博客园主题美化教程

时间:2022-11-13 16:22:24浏览次数:73  
标签:教程 cnblogs 博客园 主题 www https com 美化

1、美化原因

微博开通了很久,但是没写过什么东西。近期发现Java基础知识较为薄弱,一边在网上找视频,一边在博客整理笔记进行分享。但是写完之后发现不够美观,而且侧面没有文章的标题大纲,对于我这种有些强迫症的人来说,看着属实有些难受。

但本人是个后端,自己写的样式很丑陋。

所以在网上找到了一些很好看,也很好用的主题,而且说明文档也很详细,整理了我试用过的几种,进行分享。

技术还不错的前端小伙伴也可以自己试着自己美化一下,然后分享给大家。

2、前期准备

首先说一下教程,进入博客园的设置里面申请开通js权限。

image-20221113125743141

我这里已经申请过了,而且是晚上十点多申请的,通过的很快,不到一个小时。

没有申请是这个样子的

image-20221113130359313

点击申请,有个弹窗

image-20221113130242520

填写一下申请的理由(网上一般都是这么写的),等待通过就好了,会有邮件进行通知提醒。

尊敬的博客园管理员:
您好,我希望用JS美化下我的博客页面,麻烦通过下我的JS权限申请。
感谢您的帮助。
image-20221113130520168

3、主题分享

等待申请通过的这段时间,就可以看一下别的小伙伴美化的主题和说明文档了。

(1)第一款主题:silence主题

专 注 于 阅 读 的 博 客 园 主 题

作者博客:https://www.cnblogs.com/esofar

部署文档:https://esofar.github.io/cnblogs-theme-silence/#/

样式预览

image-20221113134411134 image-20221113134437797

(2)第二款主题:cute-cnblogs主题

作者博客:https://www.cnblogs.com/miluluyo/

样式预览:

image-20221113143227118 image-20221113143248028 image-20221113143400259

(3)第三款主题:geek主题(博主用的就是这一款)

示例博客:https://www.cnblogs.com/zhaohongbing/p/16332606.html

作者博客:https://www.cnblogs.com/guangzan/

该博主还开发了一个皮肤构建工具 awescnb,可以在博客园安装这个项目中已经集成的皮肤(https://www.yuque.com/awescnb/user)

样式预览:

image-20221113150533525 image-20221113153258363

标签:教程,cnblogs,博客园,主题,www,https,com,美化
From: https://www.cnblogs.com/huxingxin/p/16886188.html

相关文章