cnblogs-theme-silence 主題設置簡約風格
- 2021 年 9 月 20 日
- 筆記
- Cnblogs Theme Configuration
更改部落格皮膚
更改部落格皮膚為Custom
頁面訂製CSS程式碼
- 勾選禁用模板默認CSS
- 導入該文件中的內容複製該文件內容到程式碼框中
- 配置程式碼塊複製功能 樣式 和 右側滑動條樣式
/*複製功能添加按鈕 begin*/
.cnblogs-markdown pre {
position: relative;
}
.cnblogs-markdown pre > span {
position: absolute;
top: 0;
right: 0;
border-radius: 2px;
padding: 0 10px;
font-size: 12px;
background: rgba(0, 0, 0, 0.4);
color: #fff;
cursor: pointer;
display:none;
}
.cnblogs-markdown pre:hover > span {
display:block;
}
.cnblogs-markdown pre > .copyed {
background: #67c23a;
}
/*複製功能添加按鈕 end*/
/*滾動條功能 begin*/
/*css主要部分的樣式*/
::-webkit-scrollbar {
width: 15px; /*對垂直流動條有效*/
height: 15px; /*對水平流動條有效*/
}
/*定義滾動條的軌道顏色、內陰影及圓角*/
::-webkit-scrollbar-track{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: gainsboro;
border-radius: 3px;
}
/*定義滑塊顏色、內陰影及圓角*/
::-webkit-scrollbar-thumb{
border-radius: 7px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #42b983;
}
/*定義兩端按鈕的樣式*/
::-webkit-scrollbar-button {
background-color:white;
}
/*定義右下角匯合處的樣式*/
::-webkit-scrollbar-corner {
background:white;
}
/*滾動條功能 begin*/
部落格側邊欄公告
<script type="text/javascript">
window.$silence = {
avatar: '//images.cnblogs.com/cnblogs_com/whalefall541/2033891/t_210920062756123.jpg',// 定義首頁頭像
favicon: '//files.cnblogs.com/files/whalefall541/1152748.gif', //定義網頁前小標籤
github: '//github.com/whalefall541',
defaultMode: 'auto', //自動夜間模式
defaultTheme: 'c', //右下角 工具欄顏色樣式
catalog: {
enable: true,
index: true,
active: false,
levels: ['h2', 'h3', 'h4']
},
signature: {
enable: true,
author: 'whalefall541',
license: ['署名-非商業性使用-相同方式共享 4.0 國際', '//creativecommons.org/licenses/by-nc-sa/4.0/'],
remark: 'all corpright reserved, if reprinted must include origin website',
},
sponsor: {
enable: true,
text: '歡迎關注微信公眾號哦``',
wechat: '//images.cnblogs.com/cnblogs_com/whalefall541/2033891/o_210920064116weichat.jpg',
}
};
</script>
<script src="//files.cnblogs.com/files/whalefall541/silence.min.js"></script>
頁腳HTML程式碼
<script src="//files.cnblogs.com/files/whalefall541/clipboard.min.js"></script>
<script src="//files.cnblogs.com/files/whalefall541/cp.js"></script>
