持续创作,加速成长!这是我参加「日新方案 6 月更文挑战」的第 11 天,点击检查活动详情
文章首发地址:村雨遥
前言
有了运用 Hexo
、docsify
、vuepress
等结构来建立博客的经历之后,咱们今天又来看看 Hugo
。Hugo
是一款根据 Go
言语而实现的静态网站生成器,具有简单易用、高效易扩展、快速部署的特点。
这儿先给出 Hugo
的中英文官方文档,方便大家遇到问题时查阅:
Hugo
中文文档Hugo
英文文档
接下来就来看看,怎么运用 Hugo
来建立一个博客。
建立进程
装置 Hugo
已然要运用 Hugo
,那么首先需求对它进行装置。假如要经过二进制装置包的方法进行装置,那么首先需求到这儿去进行挑选合适自己渠道的装置包,然后下载它。
下载链接
这儿不仅有合适 Windows
渠道的装置包,还包含了 Linux
渠道和 macOS
渠道的装置包。不仅如此,针对不同用户,还细心地供给了 32
位和 64
位来供挑选。更甚至针对不同架构的芯片也供给了相应的装置包,能够说是十分细心了。
不过这儿我演示首要是根据 macOS
渠道,所以我就不经过装置包的方法来进行装置了,这儿经过 homebrew
一行指令就能够轻松搞定。
brew install hugo
假如你的 macOS
上还没有装置 homebrew
,那么先抓住去装置下吧。
这儿温馨提示下,国内用户按照 homebrew
官网的方法来进行装置基本上都是会失利的,所以这儿给大家引荐另一种装置方法,经过以下脚本进行装置即可。
/bin/bash -c "$(curl -fsSL https://gitee.com/ineo6/homebrew-install/raw/master/install.sh)"
检查是否成功
虽然经过上述的指令装置后,控制台是提示咱们装置成功了,但咱们心里没谱呀,就想看看到低装置成功了没。那这个时分就能够经过检查 Hugo
版本号的方法,来却 Hugo
是否装置成功。
hugo version
假如装置成功了,那么执行指令后就会像咱们上面那样,提示你所装置的 Hugo
的版本。
初始化网站
已然装置好了,接下来便是初始化咱们的网站目录了。经过以下指令,咱们就能够完结 Hugo
项目的初始化了!
hugo new site [项目名称]
hugo new site JavaPark
项目初始化后,得到的目录如下。
这儿首要需求需求注意 config.toml
,这是项目的装备文件,首要用于装备 Hugo
,该文件中的装备会对整个工程有用。theme
目录下首要用于放置主题,里面一般还会有一个 theme.toml
,用于装备主题。
默许情况下,config.toml
里面只会有以下三个装备。
设置主题
为了给咱们的网站设置样式,咱们需求去挑选一个喜欢的主题。Hugo
虽然不像 Hexo
供给了较多的主题,但是也仍是有许多不错的,大家能够去皮肤列表找。
皮肤列表
这儿我挑选了一个皮肤 m10c
,进入咱们初始化的项目,然后运用如下指令将主题下载到 theme
文件夹下。
git clone https://github.com/vaga/hugo-theme-m10c.git themes/m10c
接着到项目装备文件 config.toml
中,设置主题。
theme = "m10c"
预览
设置好主题之后,就能够进行预览了!运用如下指令启动 Hugo
服务器,然后进入 http://localhost:1313
就能够进行预览了!
hugo server -D
总结
以上便是怎么运用 Hugo
建立一个博客了,首要从 Hugo
装置、初始化项目、主题设置、预览等几个方面介绍了 Hugo
的运用,剩余的便是写作了。这是件很难的事,希望大家能一直坚持下去。其实 Hugo
里面还有好多玩法,这儿就不做逐个介绍了,大家能够去官网探索更多玩法。