文档工具:hugo,模板超多

文档工具

2020-06-29

228

0

技术:静态网页生成技术

运行环境:hugo

demo功能:提供一个静态网站生成工具介绍

如何用hugo

  1. 下载hugo程序, 不同操作系统不同
  2. 生成一个基本站点
  3. 下载模板,导入基本站点
  4. 编辑内容,编译
  5. 上线,放在nginx静态目录即可

1. 下载hugo程序, 不同操作系统不同

地址:https://github.com/gohugoio/hugo/releases

 

 

如何安装:https://gohugo.io/getting-started/installing/

2. 生成一个基本站点

如果将hugo放在环境变量中,可以执行如下命令,没有的话用hugo二进制文件的全路径

hugo new site 站点名字

3. 找到一个你喜欢的主题,导入

主题列表:https://themes.gohugo.io/

点击任意一个主题, 进入主题说明页。 每个主题都用安装说明,请细看,比如:https://themes.gohugo.io/hyde-hyde/

 

本地预览(实时编辑,实时预览)

hugo server

 

编译,生成静态文件

/Users/sangli/data/apps/hugo/hugo --baseUrl="/"
会生成一个public文件夹

nginx发布

将public文件夹放在一个目录中,假如:/public,那么nginx配置:

server {
     listen 80;
     server_name 域名;
     access_log /logs/nginx/域名.log main;
     location / {
          root /public;
          index index.html index.htm;
     }
}

添加配置后,重新加载nginx

nginx -s reload

欢迎添加微信,互相学习↑↑↑ -_-

发表评论

全部评论:0条

白老虎

programming is not only to solve problems, ways to think