外链论坛

 找回密码
 立即注册
搜索
查看: 21|回复: 0

这个开源的博客园主题真火了!

[复制链接]

3057

主题

176

回帖

9909万

积分

论坛元老

Rank: 8Rank: 8

积分
99098881
发表于 2024-10-3 05:54:37 | 显示全部楼层 |阅读模式

欢迎来到 Dotnet 工具箱!在这儿,你能够发掘各样令人惊喜的开源项。

博客园主题

silence 是一个由 .NET Core 研发工程师 esofar 研发的博客园主题,颜值高和专注于阅读是它的标签, 并且有非常多的博客园用户选取运用了 silence, github star 数量近 2k,还是非常受欢迎的。

功能特点

• 界面简洁优雅,响应式网页设计。

• 轻量配置,文档给力,非常容易运用

供给暗黑模式和多种色彩主题,可随时切换。

• 支持自定义导航栏菜单项、悬浮标题目录等。

供给文案版权签名、赞赏功能等。

• 项目结构清晰,代码简单,可实现高度定制化研发

怎样运用?

1.获取 js 和 css 资源

└─dist └─silence.min.css └─silence.min.js

运用 CDN

https://fastly.jsdelivr.net/gh/esofar/cnblogs-theme-silence@3.0.0-rc2/dist/silence.min.csshttps://fastly.jsdelivr.net/gh/esofar/cnblogs-theme-silence@3.0.0-rc2/dist/silence.min.js

2.配置 CSS

把上面的 css 文件运用文本编辑器或浏览器打开,而后所有内容复制粘贴到「页面定制 CSS 代码」处。

重视「禁用模板默认CSS」需要勾选。

3:配置 JS

将 上面 获取的 JS 文件托管到博客园后台获取外链能够直接运用 jsDelivr 供给拜访位置),而后运用 <script> 标签引用。

接下来,放在「页脚 HTML 代码」处加载,window.$silence 用来配置用户选项,详请参见 配置选项。

4:配置 Loading 将如下代码粘贴到「页首 HTML 代码」处。

<div class="loading"

>

<divclass="box"> <h2>Loading</h2> <span></span><span></span><span></span><span></span><span></span><span></span><span></span> </div></div>

5:其他配置

1.「基本设置」栏中,「博客标题」处设置博客名叫作,默认不支持表示「博客子标题」,「博客皮肤」处需要选取标准模板 Custom。

「代码高亮」栏中,「渲染引擎」选取 highlight.js,「表示行号」不要勾选,「主题样式」选取 cnblogs。

silence 一个非常简洁,颜值高,适合阅读的博客园主题,弥补了官方主题的不足,感谢作者的卓越贡献,对 silence 感兴趣的朋友快去试试吧!

项目位置

https://esofar.github.io/cnblogs-theme-silence/#/

分享保藏
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站点统计|Archiver|手机版|小黑屋|外链论坛 ( 非经营性网站 )|网站地图

GMT+8, 2024-11-5 22:38 , Processed in 2.288037 second(s), 37 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.