跳到主要内容
  1. 文档/

基本配置

3 分钟·

Congo 是一个高度可定制的主题,利用一些最新的 Hugo 特性来简化配置过程。

该主题附带了一个默认配置,让你可以快速启动一个基本的博客或静态网站。

主题附带的配置文件采用 TOML 格式,因为这是 Hugo 的默认语法。如果你愿意,可以将配置转换为 YAML 或 JSON。

每个文件中都有默认主题配置的文档,因此你可以自由调整设置以满足你的需求。

正如在 安装说明中所述,你应该通过修改 Hugo 项目的 config/_default/ 文件夹中的文件来调整主题配置,并删除项目根目录中的 config.toml 文件。

网站配置 #

Congo主题全面遵循标准 Hugo 配置变量,但是有一些特定的配置项需要进行设置以获得最佳体验。

网站配置通过 config/_default/config.toml 文件管理。下表概述了 Congo 主题所使用的所有设置。

请注意,此表中提供的变量名使用点表示法来简化 TOML 数据结构(即 outputs.home 指的是 [outputs] home)。

名称默认值描述
theme"congo"使用 Hugo 模块方法安装时,应删除此配置值。对于所有其他安装类型,必须将其设置为 congo,以使主题正常运行。
baseURL未设置网站根目录的 URL。
defaultContentLanguage"en"此值确定主题组件和内容的默认语言。有关受支持的语言代码,请参阅下面的 语言和国际化部分。
enableRobotsTXTtrue启用时,在站点根目录将创建一个 robots.txt 文件,允许搜索引擎爬取整个站点。如果你更喜欢提供自己制作的 robots.txt,请设置为 false 并将文件放置在 static 目录中。为了完全控制,你可以提供一个 自定义布局来生成此文件。
paginate10在文章列表中每页列出的文章数。
summaryLength0front matter中未提供摘要时,用于生成文章摘要的字数。值为 0 将使用第一句。当摘要被隐藏时,此值无效。
outputs.home["HTML", "RSS", "JSON"]生成站点的输出格式。Congo 需要 HTML、RSS 和 JSON 才能使所有主题组件正常工作。
permalinks未设置有关固定链接配置,请参阅 Hugo文档
taxonomies未设置有关分类法配置,请参阅 组织内容部分。

语言和国际化 #

Congo 针对完整的多语言网站进行了优化,并且主题assets中已经默认翻译成多种语言。语言配置允许您生成多个版本的内容,以为访问者提供在其母语中的定制体验。

该主题目前支持以下语言:

语言代码
🇬🇧 英语(默认)en
🇪🇬 阿拉伯语ar
🇧🇩 孟加拉语bn
🇧🇬 保加利亚语bg
🇨🇳 中文 - 简体(中国)zh-cn
🇹🇼 中文 - 繁体(台湾)zh-tw
🇨🇿 捷克语cs
🇳🇱 荷兰语nl
🇫🇮 芬兰语fi
🇫🇷 法语fr
🇩🇪 德语de
🇮🇱 希伯来语he
🇭🇺 匈牙利语hu
🇮🇩 印尼语id
🇮🇹 意大利语it
🇯🇵 日语ja
🇵🇱 波兰语pl
🇧🇷 葡萄牙语(巴西)pt-br
🇵🇹 葡萄牙语(葡萄牙)pt-pt
🇷🇴 罗马尼亚语ro
🇷🇺 俄语ru
🇸🇰 斯洛伐克语sk
🇪🇸 西班牙语(西班牙)es
🇹🇷 土耳其语tr
🇺🇦 乌克兰语uk

默认翻译可以通过在 i18n/[code].yaml 中创建自定义文件来覆盖,其中包含翻译字符串。您还可以使用此方法添加新语言。如果您希望与社区分享新的翻译,请 Pull Request

配置 #

为了尽可能灵活,需要为网站上的每种语言创建一个语言配置文件。默认情况下,Congo 在 config/_default/languages.en.toml 中包含英语语言配置。

默认文件可以用作创建其他语言的模板,或者如果希望使用英语以外的语言编写网站,则可以重命名。只需使用格式 languages.[language-code].toml 命名文件。

注意: 确保 网站配置中的 defaultContentLanguage 参数与语言配置文件名中的语言代码匹配。
名称默认值描述
languageCode"en"此文件的 Hugo 语言代码。它可以是顶级语言(即 en)或子变体(即 en-AU),并应与文件名中的语言代码匹配。
languageName"English"语言的名称。
languageDirection"ltr"这是否是 RTL 语言。设置为 "rtl" 以从右到左重新排列内容。Congo 完全支持同时使用 RTL 和 LTR 语言,并会动态调整到两者。
weight1构建多语言站点时语言的顺序的权重。
title"Congo"网站的标题。这将显示在站点标题和页脚中。
copyright未设置包含要显示在站点页脚中的版权消息的 Markdown 字符串。如果未提供,则 Congo 将使用站点 title 自动生成版权字符串。
params.dateFormat"2 January 2006"此语言中日期的格式。有关可接受格式,请参阅 Hugo文档
params.mainSections未设置显示在最新文章列表中的部分。如果未提供,则使用文章数最多的部分。
params.description未设置网站描述。这将用于站点元数据。
author.name未设置作者的姓名。这将显示在文章页脚和使用配置文件布局时在主页上。
author.image未设置作者的图像文件路径。图像应为1:1的宽高比,并放置在站点的 assets/ 文件夹中。
author.headline未设置包含作者头衔的 Markdown 字符串。它将显示在主页上作者姓名下方。
author.bio未设置包含作者简介的 Markdown 字符串。它将显示在文章页脚中。
author.links未设置要显示在作者详细信息旁边的链接。配置文件包含可以取消注释以启用的示例链接。显示链接的顺序由它们在数组中出现的顺序确定。可以通过在 assets/icons/ 中提供相应的 SVG 图标资产来添加自定义链接。

菜单 #

Congo 还支持语言特定的菜单配置。菜单配置文件遵循与语言文件相同的命名格式。只需在文件名中提供语言代码,以告诉 Hugo 该文件与哪种语言相关。

菜单配置文件的命名格式为 menus.[language-code].toml。始终确保菜单配置中使用的语言代码与语言配置相匹配。

快速开始部分更详细地解释了此文件的结构。您还可以参考 Hugo 菜单文档以获取更多配置示例。

主题参数 #

Congo 提供了大量的配置参数,用于控制主题的功能。下表概述了 config/_default/params.toml 文件中的每个可用参数。

这里的许多文章默认值可以通过在 front matter 中指定来覆盖每篇文章的默认值。有关详细信息,请参阅 Front Matter部分。

名称默认值描述
colorScheme"congo"要使用的主题颜色方案。有效值为 congo(默认)、avocadocherryfireoceansapphireslate。有关详细信息,请参阅 颜色方案部分。
defaultAppearance"light"默认的主题外观,可以是 lightdark
autoSwitchAppearancetrue主题外观是否根据访问者的操作系统首选项自动切换。设置为 false 以始终使用 defaultAppearance
enableSearchfalse是否启用站内搜索。设置为 true 以启用搜索功能。请注意,搜索功能取决于 站点配置 中的 outputs.home 设置正确。
enableCodeCopyfalse是否启用 <code> 块的复制到剪贴板按钮。highlight.noClasses 参数必须设置为 false,以使代码复制正常工作。有关 其他配置文件的详细信息,请阅读下文。
enableImageLazyLoadingtrue是否将图像标记为浏览器的延迟加载。
robots未设置指示机器人如何处理您的站点的字符串。如果设置,将在页面头部输出。有关有效值,请参阅 Google 文档
fingerprintAlgorithm"sha256"指示在对assets进行指纹识别时使用的哈希算法。有效选项包括 md5sha256sha384sha512
header.layout"basic"页面头部和菜单的布局。有效值为 basichamburgerhybridcustom。当设置为 custom 时,您必须通过创建 /layouts/partials/header/custom.html 文件提供自己的布局。
header.logo未设置站点徽标文件在 assets/ 文件夹内的相对路径。徽标文件应以 2x 分辨率提供,并支持任何图像尺寸。
header.logoDark未设置header.logo 参数相同,但此图像在启用深色模式时使用。
header.showTitletrue是否在页眉中显示站点标题。
footer.showCopyrighttrue是否在站点页脚显示版权字符串。请注意,可以使用 语言配置中的 copyright 参数自定义字符串。
footer.showThemeAttributiontrue是否在站点页脚显示 “由…强力驱动” 的主题归属。如果选择禁用此消息,请考虑在站点的其他地方(例如关于页面)写上主题归属。
footer.showAppearanceSwitcherfalse是否在站点页脚显示外观切换器。使用浏览器的本地存储来保留访问者的首选项。
footer.showScrollToToptrue设置为 true 时,将显示返回顶部箭头。
homepage.layout"page"主页的布局。有效值为 pageprofilecustom。当设置为 custom 时,您必须通过创建 /layouts/partials/home/custom.html 文件提供自己的布局。有关详细信息,请参阅 主页布局部分。
homepage.showRecentfalse是否在主页上显示最近的文章列表。
homepage.recentLimit5homepage.showRecenttrue 时,显示的最大最近文章数。
article.showDatetrue是否显示文章日期。
article.showDateUpdatedfalse是否显示文章更新日期。
article.showAuthortrue是否在文章页脚显示作者框。
article.showBreadcrumbsfalse是否在文章头部显示面包屑。
article.showDraftLabeltrue在使用 --buildDrafts 构建站点时,是否显示文章旁边的草稿标签。
article.showEditfalse是否显示编辑文章内容的链接。
article.editURL未设置article.showEdit 激活时,编辑链接的 URL。
article.editAppendPathtruearticle.showEdit 激活时,是否将当前文章的路径附加到设置为 article.editURL 的 URL。
article.showHeadingAnchorstrue是否在文章内的标题旁边显示锚链接。
article.showPaginationtrue是否在文章页脚显示下一篇/上一篇文章的链接。
article.invertPaginationfalse是否翻转下一篇/上一篇文章链接的方向。
article.showReadingTimetrue是否显示文章阅读时间。
article.showTableOfContentsfalse是否在文章上显示目录。
article.showTaxonomiesfalse是否在与文章相关的分类法上显示。
article.showWordCountfalse是否显示文章字数。
article.showCommentsfalse是否在文章页脚之后包含 comments partial
article.sharingLinks未设置要在每篇文章末尾显示的分享链接。如果未提供或设置为 false,则不会显示任何链接。
list.showBreadcrumbsfalse是否在列表页面的页眉中显示面包屑。
list.showTableOfContentsfalse是否在列表页面上显示目录。
list.showTaxonomiesfalse是否在列表页面上显示与此文章相关的分类法。
list.showSummaryfalse是否在列表页面上显示文章摘要。如果在 Front Matter中未提供摘要,则将使用 站点配置中的 summaryLength 参数自动生成一个摘要。
list.groupByYeartrue是否在列表页面上按年份对文章进行分组。
list.paginationWidth1在需要截断页面列表时,输出当前页面两侧的分页链接数。宽度为 1 将在需要截断列表时输出当前页面两侧的一个链接。当前、第一个和最后一个页面的链接始终会显示,并且是在此值之外的链接。
sitemap.excludedKinds["taxonomy", "term"]应从生成的 /sitemap.xml 文件中排除的内容类型。有关可接受的值,请参阅 Hugo 文档
taxonomy.showTermCounttrue是否在分类法列表上显示分类术语内文章的数量。
fathomAnalytics.site未设置由 Fathom Analytics 为网站生成的站点代码。有关详细信息,请参阅 分析文档
fathomAnalytics.domain未设置如果在 Fathom Analytics 中使用自定义域,请在此提供以从自定义域提供 script.js
plausibleAnalytics.domain未设置输入要跟踪的网站的域。有关详细信息,请参阅 分析文档
plausibleAnalytics.event未设置可寻址 Plausible api 事件的 URL。有关详细信息,请参阅 分析文档
plausibleAnalytics.script未设置可寻址 Plausible 分析脚本的 URL。有关详细信息,请参阅 分析文档
verification.google未设置由 Google 提供的要包含在站点元数据中的站点验证字符串。
verification.bing未设置由 Bing 提供的要包含在站点元数据中的站点验证字符串。
verification.pinterest未设置由 Pinterest 提供的要包含在站点元数据中的站点验证字符串。
verification.yandex未设置由 Yandex 提供的要包含在站点元数据中的站点验证字符串。

其他配置文件 #

主题还包括一个 markup.toml 配置文件。该文件包含一些重要的参数,确保 Hugo 正确配置以生成使用 Congo 构建的站点。

始终确保此文件存在于配置目录中,并设置所需的值。否则,可能导致某些功能不正确地运行,并可能导致意外的行为。