zoukankan      html  css  js  c++  java
  • 博客园样式美化(兼容为知笔记)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-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 博客客户端访问

    在这里插入图片描述

  • 相关阅读:
    java实现 n人过桥问题
    git:rebase的原理
    注解@ConfigurationProperties使用方法
    docker+mysql 更改配置后重启不了的解决方案
    docker+mysql 构建数据库的主从复制
    Linux 踩坑记
    OSS上传图片无法在线预览的解决方案
    Linux中du、df显示不一致问题
    zookeeper作配置中心(存储支付信息)
    @Configuration结合@Bean实现对象的配置
  • 原文地址:https://www.cnblogs.com/ziyue7575/p/13873645.html
Copyright © 2011-2022 走看看