阅读模式:

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

阅读量:12  一键切换:繁體   HtmlCss  发布时间:来源:知识库  
内容摘要:https://github.com/zhea55/cnblogs-material-theme预览图本主题特点:极简,突出博客内容高对比度,适合眼睛阅读适配Dark Mode安装:npm installnpm run prod生成最终样式......

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

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

预览图

本主题特点:

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

安装:

npm install
npm run prod

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

博客园后台配置

  1. 进入设置页面
  2. 配置皮肤为Custom
  3. 禁用模板默认CSS
  4. 将dist/style.css中的内容copy到页面定制CSS代码中

自定义主题样式

npm run dev

配置代理,将服务器响应的custom.css文件映射到本地dist/style.css文件

分享到:
首页桂ICP备2022000863号分类地图学习工具教育专题当前时间:本站内容只用于学习和交流,如有牵扯版权问题请联系站长邮箱: