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

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

修改主题配置文件

配置copy_button字段：

# 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/