hugo搭建个人博客

最新推荐文章于 2024-08-23 11:27:30 发布

Jouzeyu

最新推荐文章于 2024-08-23 11:27:30 发布

阅读量846

点赞数 1

分类专栏： PHP杂项文章标签： git github php

本文链接：https://blog.youkuaiyun.com/Jouzeyu/article/details/123224856

版权

本文详细记录了使用Hugo在MacBook上搭建个人博客的全过程，包括安装Hugo、新建站点、配置主题和站点设置，以及线上部署到服务器的步骤。同时，介绍了如何设置搜索、评论系统，如Valine，并提供了相关问题的解答。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果图预览：

大家好，最近重搭了个人博客，之前用 Hexo，WordPress 也搭建过，但是总是很不理想，最近用 hugo 感觉还不错，接下来将我搭建的过程记录下来，方便大家自己尝试；

本地搭建

因为我用的是 MacBook，所以接下来也将基于此环境做演示；

安装 hugo

brew install hugo #安装hugo
hugo version  #查看版本

这里注意下，安装的是拓展版本，方便以后做拓展，如何查看自己安装的是不是拓展版本，hugo v0.89.2+extended darwin/amd64 BuildDate=unknown查看版本显示这个就是拓展版本（带 extended 的）；

新建站点

hugo new site site-name #自行定义站点名

添加主题

cd site-name #切换到站点根目录
git init #初始化git仓库
git clone https://github.com/dillonzq/LoveIt.git ./themes #这里我安装的是LoveIt主题
cp themes/loveit/exampleSite/config.toml ./config.toml #直接将主题的配置文件复制过来替换成站点配置

站点配置

设置站点默认语言

defaultContentLanguage = "zh-cn"

禁用主题目录

#themesDir = "../../"

设置站点名称

title = "语梦谈"

设置语言项

注意：这个主题默认是支持多语言的，如果使用多语言，需要分别创建对应的文章，不然会报错，我这里只用到了中文；

在languages项中，默认有三个语言大项，我删除了其余两个，下面主要展示的是中文的配置内容，同理，只粘贴出我修改过的项：

[languages.zh-cn]
    weight = 2
    # 网站语言, 仅在这里 CN 大写
    languageCode = "zh-CN"
    # 语言名称
    languageName = "简体中文"
    # 是否包括中日韩文字
    hasCJKLanguage = true
    # 默认每页列表显示的文章数目
    paginate = 12
    # [UA-XXXXXXXX-X] 谷歌分析代号
    googleAnalytics = ""
    # 版权描述，仅仅用于 SEO
    copyright = "This work is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License."
    # 菜单配置
    [languages.zh-cn.menu]
      [[languages.zh-cn.menu.main]]
        identifier = "posts"
        # 你可以在名称 (允许 HTML 格式) 之前添加其他信息, 例如图标
        pre = ""
        # 你可以在名称 (允许 HTML 格式) 之后添加其他信息, 例如图标
        post = ""
        name = "文章"
        url = "/posts/"
        title = ""
        weight = 1
         [[languages.zh-cn.menu.main]]
        identifier = "thinks"
        pre =

最低0.47元/天解锁文章