前言
官方文档:hexo-tag-cloud
效果参考(需要科学上网):我的个人博客
在搭建博客的过程中无意间看到某个大佬的博客有很炫酷的动态标签云,瞬间心动了,于是决定自己也安装一个。tag-cloud插件比较特殊,根据官方文档,它需要将一段代码替换原本的标签云。而标签云的代码位置可能会根据主题、模板引擎、插件安装方式的不同而有较大差异。
虽然Fluid不算冷门的主题,但是看了若干技术博客,并没有Fluid+tag-cloud的相关教程,官方文档给出的代码替换方式也和我的实际操作有所不同,故写此篇博客以供参考。
- hexo v5.0
- npm安装所有插件
确认模板引擎
通过npm安装主题,主题文件在node_modules\hexo-theme-fluid\
中,查看代码文件发现后缀都是ejs,因此是ejs引擎。
选取这段代码备用:
<% if (site.tags.length) { %>
<script type="text/javascript" charset="utf-8" src="<%- url_for('/js/tagcloud.js')