博客园样式美化(兼容为知笔记)3

博客园样式美化(兼容为知笔记)3

参考 :

• https://bndong.github.io/Cnblogs-Theme-SimpleMemory/v1.1/#/
• https://bndong.github.io/Cnblogs-Theme-SimpleMemory/v2/#/
• https://gitee.com/dbnuo/Cnblogs-Theme-SimpleMemory

2.0.1

今天忽然发现主题失效了，就重新找了新的教程处理了一遍

方法： https://bndong.github.io/Cnblogs-Theme-SimpleMemory/v2/#/

兼容位置笔记：在css最后添加几行

#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;
}

1.3.3 失效

皮肤

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/Cnblogs-Theme-SimpleMemory@v1.3.3/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 博客客户端访问