hugo和hexo(hugo和hexo对比)

我是怎么开发一个小型java在线学习网站的

一直想做一个自己的网站（非博客），但是又不知道做什么内容的好，又一次看到了w3schools，就萌发了开发一个在线java学习的网站，最好可以像w3schools网站一样可以在线执行，想法是很好，就是要填的坑有点多。

技术选择

使用过wordpress和jekyll两个工具。wordpress是需要php的支持，由于没有php开发经验的，没有很强烈的使用意愿。

jekyll是使用ruby开发的静态博客生成系统，阅读完官网上的文档之后开始搭建环境，过程还是很顺利，但是在使用jekyll提供的功能开发模板的时候感觉不是很顺手，又开始了漫无目的的搜索。

搜索“static website generator” 意外的发现了两个比jekyll更新更潮流的静态网站生成器，一个是hexo，一个是hugo。

hexo台湾人使用nodejs开发的，hugo是外国人使用go语言开发的，两者都很轻量级，由于最近买了一本《深入浅出node.js》

对nodejs比较熟， 就先试验hexo，发现确实很好用， hexo的插件系统很方便就能编写自己的插件，由于代码写的不是很成熟，

利用GitHub-Actions将Hugo博客自动发布到GitHub和Gitee Pages

现在个人博客通常有比较多的选择，如果不想要自己购买服务器实现静态博客的发布，可以在、CSDN等平台建立自己的账号并发布，但是原始数据无法在本地管理；如果想要数据完全自己管理，可以使用GitHub或者Gitee Pages功能发布自己的博客，利用Hugo或Hexo等成熟的静态博客将md文件转换成静态网站文件进行快速发布。本文就用来记录如何快速将博客发布到、GitHub以及Gitee Pages三个平台。

我希望的流程当然是主要精力用在写文章，发布的流程最好完全不需要手动处理，但实际情况下手动发布博客的流程大体是：

之前有使用过Travis CI+GitHub+Hexo自动发布到GitHub Pages，但是GitHub的访问经常不那么靠谱，因此想着也能同步到Gitee，并且自动构建Hexo的速度受Nodejs环境部署影响，速度很慢，因此本次计划采用Hugo来构建网站文件，整体流程设计如下：

为了满足博客自动发布流程，首先需要在本地准备好生产环境，以满足快速发布，以此的复杂是为了长期的简单，因此在环境准备阶段我会把所有涉及的工具都记录下来，以方便大家使用以及后边自己回顾，环境准备包含：

Obsidian完成知识积累后，按照ZK-Project-Archive-Blog的流程发布Blog，但是Obsidian的文件相互关联，且附件如何快速复用，需要对Typora和Obsidian都进行简单的配置，确保后续Blog能够快速完成并发布，并且文件仍在Obsidian工程中正常显示；

Typora非常的简洁，而且可以实时预览，在写博客的时候经常会插入一些图片，截图后可以直接粘贴进去，图片也会自动保存在本地，这里需要注意图片的保存路径，在偏好设置里，设置插入图片时复制到指定路径（./resource/），这样复制的图片就会自动保存在当前文件夹下的resource文件夹里，方便后续管理与转移。

在.ssh文件生成id_rsa和id_rsa.pub两个文件；

Hugo 是一个基于Go语言开发的静态博客框架，号称世界上最快的构建网站工具；

命令为： hugo new site myblog

myblog为博客的目录名，可以修改为你自己想取的名字，生成的目录如下：

由于默认主题生成的文章页面有些功能是不需要的，因此需要对themes下文件进行修改：

将config、content和themes三个目录拷贝到新创建的站点目录，将content下替换为文章文件即可。

utterances 是一款基于Github Issue的Github工具，优点主要是无广告、加载快、配置简单，轻量开源。

由于 utterances 是一款Github App，因此 安装utterances 非常简单，只需要授权特定repo权限给 utterances 就可以了,注意一个点：授权的这个repo必须是public的，可以选择多个repo，但是建议选择一个就可以了，也比较安全。

这是当前最简单的配置方法， 也可以在 utterances官方 查看其他配置方法，以及详细的配置参数说明。

Obsidian的安装和使用可参考我的另一篇文章： Obsidian作为第二大脑工具的基本使用和配置

所有环境准备好后，终于要开始启动我们的自动化流程的实现了；

同之前步骤相同，将Gitee密码配置到GitHub Secrets，命名为：GITEE_PASSWORD，所有配置结果如下：

synctogitee.yml

需要绑定Gitee账号到微信公众号，否则最后一步reload pages自动部署Gitee Pages会登录失败，原因是需要短信验证；绑定公众号后则不需要短信验证；其他问题解决可以参考 gitee-pages-action

在Typora完成文章编写后，一键上传所有图片到Gitee图床，拷贝发布到，然后提交到GitHub repo master分支，即可自动部署到GitHub和Gitee Pages；

以上就是我利用GitHub-Actions将Hugo博客自动发布到GitHub和Gitee Pages，希望可以帮助大家快速构建自己的个人网站；后边我会继续完善我的第二大脑系统的构建思路和方法。

设计静态网站常用的软件有哪些？

1. Jekyll

Jekyll是最受欢迎的开源静态生成工具之一，可以跨平台配置。Jekyll利用 Markdown 、 Liquid 、HTML 和 CSS 来生成静态的网页文件，它还支持从常见的 CMS。你能管理永久链接、类别、页面、文章，自定义布局等。非常适合产品页的博客网站。

2. Hugo

Hugo是另一个很受欢迎的用于搭建静态网站的开源框架。它运行速度快、使用简单、可靠性高。还可以提供更高级的主题和一些有用的快捷方式来帮助你轻松完成任务。适合展示网站和博客网站。

3. Hexo

Hexo 基于 Node.js ，除了可以用来快速搭建网站，还提供了丰富的主题和插件。且提供了强大的 API 来扩展功能，可以轻松完成迁移工作。

4. Gatsby

Gatsby 是一个越来越流行的开源网站生成框架。它使用 React.js 来生成快速、界面优美的网站。

5. VuePress

VuePress 是由 Vue.js 支持的静态网站生成工具，如果你了解 HTML、CSS 和 JavaScript，那么你可以无压力地使用 VuePress。

6. Nuxt.js

Nuxt.js 使用了 Vue.js 和 Node.js，但它致力于模块化，并且有能力依赖服务端而非客户端。不仅如此，它的目标是为开发者提供直观的体验，并提供描述性错误，以及详细的文档等。使用Nuxt.js 搭建静态网站，可以做到功能和灵活性两全其美。

7. Docusaurus

Docusaurus 是用 React 构建的，为搭建文档类网站量身定制。你可以使用所有的基本功能，像文档版本管理、文档搜索和翻译大多是预先配置的。如果你想为你的产品或服务搭建一个文档网站，可以试试 Docusaurus。

8. Eleventy

Eleventy 自称是 Jekyll 的替代品，旨在以更简单的方法来制作更快的静态网站。它更容易上手，还提供适当的文档来帮助你。

9. Publii

Publii 是用 Electron 和 Vue.js 构建的一个开源 CMS，它能使生成一个静态网站变得很容易。如果有需要，你也可以把你的文章从 WorkPress 网站迁移过来。此外，它还提供了与 GitHub 页面、Netlify 及其它类似服务的一键同步功能。

10. Primo

Primo 旨在使用可视化的构建器帮你构建和搭建网站，这样你就可以轻松编辑和部署到任意主机上。但目前开发工作仍很活跃，有些功能还不完善，但它是一个独特的项目。

希望以上工具能成功帮助到你搭建一个界面界面优美的网站。