Hexo Fluid添加tag-cloud插件

前言

官方文档: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') 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值