!
也想出现在这里? 联系我们
广告位

Typecho为Mirages主题的代码块添加Copy按钮

由于目前我自用的是一套Mirages主题,所以接下来的步骤也按这个主题来,当然主题不同,也只是改的地方不一样而已,相信这都不是事,要是真有事了欢迎留言哈。

Typecho为Mirages主题的代码块添加Copy按钮

先将以下代码添加到主题header.php中的</head>标签前,或前往控制台-设置外观-主题自定义扩展(考虑到以后更新主题能够更加偷懒,建议还是放到自定义扩展中,将它添加到自定义 HTML 元素拓展-标签: head 头部 (meta 元素后)

如果像我一样用的是Mirages主题,那么还要交前面的代码部分修改,要不然会出现提示拷贝成功,粘贴里却是啥也没有的尴尬情况,具体为:将上述代码第35行的const target = document.createElement(\'pre\');改成const target = document.createElement(\'textarea\');

如果你开启了PJAX,则需单独加入回调函数。对于本主题,依次进入控制台 - 外观 - 设置外观 - PJAX(BETA) - PJAX RELOAD,将initCodeCopyButton();添加进入即可。

给TA打赏
共{{data.count}}人
人已打赏
网站运维

ZBlog实现调用文章第一张图片作为缩略图或显示随机图片

2022-9-6 14:32:20

网站运维

C#在PDF中添加墨迹注释Ink Annotation的步骤详解(cctv5体育节目表)

2022-9-6 14:33:12

声明 本站上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。无意侵害您的权益,请发送邮件至 admin@s9h.cn 或点击右侧 私信:少羽 反馈,我们将尽快处理。
0 条回复A文章作者M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索