hugo博客搭建 | PaperMod主题

2022-02-17 14:56:51 浏览数 (1)

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: "


	

0 人点赞