メインコンテンツへスキップ
  1. ドキュメント/

基本設定

3 分·

Congoは高度にカスタマイズ可能なテーマで、最新のHugoの機能のいくつかを使用して、設定方法を簡素化しています。

このテーマには、基本的なブログまたは静的ウェブサイトを立ち上げて実行できるようにするデフォルト設定が同梱されています。

同梱されている設定ファイルはTOMLフォーマットで提供されています。設定ファイルをYAMLやJSONに変換したい場合はご自由にどうぞ。

デフォルトのテーマ設定は各ファイルに文書化されているので、ニーズに合わせて自由に設定を調整することができます。

インストール手順で説明されているように、Hugoプロジェクトの config/_default/ にあるファイルを修正し、プロジェクトルートにある config.toml ファイルを削除することで、テーマの設定を調整します。

サイト設定 #

Hugoの標準的な設定変数はテーマ全体を通して尊重されますが、最良のエクスペリエンスのために設定すべき特別なものもあります。

サイトの設定は config/_default/config.toml ファイルで管理されます。下の表はCongoが利用するすべての設定の概要です。

この表で提供される変数名は、TOML構造を簡略化するためにドット記法を使用していることに注意してください(つまり、 outputs.home[outputs] home を指します)。

NameDefaultDescription
theme"congo"Hugo Modulesを使用する場合、この設定値は削除してください。他のすべてのインストールタイプでは、テーマを機能させるために congo に設定する必要があります。
baseURLNot setウェブサイトのルートへのURL。
defaultContentLanguage"en"この値はテーマコンポーネントとコンテンツのデフォルト言語を決定します。サポートされる言語コードについては、下記の 言語と国際化セクションを参照してください。
enableRobotsTXTtrue有効にすると、サイトルートに robots.txt ファイルが作成され、検索エンジンがサイト全体をクロールできるようになります。あらかじめ用意されている robots.txt を利用したい場合は、false に設定して static ディレクトリにファイルを置いてください。完全にコントロールしたい場合は、 カスタムレイアウトを指定してこのファイルを生成することができます。
paginate10記事一覧の各ページに掲載される記事の数。
summaryLength0記事の要約が フロントマターで提供されていない場合に、記事の要約を生成するために使われる単語の数。デフォルト値 0 は最初の文章を使用します。この値は要約が非表示の場合には影響しません。
outputs.home["HTML", "RSS", "JSON"]生成される出力フォーマット。Congoでは、すべてのテーマコンポーネントが正しく動作するために、HTML、RSS、JSONが必要です。
permalinksNot setパーマリンクの設定は Hugo docsを参照してください。
taxonomiesNot setTaxonomiesについては、 コンテンツの整理セクションを参照してください。

言語と国際化 #

Congoは完全な多言語ウェブサイト用に最適化されており、テーマのアセットはすぐに複数の言語に翻訳されます。言語設定により、複数バージョンのコンテンツを生成し、訪問者の母国語でカスタマイズされたエクスペリエンスを提供することができます。

Congoは現在、以下の言語に対応しています:

LanguageCode
🇬🇧 English (default)en
🇪🇬 Arabicar
🇧🇩 Bengalibn
🇨🇳 Chinese - Simplified (China)zh-cn
🇹🇼 Chinese - Traditional (Taiwan)zh-tw
🇨🇿 Czechcs
🇳🇱 Dutchnl
🇫🇮 Finnishfi
🇫🇷 Frenchfr
🇩🇪 Germande
🇮🇱 Hebrewhe
🇭🇺 Hungarianhu
🇮🇩 Indonesianid
🇮🇹 Italianit
🇯🇵 Japaneseja
🇵🇱 Polishpl
🇧🇷 Portuguese (Brazil)pt-br
🇵🇹 Portuguese (Portugal)pt-pt
🇷🇴 Romanianro
🇷🇺 Russianru
🇸🇰 Slovaksk
🇪🇸 Spanish (Spain)es
🇹🇷 Turkishtr

翻訳文字列を含むカスタムファイルを i18n/[code].yaml に作成することでデフォルトの翻訳をオーバーライドできます。このメソッドを使って新しい言語を追加することもできます。新しい翻訳をコミュニティと共有したい場合、 Pull Requestを作ってください。

設定 #

可能な限り柔軟に対応するために、ウェブサイトの言語ごとに言語設定ファイルを作成する必要があります。デフォルトでは、Congoは config/_default/languages.en.toml に英語の言語設定を含んでいます。

英語以外の言語でウェブサイトを作成したい場合は、デフォルトのファイルをテンプレートとして使用したり、ファイル名を変更したりすることができます。ファイル名は languages.[language-code].toml という形式にしてください。

注記: サイト設定defaultContentLanguage パラメーターが、言語設定ファイル名の [language-code] と一致していることを確認してください。
NameDefaultDescription
languageCode"en"このファイルの言語コード。トップレベル言語 (例 en)またはサブ変数 (例 en-AU)で、ファイル名の [language-code] と一致する必要があります。
languageName"English"言語名。
languageDirection"ltr"RTL言語かどうか。 "rtl" に設定すると、コンテンツを右から左にリフローする。CongoはRTL言語とLTR言語の同時使用を完全にサポートしており、動的に両方の言語に調整します。
weight1多言語サイトを構築する際の優先順序。
title"Congo"ウェブサイトのタイトル。サイトのヘッダーとフッターに表示されます。
copyrightNot setサイトのフッターに表示する著作権メッセージを含むMarkdown文字列。何も指定されない場合、Congoは title を使って自動的にコピーライト文字列を生成します。
params.dateFormat"2 January 2006"日付の書式。許容される書式については、 Hugo docsを参照してください。
params.mainSectionsNot set最近の記事リストに表示するセクション。指定されていない場合は、記事の数が最も多いセクションが使われます。
params.descriptionNot setウェブサイトの説明。これはサイトのメタデータに使用されます。
author.nameNot set著者の名前。これは記事のフッターと、プロフィールレイアウトが使用されている場合にホームページに表示されます。
author.imageNot set著者の画像ファイルへのパス。画像は縦横比1:1で、 assets/ に置くこと。
author.headlineNot set著者の見出しを含むMarkdown文字列。プロフィールのトップページで著者の名前の下に表示されます。
author.bioNot set著者の経歴を含むMarkdown文字列。記事のフッターに表示されます。
author.linksNot set著者の詳細とともに表示するリンク。設定ファイルにはリンクの例が含まれており、コメントを外すだけで有効にすることができます。リンクが表示される順番は、配列に表示される順番によって決まります。 assets/icons/ に対応するSVGアイコンを用意することで、カスタムリンクを追加することもできます。

メニュー #

Congoは言語別メニュー設定もサポートしている。メニュー設定ファイルは、言語ファイルと同じ命名形式に従っています。ファイル名に言語コードを指定するだけで、そのファイルがどの言語に関連するかをHugoに伝えることができます。

メニュー設定ファイルは menus.[language-code].toml という形式で命名されます。 [language-code] が設定と一致していることを常に確認してください。

はじめにセクションで、このファイルの構造について詳しく説明しています。また、 Hugo menu docsにも設定例があります。

テーマパラメーター #

Congoはテーマの機能を制御する多数の設定パラメーターを提供します。下の表は config/_default/params.toml ファイルで利用可能なパラメーターの概要です。

パラメーターの多くは、フロントマターで指定することで、記事ごとに上書きすることができます。詳しくは、 フロントマターセクションを参照してください。

NameDefaultDescription
colorScheme"congo"使用する配色。有効な値は congo (デフォルト), avocado, cherry, fire, ocean, sapphire, slate です。詳しくは カラースキームセクションを参照してください。
defaultAppearance"light"デフォルトのテーマ外観、 light または dark のいずれか。
autoSwitchAppearancetrueテーマの外観を訪問者のオペレーティングシステムの設定に基づいて自動的に切り替えるかどうか。常に defaultAppearance を使うようにするには false を設定します。
enableSearchfalseサイト内検索を有効にするかどうか。検索機能を有効にするには true を設定します。検索機能は、 サイト設定outputs.home が正しく設定されているかどうかに依存することに注意してください。
enableCodeCopyfalse<code> ブロックに対してクリップボードへのコピーボタンを有効にするかどうか。 highlight.noClassesfalse に設定されていなければ、コードコピーは正しく機能しません。 その他の設定ファイルについては以下を参照してください。
enableImageLazyLoadingtrueブラウザが遅延ロードするように画像をマークするかどうか。
robotsNot setロボットがあなたのサイトをどのように扱うべきかを示す文字列。設定された場合、 <head> に出力されます。有効な値については Googleのドキュメントを参照してください。
fingerprintAlgorithm"sha256"assets にフィンガープリントを行う際のハッシュアルゴリズム。有効なオプションは md5sha256sha384 および sha512 です。
header.layout"basic"ヘッダーとメニューのレイアウト。有効な値は basichamburgerhybridまたはcustomです。 custom に設定した場合は、 /layouts/partials/header/custom.html ファイルを作成して独自のレイアウトを指定する必要があります。
header.logoNot setassets/ 内のロゴファイルへの相対パス。ロゴファイルは2倍の解像度で提供され、任意の画像サイズに対応している必要があります。
header.logoDarkNot setdark モード時に使用されるロゴファイルへの相対パス。
header.showTitletrueサイトのタイトルをヘッダーに表示するかどうか。
footer.showCopyrighttrueサイトフッターにコピーライト文字列を表示するかどうか。 言語と国際化copyright パラメーターを使って文字列自体をカスタマイズできます。
footer.showThemeAttributiontrue“Powered by Hugo & Congo” といった帰属表示をフッターに表示するかどうか。この表示を無効にする場合は、サイト上の他の場所(例えば、アバウトページなど)でテーマの帰属を表示することを検討してください。
footer.showAppearanceSwitcherfalseフッターに外観スイッチャーを表示するかどうか。訪問者の設定を保持するためにブラウザのローカルストレージが使用されます。
footer.showScrollToToptruetrue に設定すると、最上部にスクロールする矢印が表示されます。
homepage.layout"page"ホームページのレイアウト。有効な値は page, profile または custom です。 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.editURLNot setarticle.showEdit がアクティブな場合の編集リンクのURL。
article.editAppendPathtruearticle.editURLで設定されたURLに現在の記事へのパスを追加するかどうか。
article.showHeadingAnchorstrue見出しアンカーリンクを記事内の見出しと一緒に表示するかどうか。
article.showPaginationtrue記事のフッターに次/前の記事リンクを表示するかどうか。
article.invertPaginationfalse次の記事/前の記事リンクの向きを反転させるかどうか。
article.showReadingTimetrue記事の予想読了時間を表示するかどうか。
article.showTableOfContentsfalse記事に目次を表示するかどうか。
article.showTaxonomiesfalseこの記事に関連するTaxonomiesを表示するかどうか。
article.showWordCountfalse記事の単語数を表示するかどうか。
article.showCommentsfalseコメントを記事フッターの後に含めるかどうか。
article.sharingLinksNot set各記事の最後に共有リンクを表示するかどうか。 false にすると共有リンクは表示されません。
list.showBreadcrumbsfalseリストページのヘッダーにパンくずリストを表示するかどうか。
list.showTableOfContentsfalseリストページに目次を表示するかどうか。
list.showTaxonomiesfalseリストページに関連するTaxonomiesを表示するかどうか。
list.showSummaryfalseリストページに記事の要約を表示するかどうか。もし フロントマターで要約が提供されていない場合、 サイト設定summaryLength パラメーターを使って要約が自動生成されます。
list.groupByYeartrueリストページで記事を年ごとにグループ化するかどうか。
list.paginationWidth1リストページを切り詰める際に、現在のページの両側にいくつのページネーションリンクを出力するか。 1 の場合、現在のページの両側に1つのリンクを出力します。 最初のページ最後のページ へのリンクは常に表示され、この値に追加されます。
sitemap.excludedKinds["taxonomy", "term"]生成される /sitemap.xml から除外されるべきコンテンツの種類。許容される値については Hugo docsを参照してください。
taxonomy.showTermCounttrueTaxonomiesのリストにTermごとの記事数を表示するかどうか。
fathomAnalytics.siteNot setFathom Analyticsによって生成されたウェブサイトのサイトコード。詳細は アナリティクスを参照してください。
fathomAnalytics.domainNot setFathom Analyticsでカスタムドメインを使用している場合、カスタムドメインからscript.jsを提供するためにここに指定します。
verification.googleNot setサイトのメタデータに含めるGoogleが提供するサイト検証文字列。
verification.bingNot setサイトのメタデータに含めるBingが提供するサイト検証文字列。
verification.pinterestNot setサイトのメタデータに含めるPinterestが提供するサイト検証文字列。
verification.yandexNot setサイトのメタデータに含めるYandexが提供するサイト検証文字列。

その他の設定ファイル #

このテーマには markup.toml 設定ファイルも含まれています。このファイルにはいくつかの重要なパラメータが含まれており、Congoで構築されたサイトを生成するためにHugoが正しく設定されるようにします。

このファイルがconfigディレクトリに存在し、必要な値が設定されていることを常に確認してください。これを行わないと、特定の機能が正しく動作しなかったり、意図しない動作になったりする可能性があります。