网站建设中,中国大陆地区请使用VPN访问,欢迎提建议,关注LSKR Mastodon

静态网站生成技术JekyII vs Hexo

对比静态网站生成技术Jekyll和Hexo ,分析优劣,最后介绍胜出者Hex安装过程。

JeKyII 对比 Hexo

Hexo 和 Jekyll 都是流行的静态站点生成器,但它们有一些关键的区别,可能会根据您的特定需求影响您的选择:

1.编程语言

  • Hexo:使用 Node.js 构建,因此需要 JavaScript 和 Node.js 的知识才能扩展或定制。

  • Jekyll:使用 Ruby 构建,这意味着您需要安装 Ruby 才能使用它,并且您可能需要熟悉 Ruby 才能定制某些方面。

2.性能

  • Hexo:以其快速的性能而闻名,尤其是在构建过程中。Hexo 可以高效地处理大型网站。

  • Jekyll:与 Hexo 相比速度较慢,尤其是在构建大型站点时,因为 Ruby 在静态站点生成方面性能不如 Node.js 快。

3.主题和定制

  • Hexo:拥有丰富的主题库,其中许多主题高度可定制。Node.js 的使用也使其在使用插件扩展功能方面更加灵活。

  • Jekyll:也有各种各样的主题,但由于它是基于 Ruby 构建的,对于不熟悉 Ruby 编程的人来说,定制可能会感觉更加严格。

4.插件

  • Hexo:拥有大量可用的插件,可以轻松与其他服务(例如 Google Analytics、Disqus)集成,并允许 SEO、RSS 提要等高级功能。

  • Jekyll:Jekyll 拥有丰富的插件,但其插件生态系统在 GitHub Pages 上托管时会受到更多限制,因为出于安全原因,GitHub Pages 不允许自定义插件。为了获得更大的灵活性,您需要将 Jekyll 托管在您自己的服务器上。

5.易于使用

  • Hexo:通常被认为更容易上手,尤其对于熟悉 JavaScript 或 Node.js 的用户而言。其文档也相当易懂。

  • Jekyll:学习曲线比较陡峭,尤其对于不熟悉 Ruby 或命令行界面的初学者来说。但它与 GitHub Pages 的集成,让已经使用 GitHub 的开发者更容易上手。

6.托管

  • Hexo:可以托管在任何服务器上,例如 GitHub Pages、Netlify 或您自己的服务器。非常灵活。

  • Jekyll:与 GitHub Pages 无缝协作,使其成为那些想要快速部署其网站而不必担心自定义服务器设置的人的热门选择。

7.社区支持

  • Hexo:拥有活跃的社区,许多开发者使用它来创建博客或文档网站。然而,与 Jekyll 相比,Hexo 的生态系统可能略显欠成熟。

  • Jekyll:它拥有更大的社区,部分原因是它存在时间更长,并且得到了 GitHub Pages 的官方支持。这通常使得查找帮助和资源更加容易。

概括:

  • 如果您熟悉 JavaScript/Node.js,需要更快的构建过程,并且希望插件和主题具有灵活性,请选择 Hexo。

  • 如果您熟悉 Ruby、希望无缝集成 GitHub Pages,或者您已经加入 Ruby 生态系统,请选择 Jekyll 。

总结

Hexo 用于更多的插件,更加丰富的主题,上手难度比较简单。基于此,本文选择使用Hexo,原因是上手难度低的同时 Hexo 主题和插件丰富,对中文支持的更加友好(台湾人开发)。

Hexo

1. 安装 Hexo

首先,确保你已经安装了 Hexo 和所需的依赖:

 npm install -g hexo-cli

然后,创建一个新的 Hexo 项目:

 hexo init my-blog
 cd my-blog
 npm install

2. 配置 _config.yml

在 Hexo 项目的根目录下,打开 _config.yml 文件。找到 deploy 配置部分,修改为以下内容:

 deploy:
  type: git
  repo: https://github.com/username/username.github.io.git
  branch: main  # 如果你的 GitHub Pages 使用的是 main 分支,默认为 gh-pages

请确保将 username 替换为你的 GitHub 用户名。

3. 安装 Git 部署插件

Hexo 使用 hexo-deployer-git 插件将博客发布到 GitHub Pages。你需要先安装该插件:

 npm install hexo-deployer-git --save

4. 生成静态文件

生成静态网站文件:

 hexo generate

5. 部署到 GitHub Pages

通过以下命令将生成的静态文件部署到 GitHub Pages:

 hexo deploy

如果一切顺利,你的博客就会部署到 GitHub Pages 上了,通常是 https://username.github.io

6. 配置 GitHub Pages

确保你的 GitHub 仓库设置了 GitHub Pages正确 的正确分支(gh-pagesmain)。如果你使用 hexo deploy,它会将文件推送到指定的分支。

这样你就可以使用 Hexo 成功地部署到 GitHub Pages 上了!


发表评论

Cookie Consent
我们使用 Cookie 来了解您如何使用我们的网站并提升您的体验。这包括个性化内容和广告。
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.