使用 Hugo 创建静态网站

Hugo 官网   Hugo 中文网   网站皮肤    

Step1：创建站点

进入到 E:/Hugo/Sites文件夹

hugo new site HugoLearning.com
cd HugoLearning.com
git init

Step2：添加样式主题

在皮肤列表挑选一个心仪的皮肤，找到相关的 GitHub 地址，创建目录 themes，在 themes 目录里把皮肤 git clone 下来

git submodule add https://github.com/budparr/gohugo-theme-ananke.git themes/ananke

编辑 config.toml 配置文件

最后一行添加 theme = "ananke"

或者在命令行执行 echo 'theme = "ananke"' >> config.toml

Step3：添加markdown文件内容

hugo new posts/Hello-Hugo.md
hugo new --kind post posts/1-Papermod-Theme-中文.md
Note: post is a kind of archetypes( post.md )

Step4: 启动网站

hugo server -D

然后输入控制台提示的网址，比如： http://localhost:1313/

Step5：生成网站

命令行执行 hugo，在网站目录生成public文件夹，发布的网站文件都在这个文件中

  • 注意：如果看不到内容，将md文件中的draft设置为false

Step5：将网站发布到 git

使用git工具将文件上传到远程仓库就可以了，仓库还需要做一些设置；