Hugo中一些实用的配置。

1 设置网站的页面宽度

在文件themes\even\assets\sass\_variables.scss中找到配置项$global-body-width,默认值为800。
调整这个值就可以改变网站中页面的宽度。

2 Hugo中使用图片的方法

在根目录static目录下创建目录放置图片即可。在markdown文件中按照形如/image/logo.png的方式进行引用即可。

3 修改Hugo even主题主页的字体

将文件themes\even\assets\sass\_partial\_header\_logo.scss 中.logo的font-fami属性按照如下形式修改即可:

1
2
3
4
  .logo {
    font-size: $logo-font-size;
    font-family: $global-serif-font-family;
  }

4 修改网站的语言

修改方法:修改网站工程根目录的config.toml文件,将defaultContentLanguage属性改为zh-cn 即可。切换后会使用theme主题i18n目录下对应的yaml文件。

5 添加站内搜索功能

我自己的修改:

源码仓:git@github.com:alvincat/MyGithubWebsite.git/master: 5f7a66cfe4e0a6cb94f33518297828c894e431b4

模板仓:git@github.com:alvincat/HugoThemeEven.git/master: 088afb3d0cc34329a64b4e596a54e3e2af0c634b

主要参考文档:给Hugo中的Even主题添加搜索功能 - 飞狐的部落格

其他参考文档:

给hugo添加搜索功能 | 搜百谷 Super fast, keyboard-optimized, client side Hugo search