如何个性化hugo个人博客网站

最新推荐文章于 2024-09-07 08:40:48 发布

zhao-xiaoer

最新推荐文章于 2024-09-07 08:40:48 发布

阅读量925

点赞数

分类专栏：技术文章标签： hugo 博客

本文链接：https://blog.csdn.net/qq_34581279/article/details/103285776

版权

本文介绍了如何将Hugo个人博客绑定到自己的域名，并详细阐述了如何修改主题模板，包括配置文件的调整、模块的增加以及其他参数的设置。遇到问题时，可以通过官方文档找到解决方案，实现博客的个性化定制。

摘要由CSDN通过智能技术生成

GitHub Pages绑定到自己的域名

申请个人域名,完成备案,比如,我将我的二级域名 blog.zhaojq.top 添加一个CNAME解析到https://{username}.github.io
在GitHub账户工程 Settings/GitHub Pages /Custom domain处填写自己的域名信息
即可通过 https://blog.zhaojq.top 访问自己的个人博客

如何修改主题模板

常用的主题形式一般是固定死的,我们想添加一些模块等的时候,并不能达到我们想要的效果,那么如何来修改主题模板呢?

以我个人使用的主题举例说明

https://github.com/vaga/hugo-theme-m10c

配置文件配置

我们发现,基本每个主题下都有目录exampleSite或者其他处可以找到*.toml配置文件示例,我们只要参照此配置文件配置我们主目录下的config.toml文件即可

增加模块

我发现这个主题只支持一个模块,即只有首页,这时我们就得查找Hugo官方文档,是英文的,凑合理解吧

[menu]
  [[menu.main]]
    name                   = "首页"
    weight                 = 1
    identifier             = "首页"
    url                    = "/posts/"
    title