Featured image of post 【Hugo之路 2】 hugo-theme-stack 配置

【Hugo之路 2】 hugo-theme-stack 配置

官方文档:配置主题 | Hugo 主题 Stack (jimmycai.com)

根据官网文档修改对应的配置即可,下面记录的是我遇到的一些坑,第一次正式部署使用静态网站~

disqus 评论

注意:本地启动无法测试 disqus

  1. 首先去Disqus注册,并添加站点
  2. 添加可信域:在 Disqus -> Site -> Advanced 下添加即可
  3. 修改config.yaml文件

Shortname 是创建时自己设置的,创建后可以在 Disqus -> Site -> General 下查看

1
disqusShortname: Shortname

独立页面(友链)下打开评论

默认为 false,设置为true即可

1
comments: true

站点名称

修改所采用的语言下的title即可,单独出来的title选项好像没用

1
2
3
4
languages:
  zh-cn:
    languageName: 中文
    title: 站点名称

站点图片

好像仅能使用 url,可以先通过hugo -D生成静态文件,将图片上传到./static/img/目录下即可

配置如下:

1
favicon: https://example.com/img/favicon.jpg

静态资源

所有静态资源直接放./static/目录下即可,通过hugo -D生成时会直接复制到./public/目录下

例子如下:

./static/file/upload.zip => https://example.com/file/upload.zip

更新时间

将文章最后更新时间设置为该文件的最后修改时间

config.yaml添加如下配置:

1
2
frontmatter:
  lastmod: :fileModTime

分类、标签与随机图片

通过hugo new新建文章时会生成分类、标签的配置并随机匹配一张图片

修改.\archetypes\default.md模板文件:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
---
title: "{{ replace .Name "-" " " | title }}"
date: {{ .Date }}
draft: true
image: https://picsum.photos/800/600.webp?random={{ substr (md5 (.Date)) 4 8 }}
categories:
  - Blog
tags:
  - Hugo
---
Licensed under CC BY-NC-SA 4.0
最后更新于 Apr 01, 2022 01:55 CST
comments powered by Disqus
Built with Hugo
主题 StackJimmy 设计