Next -18- 添加代码复制按钮

本文最后更新于:2022年7月4日 上午

本文介绍Next 7.7.1 主题添加代码复制按钮的方法。

修改主题配置文件

配置copy_button字段:

1
2
3
4
5
6
7
# Add copy button on codeblock
copy_button:
enable: true
# Show text copy result.
show_result: default
# Available values: default | flat | mac
style:

设置 enable 为 true,show_result为default。

效果

复制成功后按钮会有状态变化提示。



文章链接:
https://www.zywvvd.com/notes/hexo/theme/next/18-next-add-codecopy/next-add-codecopy/


Next -18- 添加代码复制按钮
https://www.zywvvd.com/notes/hexo/theme/next/18-next-add-codecopy/next-add-codecopy/
作者
Yiwei Zhang
发布于
2020年3月23日
许可协议