使用静态网站生成器与GitHub-Pages部署个人博客
使用静态网站生成器与GitHub Pages轻松部署个人博客
无论你是技术爱好者还是专业开发者，拥有一个展示自己作品和个人见解的平台总是非常有价值的。本文将介绍如何通过静态网站生成器（如Hexo、Hugo）和GitHub Pages服务来轻松部署你自己的博客。
静态网站生成器简介
静态网站生成器能够将Markdown文件（或其他格式的内容）转换为HTML文件，并生成一个完整的静态网站目录。这个目录通常包含HTML、CSS、JavaScript和其他静态资源文件。流行的静态网站生成器包括Hexo和Hugo等。
- Hexo：运行
hexo generate。 - Hugo：运行
hugo。
生成的静态网站文件通常会保存在public目录中（对于Hexo而言），或类似的目录中（根据所使用的工具不同而有所变化）。
GitHub Pages简介
GitHub
Pages是一个由GitHub提供的服务，它允许用户托管和发布静态网站。只需将静态网站目录上传到GitHub仓库的特定分支（通常是gh-pages分支或main分支下的docs文件夹），GitHub
Pages就能自动将其发布为一个网页。
步骤详解
1. 生成静态网站目录
使用你喜欢的静态网站生成器生成静态网站文件。例如，如果你选择Hexo，可以通过命令行运行hexo generate。
2. 准备GitHub仓库
创建一个新的GitHub仓库或使用现有的仓库，并确保启用了GitHub
Pages功能： - 在仓库的Settings >
Pages中，选择要发布的分支（如main或gh-pages）以及目录（如/root或/docs）。
3. 上传静态文件
将生成的静态网站目录中的所有文件上传到GitHub的指定分支。如果是gh-pages分支，则推送整个目录内容；如果是main分支下的docs文件夹，则需要将静态文件放置于该文件夹中并提交。
4. 发布网站
提交代码后，GitHub
Pages会自动检测并部署你的网站。部署完成后，你可以通过GitHub提供的URL（通常是https://<username>.github.io/<repository>）访问你的网站。
5. 自定义域名（可选）
如果你有自己的域名，可以在GitHub Pages设置中添加自定义域名，并配置DNS解析。
总结
无论是通过静态网站生成器还是手动生成HTML文件，只要最终能获得一个完整的静态网站目录，就可以通过GitHub Pages发布为网页。这种方法简单、免费且高效，非常适合个人博客、项目展示等场景。