hugo在Linux的安装路径,Centos7 下安装hugo

下载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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值