lfe

对比hugo,hexo,vitepress,nuxt content,选择最合适的静态网站生成工具

实现方式

hugo使用go语言。hexo使用node。vitepress使用node,vue。nuxt content使用node,vue,nuxt。

主题数量

查看官方文档进行统计,hugo,hexo主题数量非常多。搜索引擎搜索名称加上主题关键字,hugo和hexo数量也非常多,也有vitepress主题,nuxt content主题非常少。GitHub搜索名称加theme统计,hugo和hexo的数量也很多,vitepress和nuxt content很少。粗略统计hexo主题最多。

主题是不是好看这个完全是非常主观的事情,我也抓不住大众审美,所以不讨论。

自定义扩展

4种工具都支持自定义扩展。hugo使用go模板语法,支持条件,循环,自定义函数,模板复用。hexo使用特殊自定义模板语法,支持自定义函数,模板服用。vitepress主题支持使用vue组件自定义。nuxt content支持使用vue组件自定义主题同时可以在markdown文档中使用组件。

搜索引擎优化(seo)

根据以往的经验,从bing搜素引擎搜索到的使用这4种工具生成的网站来说,hexo应该是最多的,vitepress也很多,nuxt content是最少的,几乎没有。从作用上来分析,hexo和hugo多用来做网络日志(也就是博客,也称部落格,顺便说一句这些词语应该都是来自于blog的音译,而blog在我看来是web log的缩写,所以笔者这里翻译为网络日志),vitepress多用于产品介绍和文档。

安装

hugo可以通过window的包管理工具安装,条件是需要安装go和git。vitepress需要安装node。hexo需要node和git,通过npm全局安装。nuxt content需要node。

简单使用

hugo,hexo使用自建命令创建项目,使用git下载主题。vitepress和nuxt content则是通过npm创建项目。vite导入npm package使用主题。nuxt content要克隆整个主题项目才能使用主题,并且需要自己写启动文件,比较麻烦。最后在相应工具的规定目录里写入markdown文件即可。

构建部署

都是通过相应命令生成html网站文件然后放入服务器目录即可。

结论

就目的来说,我想快速的搭建一个网络日志,并且有好的搜索引擎排名。重点在于快速和排名。这四种工具选择可能对排名的影响非常微弱,但还是会参考搜索引擎统计。快速最好就是不用学习,不用经历复杂的安装,我只专注于把日志写出来,不用关心怎么自定义一个样式。所以现阶段的选择就是hugo了。

如果有建议或者需要开发网站请咨询QQ:3135450093