Hexo Next主题安装

安装node

请使用低于node20版本，否则next相关的插件会有问题

安装hexo

npm install hexo-cli -g
hexo init 博客目录
cd 博客目录
npm install

安装Next主题

官方博客

npm install hexo-theme-next hexo-util css js-yaml highlight.js  --save
cd 博客目录
cp node_modules/hexo-theme-next/_config.yml _config.next.yml

更改Next主题

编辑_config.yml文件
theme: next

补充相关页面

这里补充标签页，分类页，关于页
hexo new page tags
hexo new page categories
hexo new page about

相关插件

Hexo 插件

• 🔎 hexo-generator-searchdb：Hexo 的搜索数据生成器插件。
• ⏳ hexo-word-counter：Hexo 博客文章的字数和阅读时间。
• 🚩 hexo-optimize：一个优化页面加载速度的 Hexo 插件。
• 🀄 hexo-pangu：Hexo 的服务端 pangu.js 过滤器。在中日韩字符和西方字符之间添加空格。
• 💯 hexo-filter-mathjax：Hexo 的服务器端 MathJax 渲染器插件。

NexT插件

请参阅注入文档以了解如何使用theme_inject。

小部件

• 🍰 hexo-cake-moon-menu：back2top 按钮和 scrollpercent 的新样式。

奇特的东西

• 🌠 hexo-next-three：用于 NexT 的 JavaScript 3D 库。
• 🎆 hexo-next-fireworks：NexT 的烟花动画。
• 📷 hexo-next-exif：NexT 的 Exif 阅读器。
• ⚡ hexo-next-subtitle-typing：一款为字幕添加文本动画的打字机效果插件。

帖子工具

• 👫 hexo-next-coauthor：添加共同作者帖子元数据。
• 🎁 hexo-next-share：NexT 的内容共享服务。

评论

• 💬 hexo-disqus-php-api：另一个很棒的 Disqus 代理。
• 🔮 hexo-next-valine：NexT 的 Valine 评论系统。
• ✏️ hexo-next-discussbot：NexT 的 DiscussBot 评论系统。
• 💎 @waline/hexo-next：NexT 的 Waline 评论系统。
• 📘 hexo-next-twikoo：适用于 NexT 的 Twikoo 评论系统。
• 👻 hexo-next-giscus：NexT 的 Giscus 评论系统。
• 🌌 hexo-next-artalk：NexT 的 Artalk 评论系统。