zoukankan      html  css  js  c++  java
  • 博客园Markdown代码块添加复制功能

    申请js权限

    点击管理到博客后台

    点击设置

    点击申请js权限,我的是已经申请成功,所以显示不同

    申请理由示例如下

    尊敬的博客园管理员,  请问是否可以帮我开通js权限,我需要一些简单的js来解决例如代码高亮等外观调整。   谢谢您的帮助。
    

    我申请的时候遇到了一个问题,就是博客园一直报无法连接到服务器,后来回到旧版后台再次申请就好了。

    审核周期大概一天之内。

    定制css

    填入我们想自定义的css代码

    /*添加按钮*/
    .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;
    }
    

    定制html

    添加我们自定义的HTML片段

    <script src="https://files.cnblogs.com/files/strongmore/clipboard.min.js"></script>
    <script src="https://files.cnblogs.com/files/strongmore/cp.js"></script>
    

    现在这两个js文件是在我的博客园下的,最好将文件添加到自己的博客园下

    添加文件

    还是管理后台,找到文件,上传就可以了,之后将上面的js路径替换成自己的就可以了。

  • 相关阅读:
    设计模式总结
    centos7.5 安装python3.7
    搭建yum软件源
    centos安装gitbook
    编译技术
    samba安装
    docker命令
    shell基础知识
    随笔
    虚拟机字节码执行引擎(三)
  • 原文地址:https://www.cnblogs.com/strongmore/p/13395062.html
Copyright © 2011-2022 走看看