1.安装hugo
windows用户可以先去官网下载hugo框架,hugo官网地址,
苹果用户有安装HomeBrew工具的话可以直接输入brew install hugo
进行安装。
下载完成后检查是否安装成功,输入: hugo version
,若出现版本信息则表示安装成功。
2.新建站点
输入hugo new site hugoblog
,就会在hugoblog文件夹内出现如下目录结构:
3.下载主题
先去 hugo主题官网 找到自己喜欢的主题,然后点击下载会跳转到主题的github,
把终端的路径调整到博客文件夹的themes目录下,输入:git clone https://github.com/adityatelange/hugo-PaperMod.git
,比如我的主题是PaperMod,
然后在themes文件夹下会出现如下文件目录:
使用该主题的方法就是在站点配置文件输入主题的名字:
代码语言:javascript复制theme: PaperMod # 主题名字,和themes文件夹下的一致
然后把主题里面的一些静态文件和配置文件复制到站点目录下,目的是为了可以自定义博客的样式,而不会改动主题文件夹里的样式,这样主题要更新的时候,直接在主题目录下git pull
就可以,站点目录的修改会优先覆盖主题里的配置,所以可以实现平滑更新。
4.配置文件
站点配置文件推荐改成.yaml后缀的写法,因为更适合阅读,反正.toml的写法我是不习惯,详细的可以看hugo的官方文档,下面是我的配置:
(注意这是PaperMod主题的配置方法,一些基本配置所有主题都一样,还有一些是每个主题自定义的,推荐看每个主题的示例模板)
代码语言:javascript复制baseURL: https://www.sulvblog.cn
# baseURL: https://www.sulvblog.cn # 绑定的域名
languageCode: zh-cn # en-us
title: Sulv's Blog
theme: PaperMod # 主题名字,和themes文件夹下的一致
enableInlineShortcodes: true
enableEmoji: true # 允许使用 Emoji 表情,建议 true
enableRobotsTXT: true # 允许爬虫抓取到搜索引擎,建议 true
hasCJKLanguage: true # 自动检测是否包含 中文日文韩文 如果文章中使用了很多中文引号的话可以开启
buildDrafts: false
buildFuture: false
buildExpired: false
#googleAnalytics: UA-123-45 # 谷歌统计
# Copyright: Sulv
paginate: 15 # 首页每页显示的文章数
minify:
disableXML: true
# minifyOutput: true
permalinks:
post: "/:title/"
# post: "/:year/:month/:day/:title/"
defaultContentLanguage: en # 最顶部首先展示的语言页面
defaultContentLanguageInSubdir: true
languages:
en:
languageName: "English"
# contentDir: content/english
weight: 1
profileMode:
enabled: true
title: (〃'▽'〃)
subtitle: "