-
下载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
Centos7 下安装hugo
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 一直觉得使用hexo太繁琐,使用频率不高的话去记忆相关的命令及步骤实在不划算,直到遇到hugo:命令、步骤的记忆成...
- 主题概况 Hugo 是一个用 Go 语言编写的静态网站生成器。类似的静态网站生成器还有Jekyll、hexo等等。...
- 为了个人博客 五一期间,用 WordPress 为好朋友的公司配置了一个网站,替换原来的简易公司官网,在搭建的过程...