这个开源的博客园主题真火了！
<div style="color: black; text-align: left; margin-bottom: 10px;">
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/T2IEgx59iok8Bt~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728087005&x-signature=R8Ih6KCnPIhrxk2vOSndjtZPIYw%3D" style="width: 50%; margin-bottom: 20px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/T2E6rUTBTEFgnY~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728087005&x-signature=7SLWNDe0cj7KHXQoG9a%2FBMAQPj4%3D" style="width: 50%; margin-bottom: 20px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/T2IEgyJCCrcurh~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728087005&x-signature=ewQBKBrt4FSxdd97wlA05SRPT%2BU%3D" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">欢迎来到 <span style="color: black;">Dotnet 工具箱</span>！在<span style="color: black;">这儿</span>，你<span style="color: black;">能够</span><span style="color: black;">发掘</span><span style="color: black;">各样</span>令人惊喜的开源项。</p><strong style="color: blue;">博客园主题</strong>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">silence 是一个由 .NET Core <span style="color: black;">研发</span>工程师 esofar <span style="color: black;">研发</span>的博客园主题，颜值高和专注于阅读是它的标签， 并且有非常多的博客园用户<span style="color: black;">选取</span><span style="color: black;">运用</span>了 silence, github star 数量近 2k，还是非常受欢迎的。</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/TgGFh0BFCaYUf3~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728087005&x-signature=nYoC%2FVhAjXIEiTP2h3iJYfksOTI%3D" style="width: 50%; margin-bottom: 20px;"><strong style="color: blue;">功能特点</strong>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">• 界面简洁优雅，响应式网页设计。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">• 轻量配置，文档给力，非常容易<span style="color: black;">运用</span>。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">• <span style="color: black;">供给</span>暗黑模式和多种色彩主题，可随时切换。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">• 支持自定义导航栏菜单项、悬浮标题目录等。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">• <span style="color: black;">供给</span><span style="color: black;">文案</span>版权签名、赞赏功能等。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">• 项目结构清晰，代码简单，可实现高度定制化<span style="color: black;">研发</span>。</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/TgGFh1D7OvqeEi~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728087005&x-signature=boMs2JPd5etFjse9xbCGZ%2FOZE4E%3D" style="width: 50%; margin-bottom: 20px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/TgGFhOC9MEfpcT~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728087005&x-signature=xhvDaC0zWvo7dU32zd4NzVY6nXM%3D" style="width: 50%; margin-bottom: 20px;"><strong style="color: blue;"><span style="color: black;">怎样</span><span style="color: black;">运用</span>?</strong>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">1.获取 js 和 css 资源</strong></p>└─<span style="color: black;">dist</span> └─<span style="color: black;">silence</span><span style="color: black;">.min</span><span style="color: black;">.css</span> └─<span style="color: black;">silence</span><span style="color: black;">.min</span><span style="color: black;">.js</span>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">或</span><span style="color: black;">亦</span><span style="color: black;">运用</span> CDN</p><span style="color: black;"><span style="color: black;">https</span></span><span style="color: black;">:</span><span style="color: black;">/<span style="color: black;">/fastly.jsdelivr.net/gh</span><span style="color: black;">/esofar/cnblogs</span>-theme-silence@3.<span style="color: black;">0</span>.<span style="color: black;">0</span>-rc2/dist/silence.min.<span style="color: black;">css</span></span><span style="color: black;"><span style="color: black;">https</span></span><span style="color: black;">:</span><span style="color: black;">/<span style="color: black;">/fastly.jsdelivr.net/gh</span><span style="color: black;">/esofar/cnblogs</span>-theme-silence@3.<span style="color: black;">0</span>.<span style="color: black;">0</span>-rc2/dist/silence.min.js</span>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">2.配置 CSS</strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">把上面的 css 文件<span style="color: black;">运用</span>文本编辑器或浏览器打开，<span style="color: black;">而后</span>将<span style="color: black;">所有</span>内容复制粘贴到「页面定制 CSS 代码」处。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">重视</span>「禁用模板默认CSS」需要勾选。</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/TgGFhPe2or0dbF~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728087005&x-signature=EVAndCz6Zrc69zOO5sZyqaPLzkE%3D" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">3：配置 JS</strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">将 上面 获取的 JS 文件托管到博客园后台获取外链（<span style="color: black;">亦</span><span style="color: black;">能够</span>直接<span style="color: black;">运用</span> jsDelivr <span style="color: black;">供给</span>的<span style="color: black;">拜访</span><span style="color: black;">位置</span>），<span style="color: black;">而后</span><span style="color: black;">运用</span> <script> 标签引用。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">接下来，放在「页脚 HTML 代码」处加载，window.$silence 用来配置用户选项，详请参见 配置选项。</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/TgGFhQD5OUSpNV~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728087005&x-signature=innVxpCh2H9pV4gFQy1eppMbzGI%3D" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">4：配置 Loading</strong> 将如下代码粘贴到「页首 HTML 代码」处。</p><<span style="color: black;">div</span> <span style="color: black;"><span style="color: black;"><span style="color: black;">class</span></span></span>=<span style="color: black;"><span style="color: black;">"loading"</span></span>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">></p> <span style="color: black;"><span style="color: black;"><</span></span><span style="color: black;"><span style="color: black;"><span style="color: black;"><span style="color: black;">div</span></span></span></span><span style="color: black;"><span style="color: black;"><span style="color: black;"><span style="color: black;">class</span></span></span></span><span style="color: black;"><span style="color: black;">=</span></span><span style="color: black;"><span style="color: black;"><span style="color: black;"><span style="color: black;">"box"</span></span></span></span><span style="color: black;"><span style="color: black;">></span></span><span style="color: black;"> <span style="color: black;"><</span></span><span style="color: black;"><span style="color: black;"><span style="color: black;"><span style="color: black;">h2</span></span></span></span><span style="color: black;"><span style="color: black;">></span>Loading<span style="color: black;"></</span></span><span style="color: black;"><span style="color: black;"><span style="color: black;"><span style="color: black;">h2</span></span></span></span><span style="color: black;"><span style="color: black;">></span></span><span style="color: black;"> <span style="color: black;"><</span></span><span style="color: black;"><span style="color: black;"><span style="color: black;"><span style="color: black;">span</span></span></span></span><span style="color: black;"><span style="color: black;">></span><span style="color: black;"></</span></span><span style="color: black;"><span style="color: black;"><span style="color: black;"><span style="color: black;">span</span></span></span></span><span style="color: black;"><span style="color: black;">></span><span style="color: black;"><</span></span><span style="color: black;"><span style="color: black;"><span style="color: black;"><span style="color: black;">span</span></span></span></span><span style="color: black;"><span style="color: black;">></span><span style="color: black;"></</span></span><span style="color: black;"><span style="color: black;"><span style="color: black;"><span style="color: black;">span</span></span></span></span><span style="color: black;"><span style="color: black;">></span><span style="color: black;"><</span></span><span style="color: black;"><span style="color: black;"><span style="color: black;"><span style="color: black;">span</span></span></span></span><span style="color: black;"><span style="color: black;">></span><span style="color: black;"></</span></span><span style="color: black;"><span style="color: black;"><span style="color: black;"><span style="color: black;">span</span></span></span></span><span style="color: black;"><span style="color: black;">></span><span style="color: black;"><</span></span><span style="color: black;"><span style="color: black;"><span style="color: black;"><span style="color: black;">span</span></span></span></span><span style="color: black;"><span style="color: black;">></span><span style="color: black;"></</span></span><span style="color: black;"><span style="color: black;"><span style="color: black;"><span style="color: black;">span</span></span></span></span><span style="color: black;"><span style="color: black;">></span><span style="color: black;"><</span></span><span style="color: black;"><span style="color: black;"><span style="color: black;"><span style="color: black;">span</span></span></span></span><span style="color: black;"><span style="color: black;">></span><span style="color: black;"></</span></span><span style="color: black;"><span style="color: black;"><span style="color: black;"><span style="color: black;">span</span></span></span></span><span style="color: black;"><span style="color: black;">></span><span style="color: black;"><</span></span><span style="color: black;"><span style="color: black;"><span style="color: black;"><span style="color: black;">span</span></span></span></span><span style="color: black;"><span style="color: black;">></span><span style="color: black;"></</span></span><span style="color: black;"><span style="color: black;"><span style="color: black;"><span style="color: black;">span</span></span></span></span><span style="color: black;"><span style="color: black;">></span><span style="color: black;"><</span></span><span style="color: black;"><span style="color: black;"><span style="color: black;"><span style="color: black;">span</span></span></span></span><span style="color: black;"><span style="color: black;">></span><span style="color: black;"></</span></span><span style="color: black;"><span style="color: black;"><span style="color: black;"><span style="color: black;">span</span></span></span></span><span style="color: black;"><span style="color: black;">></span></span><span style="color: black;"> <span style="color: black;"></</span></span><span style="color: black;"><span style="color: black;"><span style="color: black;"><span style="color: black;">div</span></span></span></span><span style="color: black;"><span style="color: black;">></span></span><span style="color: black;"><span style="color: black;"></</span></span><span style="color: black;"><span style="color: black;"><span style="color: black;"><span style="color: black;">div</span></span></span></span><span style="color: black;"><span style="color: black;">></span></span><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/TgGFhRN1V4m53h~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728087005&x-signature=U%2FoOXK8E8B17jXuFS7neqEkSY28%3D" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">5：其他配置</strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1.「基本设置」栏中，「博客标题」处设置博客名<span style="color: black;">叫作</span>，默认不支持<span style="color: black;">表示</span>「博客子标题」，「博客皮肤」处需要<span style="color: black;">选取</span>标准模板 Custom。</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/TgGFhSIFXzpuj5~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728087005&x-signature=VAvXPx6DPqR3fpTnFyHaGBpOJok%3D" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">「代码高亮」栏中，「渲染引擎」<span style="color: black;">选取</span> highlight.js，「<span style="color: black;">表示</span>行号」不要勾选，「主题样式」<span style="color: black;">选取</span> cnblogs。</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/TgGFhv27US49t5~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728087005&x-signature=m0PSl9DvogLeIjS4oIYlzBlqIn0%3D" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">silence 一个非常简洁，颜值高，适合阅读的博客园主题，弥补了官方主题的不足，感谢作者的卓越贡献，对 silence 感兴趣的<span style="color: black;">朋友</span>快去试试吧！</p><strong style="color: blue;">项目<span style="color: black;">位置</span></strong>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;">https://esofar.github.io/cnblogs-theme-silence/#/</strong></span></p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/SibRYRUDy9diE7~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728087005&x-signature=O21j%2FQciJR7M%2FWNX8H3VOrSk7ss%3D" style="width: 50%; margin-bottom: 20px;"><strong style="color: blue;">分享</strong><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/SibVpUY6Kqg1po~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728087005&x-signature=1pssUlJ3tGkRgJd7nkpuS8HhWmk%3D" style="width: 50%; margin-bottom: 20px;"><strong style="color: blue;">点<span style="color: black;">保藏</span> </strong><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/SibSpljH8lE2ZO~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728087005&x-signature=ANO0OnIDPR5Z7hw%2BAY2qtI9svjA%3D" style="width: 50%; margin-bottom: 20px;">
</div>
</div>
页:
[1]