zoukankan      html  css  js  c++  java
  • 添加代码块复制按钮的方法

    在页面定制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处添加相应js

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

    大家可以把js上传到自己博客文件那儿,生成一个自己的链接来使用较为稳当

    本文参考strongmore,侵删

  • 相关阅读:
    Misc1
    PXE
    VCL
    pacman usage
    .vimrc的配置
    Windows Server 2012 R2
    Windows 入门杂乱无章版
    VS Code Plugins And Configuration
    「Poetize5」GF弹钢琴
    「Poetize4」上帝造题的七分钟2
  • 原文地址:https://www.cnblogs.com/sillage/p/13959121.html
Copyright © 2011-2022 走看看