Hugo静态部署网站

Hugo的下载

• 进入官网：https://gohugo.io

下载完成之后将压缩包放在一个文件夹中，再进行解压，然后删去压缩包

Hugo环境的搭建

hugo version //查看hugo是否已经安装成功及hugo的版本

hugo new site test 

• 按照图中的1-5步操作
  
  
• 这里以Stack为例
  

• 把下载好的压缩包放入themes这个文件夹中
  
  
• 然后进行解压缩，并删除压缩包
  
• 这个地方特别注意一下，只保留一个hugo-theme-stack-3.29.0文件夹就可以，如果点开这个文件夹之后还有一个hugo-theme-stack-3.29.0，则需要删除一个目录。（注意上下两图的路径不同）
  
• 达成如图效果即可
  
  
• 复制content文件夹以及hugo.yaml粘贴到test目录下
  
• 将hugo.exe也移动到test目录下（如果设置了hugo.exe的路径全局变量则可以不需要此步操作）
  
• 删去hugo.toml
  
• 进入content目录下的post目录下删去rich-content文件夹
  
  

• 进入hugo.yaml配置文件中修改theme名字
  
  
• 将hugo-theme-stack改为hugo-theme-stack-3.29.0

• 在当前test目录下输入cmd进入命令行窗口
  

hugo server -D

然后在浏览器网址处输入http://localhost:1313或者直接按ctrl键点击如上图的那个网址即可见页面

推送后缀为.md的文章

hugo new demo.md //demo.md会自动生成在content目录下

demo.md的内容自行书写
书写完毕后可看到如图则表示推送成功