Hexo 中文版外挂标签

最新推荐文章于 2024-04-13 15:47:05 发布

YLGZs1

最新推荐文章于 2024-04-13 15:47:05 发布

阅读量399

点赞数 8

文章标签： npm 笔记

本文链接：https://blog.csdn.net/ylgzs1/article/details/136590312

版权

本文详细介绍如何在中文版博客中使用外挂标签，涉及安装步骤、配置参数、各类标签语法及示例，包括Markdown渲染器替换和个性化设置。

摘要由CSDN通过智能技术生成

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

文章目录

前言
一、如果你感觉外挂标签书写繁琐可以尝试这个代码补全
二、使用步骤
更多内容

前言

本文章介绍了中文版博客外挂标签的使用方法及各类标签的语法、配置参数和样式预览，包括行内文本、段落文本、上标标签、动态标签、复选列表、单选列表、按钮组、徽标、网站卡片、行内图片、单张图片、音频、视频、折叠框、诗词标签、进度条、气泡注释、分栏和时间轴等，并提供了详细的示例代码以实现丰富的文本效果与交互功能。

一、如果你感觉外挂标签书写繁琐可以尝试这个代码补全

外挂标签代码补全

二、使用步骤

1.安装

# 安装中文版外挂标签
npm install hexo-butterfly-tag-plugins-plus-chinese --save
# 删除原有 markdown 渲染器
npm uninstall hexo-renderer-marked --save
# 安装 markdown 渲染器
npm install hexo-renderer-markdown-it --save

2.添加配置信息`_config.yml`或 `_config.butterfly.yml`

# tag-plugins-plus
# see https://akilar.top/posts/615e2dec/
tag_plugins:
 enable: true # 开关
 priority: 5 #过滤器优先权
 issues: false #issues标签开关
 link:
   placeholder: /img/link.png #link_card标签默认的图标图片
 CDN:
   anima: https://unpkg.com/hexo-butterfly-tag-plugins-plus-chinese@latest/lib/assets/font-awesome-animation.min.css #动画标签anima的依赖
   jquery: https://unpkg.com/jquery@latest/dist/jquery.min.js #issues标签依赖
   issues: https://unpkg.com/hexo-butterfly-tag-plugins-plus-chinese@latest/lib/assets/issues.js #issues标签依赖
   iconfont: //at.alicdn.com/t/font_2032782_8d5kxvn09md.js #参看https://akilar.top/posts/d2ebecef/
   carousel: https://unpkg.com/hexo-butterfly-tag-plugins-plus-chinese@latest/lib/assets/carousel-touch.js
   tag_plugins_css: https://unpkg.com/hexo-butterfly-tag-plugins-plus-chinese@latest/lib/tag_plugins.css