0
点赞
收藏
分享

微信扫一扫

2023年了,快去给你的博客加上一个主题吧~


最近闲逛github,发现了一个不错的博客主题,分享给大家。

这个主题主要是用于个人主页美化用的。

主题地址:Silence - 专注于阅读的博客园主题

2023年了,快去给你的博客加上一个主题吧~_github

 

目录

一、获取文件

(1)样式文件

(2)脚本文件

二、配置CSS

 三、配置JS

四、配置加载样式

五、其它配置

六、我的配置 

七、效果预览

一、获取文件


二、配置CSS

注意:「禁用模板默认CSS」需要勾选。

2023年了,快去给你的博客加上一个主题吧~_github_02

 三、配置JS

2023年了,快去给你的博客加上一个主题吧~_javascript_03

四、配置加载样式

将如下代码粘贴到「页首 HTML 代码」处。

2023年了,快去给你的博客加上一个主题吧~_css3_04

<div class="loading">
  <div class="box">
    <h2>Loading</h2>
    <span></span><span></span><span></span><span></span><span></span><span></span><span></span>
  </div>
</div>

五、其它配置

【基本设置」栏中,「博客标题」处设置博客名称,默认不支持显示「博客子标题」,「博客皮肤」处需要选择标准模板Custom

2023年了,快去给你的博客加上一个主题吧~_javascript_05

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

2023年了,快去给你的博客加上一个主题吧~_github_06

六、我的配置 

这个配置我当前使用的配置,你需要把放在【页脚HTML处】。

<script>
        window.$silence = {
            avatar: 'https://file.ewbang.com/file/2023/05/15/a244ab7d61cb4895a70b67966a3d3cda.jpg',
            defaultMode: 'auto',
            defaultTheme: 'a',
            showNavAdmin: true,
            catalog: {
                enable: true,
                index: true,
                active: false,
                levels: ['h2', 'h3', 'h4']
            },
            navbars: [{
                title: '标签',
            
            }, {
                title: '我的',
                children: [{
                    title: '我的网站',
                    target: '_blank',
                    url: 'https://www.ewbang.com',
                }, {
                    title: '我的博客',
                    target: '_blank',
                  
                }]
            }],
            sponsor: {
                enable: true,
                text: '如果本篇文章有帮助到你,你可以请作者喝杯咖啡表示鼓励 ☕️',
                wechat: 'https://file.ewbang.com/static/donate/weixin.png',
                alipay: 'https://file.ewbang.com/static/donate/zfb.png'
            },
            showNavAdmin: false,
            github: 'https://aida-pc.github.io'
        };
</script>

 选项配置

七、效果预览

配置出来整体效果还是蛮不错的,感兴趣的小伙伴赶快可以动手试试吧。


2023年了,快去给你的博客加上一个主题吧~_前端_07

举报

相关推荐

0 条评论