时间：2023-07-27 08:08:33 点击次数：15
Hugo，官网说自己是最快的静态网站生成器。简单来说，Hugo这个静态网站生成器会获取你的内容，比如你写在Markdown文件上的文本，并将其应用于模版，生成基于HTML的静态网站。
GitHub Pages可以从GitHub仓库的源码直接生成静态网站，该网站可以用来介绍你自己，你的组织，你的项目等等。
下面介绍如何使用Hugo和GitHub Pages搭建个人网站。
可以参考链接Quick Start | Hugo (gohugo.io)
# 1. 安装hugo，在不同的操作系统有不同的安装方式，可以参考 https://gohugo.io/getting-started/installing 。 # MacOS可以使用如下命令安装 brew install hugo # 安装以后，可以使用如下命令查看是否安装成功。 hugo version # 2. 选择一个任意目录（和生成静态网站相关的文件就是放在这个目录），在该目录下打开终端，新建一个网站。 hugo new site quickstart # quickstart是网站的名字，名字可以用其他的 # 3. 为网站添加一个主题,先下载主题，然后把主题添加到配置文件 cd quickstart git init git submodule add https://github.com/theNewDynamic/gohugo-theme-ananke.git themes/ananke echo theme = \"ananke\" >> config.toml # 4. 为网站添加内容 hugo new posts/my-first-post.md # 有的主题是post，还是要看主题的readme文件 # 5. 启动Hugo服务。在网站主目录下执行以下命令，就可以在本地进行预览 http://localhost:1313/ hugo server -D | EN +------------------+----+ Pages | 10 Paginator pages | 0 Non-page files | 0 Static files | 3 Processed images | 0 Aliases | 1 Sitemaps | 1 Cleaned | 0 Total in 11 ms Watching for changes in /Users/bep/quickstart/{content,data,layouts,static,themes} Watching for config changes in /Users/bep/quickstart/config.toml Environment: "development" Serving pages from memory Running in Fast Render Mode. For full rebuilds on change: hugo server --disableFastRender Web Server is available at http://localhost:1313/ (bind address 127.0.0.1) Press Ctrl+C to stop # 6. 配置主题，主要是对config.toml进行配置，很多可以配置的项，比如下面几条。 baseURL = "https://example.org/" languageCode = "en-us" title = "My New Hugo Site" theme = "ananke" # 7. 生成静态网页，生成的文件都放在./public/文件夹下.这是后面要上传到GitHub的文件夹。 hugo -D关于GitHub使用的一些问题可以查阅Getting started with GitHub - GitHub Docs
The world’s fastest framework for building websites | Hugo (gohugo.io)
About GitHub Pages - GitHub Docs
Github Pages + Hugo 搭建个人博客 - 渣渣的夏天 (zz2summer.github.io)
记一次使用Hugo和Github来搭建个人博客过程 · 大专栏 (dazhuanlan.com)
Clean White | Hugo Themes (gohugo.io)
用Hugo构建博客-张佳的博客 | Zhangjia Blog (bakeronit.com)
How to use CleanWhite Hugo Theme?-黄耀鸿的博客 | Rhys Blog (yaohong.vip)
hugo的基本用法和页面改造风幕浦的博客-CSDN博客hugo layout
