Hugo中一些实用的配置
文章目录
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属性按照如下形式修改即可:
|
|
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"的标签删除,新建即可。