持续创作,加速成长!这是我参加「日新方案 6 月更文挑战」的第 11 天,点击检查活动详情

文章首发地址:村雨遥

前言

有了运用 Hexodocsifyvuepress 等结构来建立博客的经历之后,咱们今天又来看看 HugoHugo 是一款根据 Go 言语而实现的静态网站生成器,具有简单易用、高效易扩展、快速部署的特点。

这儿先给出 Hugo 的中英文官方文档,方便大家遇到问题时查阅:

  1. Hugo 中文文档
  2. Hugo 英文文档

接下来就来看看,怎么运用 Hugo 来建立一个博客。

建立进程

装置 Hugo

已然要运用 Hugo,那么首先需求对它进行装置。假如要经过二进制装置包的方法进行装置,那么首先需求到这儿去进行挑选合适自己渠道的装置包,然后下载它。

下载链接

这儿不仅有合适 Windows 渠道的装置包,还包含了 Linux 渠道和 macOS 渠道的装置包。不仅如此,针对不同用户,还细心地供给了 32 位和 64 位来供挑选。更甚至针对不同架构的芯片也供给了相应的装置包,能够说是十分细心了。

Hugo 博客搭建教程

不过这儿我演示首要是根据 macOS 渠道,所以我就不经过装置包的方法来进行装置了,这儿经过 homebrew 一行指令就能够轻松搞定。

brew install hugo

Hugo 博客搭建教程

假如你的 macOS 上还没有装置 homebrew,那么先抓住去装置下吧。

这儿温馨提示下,国内用户按照 homebrew 官网的方法来进行装置基本上都是会失利的,所以这儿给大家引荐另一种装置方法,经过以下脚本进行装置即可。

/bin/bash -c "$(curl -fsSL https://gitee.com/ineo6/homebrew-install/raw/master/install.sh)"

Hugo 博客搭建教程

检查是否成功

虽然经过上述的指令装置后,控制台是提示咱们装置成功了,但咱们心里没谱呀,就想看看到低装置成功了没。那这个时分就能够经过检查 Hugo 版本号的方法,来却 Hugo 是否装置成功。

hugo version

Hugo 博客搭建教程

假如装置成功了,那么执行指令后就会像咱们上面那样,提示你所装置的 Hugo 的版本。

初始化网站

已然装置好了,接下来便是初始化咱们的网站目录了。经过以下指令,咱们就能够完结 Hugo 项目的初始化了!

hugo new site [项目名称]
hugo new site JavaPark

Hugo 博客搭建教程

项目初始化后,得到的目录如下。

Hugo 博客搭建教程

这儿首要需求需求注意 config.toml ,这是项目的装备文件,首要用于装备 Hugo,该文件中的装备会对整个工程有用。theme 目录下首要用于放置主题,里面一般还会有一个 theme.toml,用于装备主题。

默许情况下,config.toml 里面只会有以下三个装备。

Hugo 博客搭建教程

设置主题

为了给咱们的网站设置样式,咱们需求去挑选一个喜欢的主题。Hugo 虽然不像 Hexo 供给了较多的主题,但是也仍是有许多不错的,大家能够去皮肤列表找。

皮肤列表

这儿我挑选了一个皮肤 m10c,进入咱们初始化的项目,然后运用如下指令将主题下载到 theme 文件夹下。

git clone https://github.com/vaga/hugo-theme-m10c.git themes/m10c

Hugo 博客搭建教程

接着到项目装备文件 config.toml 中,设置主题。

theme = "m10c"

Hugo 博客搭建教程

预览

设置好主题之后,就能够进行预览了!运用如下指令启动 Hugo 服务器,然后进入 http://localhost:1313 就能够进行预览了!

hugo server -D

Hugo 博客搭建教程

总结

以上便是怎么运用 Hugo 建立一个博客了,首要从 Hugo 装置、初始化项目、主题设置、预览等几个方面介绍了 Hugo 的运用,剩余的便是写作了。这是件很难的事,希望大家能一直坚持下去。其实 Hugo 里面还有好多玩法,这儿就不做逐个介绍了,大家能够去官网探索更多玩法。