1. 程式人生 > 實用技巧 >部落格園樣式美化(相容為知筆記)3

部落格園樣式美化(相容為知筆記)3

目錄

部落格園樣式美化(相容為知筆記)3

參考 : https://bndong.github.io/Cnblogs-Theme-SimpleMemory/v1.1/#/


面板

simplememory

頁面定製 CSS 程式碼


@import url(https://files.cnblogs.com/files/ziyue7575/Cnblogs-Theme-SimpleMemory-1.3.3.base.min.css)   screen and (min-width:0px);
/*----------------------------------------*/
#myposts .vertical-middle span {
    font-size: 17px;
}
code{
font-family: consolas !important;
}
.post .postBody blockquote{
background: #f5f5f5;
color: #6a737d !important;
}
#cnblogs_post_body .linenums ol li {
    list-style-type: none;
}
#cnblogs_post_body .linenums ol{
    padding-left: 0.5em;
}
#cnblogs_post_body .linenums ol li .hljs {
    border-radius: 0;
    background: none!important; 
    border: 0!important;
}
pre.prettyprint {
	background-color: #fafafa;
	margin: 10px 0;
}
.CodeMirror-scroll {
    display: none;
}
.pln {
	color: #48484C;
}

.str {
	color: #DD1144;
}

.kwd {
	color: #1E347B;
}

.com {
	color: #93A1A1;
}

.typ {
	color: blueviolet;
/*font-weight: 700;*/
}

.lit {
	color: #195F91;
}

.pun {
	color: #48484C;
}

.opn {
	color: #93A1A1;
}

.clo {
	color: #93A1A1;
}

.tag {
	color: #008;
}

.atn {
	color: teal;
}

.atv {
	color: #DD1144;
}

.dec {
	color: teal;
}

.var {
	color: teal;
}

.fun {
	color: #DC322F;
}

.feedbackManage a, .comment_vote a{
    color: var(--ThemeColor);
  /*  border-bottom: 1px solid var(--ThemeColor); */
}
.clipboard-button {
    color: cadetblue;
}

禁用模板預設CSS

選中

部落格側邊欄公告(支援HTML程式碼) (支援 JS 程式碼)

<script type="text/javascript">
    window.cnblogsConfig = {
        GhVersions    : 'v1.3.3', // 版本
        blogUser      : "ziyue7575", // 使用者名稱
        blogAvatar    : "https://pic.cnblogs.com/avatar/1465807/20190927091102.png", // 使用者頭像
        blogStartDate : "2018-08-15", // 入園時間,年-月-日。入園時間檢視方法:滑鼠停留園齡時間上,會顯示入園時間
    }
</script>
<script src="https://cdn.jsdelivr.net/gh/BNDong/[email protected]/src/script/simpleMemory.min.js" defer></script>


<script type="text/javascript">

//document.getElementById("blogLogo").src="https://pic.cnblogs.com/avatar/1465807/20190927091102.png"
function removeElementsByClass(className){
    var elements = document.getElementsByClassName(className);
    while(elements.length > 0){
        elements[0].parentNode.removeChild(elements[0]);
    }
}
//刪除預設的目錄欄
removeElementsByClass("toc");
removeElementsByClass("wiz_toc_layer");
function arrownTop() {
	var w = document.body.clientWidth;
	str = "<a href='#navigator' class='upToNav'></a>";
	if (w > 361) {
		$('#footer').prepend(str);
	} else if ($('#sidebar_scroller') == null) {
		$('#page_end_html').prepend(str);
	}
}
arrownTop();


</script>

允許 MetaWeblog 部落格客戶端訪問