欢迎光临
我的个人博客网站

动手做了个博客园的皮肤,极简,material,支持黑暗模式。


https://github.com/zhea55/cnblogs-material-theme

预览图

动手做了个博客园的皮肤,极简,material,支持黑暗模式。

本主题特点:

  • 极简,突出博客内容
  • 高对比度,适合眼睛阅读
  • 适配Dark Mode

安装:

npm install npm run prod 

生成最终样式文件dist/style.css

博客园后台配置

  1. 进入设置页面
  2. 配置皮肤为Custom
    动手做了个博客园的皮肤,极简,material,支持黑暗模式。
  3. 禁用模板默认CSS
  4. 将dist/style.css中的内容copy到页面定制CSS代码中
    动手做了个博客园的皮肤,极简,material,支持黑暗模式。

自定义主题样式

npm run dev 

配置代理,将服务器响应的custom.css文件映射到本地dist/style.css文件
动手做了个博客园的皮肤,极简,material,支持黑暗模式。

赞(0) 打赏
未经允许不得转载:张拓的天空 » 动手做了个博客园的皮肤,极简,material,支持黑暗模式。
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

专业的IT技术经验分享 更专业 更方便

联系我们本站主机

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏