如何使用hugo和nginx来部署静态网站

Hugo定制网站

安装Hugo

  1. 先安装Hugo
brew install hugo
  1. 创建新的网站
hugo new site you_website_name
  1. 选择Theme并添加
cd you_website_name
git init
git submodule add https://github.com/theNewDynamic/gohugo-theme-ananke.git themes/ananke

把theme的名字配置到config.toml中:

echo theme = \"ananke\" >> config.toml
  1. 创建内容
hugo new posts/my-first-post.md
  1. 运行server
hugo server -D

在浏览器中打开http://localhost:1313/查看预览的效果。

  1. 定制主题

  2. 生成网站

hugo -D

生成的网站都放在public目录中

部署到Web server

  1. 把public目录上传到web server中,并修改/etc/nginx/sites-available/default,把网站的root目录指向网站的目录,并修改首页为index.html
  2. 重启nginx的server
sudo systemctl reload nginx
sudo service nginx restart
  1. 打开浏览器,检查是否正确。
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容