Wincer's Blog
·
Hexo，再也不见
内容提要
两年前，由于 Hexo 插件漏洞，我转向使用 Hugo。Hugo 功能强大，适合定制，虽然主题较少，我选择自制主题，结合 Tailwind 和 Rollup.js。博客改进包括评论加载优化和文章加密。尽管 Hexo 生态更好，但我对前端工具链感到厌倦，因此选择了 Hugo。
关键要点
-
两年前因 Hexo 插件漏洞转向使用 Hugo。
-
Hugo 功能强大，适合定制，主题较少，选择自制主题。
-
博客改进包括评论加载优化和文章加密。
-
Hexo 生态更好，但对前端工具链感到厌倦，因此选择了 Hugo。
-
Hugo 的主题创作者大多是后端，整体水平落后于 Hexo。
-
选择使用 Tailwind 作为 CSS 框架，结合 Rollup.js 进行 JavaScript 打包。
-
评论加载优化：用户滚动到文章底部时才请求评论配置文件。
-
文章加密通过 AES 加密内容，前端使用 JavaScript 解密。
-
博客主题最初不打算发布，后决定开源。
-
迁移至 Hugo 的原因是对前端工具链的厌倦，尽管 Hexo 生态更好。
延伸解读
Hexo与Hugo的生态对比
Hexo的生态系统相对成熟，拥有丰富的插件和主题，适合需要快速搭建博客的用户。而Hugo虽然功能强大，但主题和插件较少，更多依赖用户自定义。这意味着在选择框架时，用户需考虑自身的技术能力和对定制化的需求。
前端工具链的疲惫感
文章中提到对前端工具链的厌倦，反映了许多开发者在面对复杂的构建流程时的共鸣。选择Hugo虽然减少了对插件的依赖，但仍需使用Rollup.js进行打包，显示出在追求简化的同时，开发者仍需面对技术的复杂性。
博客性能优化的实践
作者在博客中实施了评论加载优化和文章加密等措施，展示了如何通过技术手段提升用户体验。特别是评论的懒加载策略，有助于提高页面加载速度，值得其他博主借鉴。
延伸问答
为什么作者选择从 Hexo 迁移到 Hugo？
作者因 Hexo 插件漏洞和对前端工具链的厌倦，决定迁移到 Hugo。
Hugo 和 Hexo 在主题创作上有什么区别？
Hugo 的主题创作者大多是后端，整体水平落后于 Hexo 的前端主题创作者。
作者在博客中使用了哪些技术来优化评论加载？
作者优化评论加载方式为用户滚动到文章底部时才请求评论配置文件。
文章加密是如何实现的？
文章在编译时使用 AES 加密，前端通过 JavaScript 解密。
作者在设计博客主题时使用了哪些工具？
作者使用了 Tailwind 作为 CSS 框架和 Rollup.js 进行 JavaScript 打包。
作者对 Hexo 的看法是什么？
作者认为 Hexo 的生态、主题美观度和自由度都优于 Hugo，但仍选择了 Hugo。
