3

【转载】基于 Butterfly 的外挂标签引入

 3 years ago
source link: https://noionion.top/32088.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client
贰猹の小窝

【转载】基于 Butterfly 的外挂标签引入

发表于 2021-04-10|更新于 2021-07-15|教程
字数总计:12k|阅读时长:50 分钟 | 阅读量:67

本文转载自店长的 Akilar の糖果屋 - 基于 Butterfly 的外挂标签引入，已获得作者许可。本教程只用于猹自己写文的时候做参考（这么多样式猹记不住）另外说明，本转载并不完整，一部分需要其他魔改引入支持的内容已经删除，如有需要请查看店长原帖以下为转载内容

如有使用了本站的右键菜单教程的读者，请确保自己的配置内容为最新。2020 年 11 月 15 日之前的教程中的 css 样式和本帖的部分标签有冲突。请及时更新。

同理，若您在使用本帖教程后，发现样式无法完全还原，请重点排查您的其余第三方魔改 css 样式，例如 css 中是否存在 **.circle、.square** 等易重 class 名。

点开查看开发记录 点开查看配置教程
  1. 下载资源文件
  2. 将下载的 Tag_Plugins.zip 解压得到 butterfly 文件夹。
  3. 将 butterfly 文件夹复制到 [Blogroot]\themes\ 目录下，覆盖当前的 butterfly 主题文件夹，提示重复则选择替换。(如果担心覆盖自己的其他魔改内容，可以根据静态文件内容自主比对修改)
  4. 修改 [Blogroot]\_config.butterfly.yml 的 inject 配置项，添加 CDN 依赖项。由于 issues 写入 timeline 和 site-card 标签要用到 jquery，请务必根据注释指示的版本决定是否添加。
    inject:
      head:
        - <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/l-lin/font-awesome-animation/dist/font-awesome-animation.min.css"  media="defer" onload="this.media='all'">  #动画标签anima的依赖
      bottom:
        - <script defer src="https://cdn.jsdelivr.net/npm/jquery@latest/dist/jquery.min.js"></script>
        # 自butterfly_v3.4.0+开始，主题基本实现去jquery化，需要自己添加引用，请读者根据版本自行决定是否添加这行引用。
        - <script defer src="https://cdn.jsdelivr.net/npm/hexo-theme-volantis@latest/source/js/issues.min.js"></script>
        #数据集合标签issues的依赖
  5. 外挂标签使用方案请参阅下文。

report

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK