-
下载hugo
wget https://github.com/gohugoio/hugo/releases/download/v0.41/hugo_0.41_Linux-64bit.tar.gz -
tar -zxvf ./hugo_0.41_Linux-64bit.tar.gz -
cp ./hugo /usr/local/bin/ -
hugo new site mysite -
cd mysite -
目录结构
▸ archetypes/ ▸ content/ ▸ layouts/ ▸ static/ config.toml -
目录作用
- archetypes：包括内容类型，在创建新内容时自动生成内容的配置
- content：包括网站内容，全部使用markdown格式
- layouts：包括了网站的模版，决定内容如何呈现
- static：包括了css, js, fonts, media等，决定网站的外观
-
git clone --recursive https://github.com/spf13/hugoThemes themes下载全部主题，可能时间会有点久 -
hugo new about.md,进入content/文件夹可以看到，此时多了一个markdown格式的文件about.md，打开文件可以看到时间和文件名等信息已经自动加到文件开头，包括创建时间，页面名，是否为草稿等。--- title: "about" date: 2018-06-05T13:50:54+08:00 draft: true --- -
hugo server -t hyde --buildDrafts --baseURL=http://micocube.cn --bind= --port=80使用hyde主题，加上--buildDrafts参数才会生成被标记为草稿的页面,基础地址,端口是80 -
选择主题，进入themes/hyde文件夹，可以看到熟悉的文件夹名，和主题相关的文件主要是在layouts/和static/这两个文件内，选择好一个主题后，可以将themes/中的文件夹直接复制到mysite/目录下，覆盖原来的layouts/, static/文件夹，此时直接使用
hugo server就可以看到主题效果，修改主题也可以直接修改其中的css, js, html等文件。 -
spf13,hugo作者的主题
git clone https://github.com/spf13/spf13.com.git
把项目中的static/和layouts/文件复制到自己网站的目录下替换原来的文件夹。再次运行Hugo:hugo server --baseURL=http://micocube.cn --bind= --port=80 --buildDrafts -w这次没有选择主题，如果选择了主题会将当前的主题覆盖掉。参数-w意味监视watch，此时如果修改了网站内的信息，会直接显示在浏览器的页面上，不需要重新运行hugo server，方便我们进行修改。 -
直接执行hugo命令，当前目录下会多一个文件夹public/，这里面是Hugo生成的整个静态网站，如果使用Github pages来作为博客的Host，你只需要将public/里的文件上传就可以，这相当于是Hugo的输出
-
如何部署
yum install httpd #hugo 生成的public目录 cp -R ./public/* /var/www/html/ service httpd start
网友评论