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-family属性按照如下形式修改即可:

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

6 将页面置顶

若需要在主页将某个页面置顶,只需要在页面对应的md文件的文件头中添加weight: 1即可。 weight:1表示将该页面放在第1的位置,若需要将某个页面放在第二个位置,在源文件的头部添加weight:2即可。

7 使用自己的域名的方法

7.1 注册域名

可以在namesilo网站购买个人域名。在网站首页输入自己想要的域名,可以查看是否被占用以及购买的价格。
参考文档:购买个人域名方法

7.2 关联github webpage

关联github page的方法参考文档:
How To Add a Custom Domain To a GitHub Pages Site
使用自定义域名来访问GitHub上部署的hugo博客(GitHub Pages)
温馨提示:
在namesilo的【DNS管理】中,若点击"CNAME",提示"WWW"已被占用,可以将已经存在"www"的标签删除,新建即可。