TOP image

configパラメータ一覧

2019年 8月 27日  2019年 8月 15日

configパラメータ一覧

私作成のHugoテーマconfigの画面変数一覧です。

アフィリエイターや手軽にサイト管理したいWEBマスタの需要は見てしているかと…

コンフィグ変数一覧

Hugoのパラメータは一部除いています。

フロント技術で流用が効くようにjsonで書いています。

toml・yamlへはツールなどで移行していただければ…

サンプル

{
  "baseURL": "http://example.org/",
  "languageCode": "ja",
  "title": "Hugoで作るアフィリエイトサイト",
  "theme": "kadlu",
  "hasCJKLanguage": true,
  "taxonomies": {
    "tag": "tags",
    "category": "categories"
  },
  "permalinks": {
    "post": "/:section/:filename/"
  },
  "googleAnalytics": "'UA-xxxxxxxx-x",
  "outputs": {
    "home": [
      "HTML",
      "JSON",
      "RSS"
    ],
    "page": [
      "HTML",
      "JSON"
    ],
    "section": [
      "HTML",
      "JSON"
    ],
    "taxonomyTerm": [
      "HTML",
      "JSON"
    ],
    "taxonomy": [
      "HTML",
      "JSON"
    ]
  },
  "params": {
    "author": "岸波白野",
    "logo": "/img/logo.jpg",
    "favicon": "/img/common/favicon.ico",
    "description": "静的ジェネレーターで低コストアフィサイトを作る",
    "paginate": 10,
    "mainImage": "/img/common/main-img.jpg",
    "adsensePublisher": "ca-pub-xxxxxxxxxxxxxxxx",
    "adsenseSlot": "xxxxxxxxxx",
    "adsenseSlotRelation": "xxxxxxxxxx",
    "adsenseAutoAds": true,
    "googleSiteVerification": "google_site_verification_code",
    "msValidate": "bing_site_verification_code",
    "email": "name@domain.com",
    "github": "kishinami",
    "twitter": "kishinami",
    "instagram": "kishinami",
    "profileImg": "/img/common/icon.png",
    "profileDescription": "自己紹介文htmlタグで装飾もできます",
  },
  "menu": {
    "main": [
      {
        "name": "検索",
        "weight": 1,
        "url": "/search/"
      },
      {
        "name": "ホーム",
        "weight": 2,
        "url": "/"
      }
    ],
    "footer": [
      {
        "name": "免責事項",
        "weight": 1,
        "url": "/pages/disclaimer/"
      },
      {
        "name": "お問い合わせ",
        "weight": 2,
        "url": "/pages/contact/"
      }
    ],
    "sub": [
      {
        "identifier": "sub4",
        "name": "静的ジェネレーターについて",
        "weight": 1
      },
      {
        "parent": "sub4",
        "name": "静的ジェネレーターとは?",
        "url": "",
        "weight": 1
      },
      {
        "parent": "sub4",
        "name": "メリット・デメリットは?",
        "url": "/post/static-site-generator-affiliate/",
        "weight": 2
      },
      {
        "identifier": "sub1",
        "name": "Hugo用テーマkadluについて",
        "weight": 2
      },
      {
        "parent": "sub1",
        "name": "アピールポイント",
        "url": "/post/kadlu-about/",
        "weight": 1
      },
      {
        "parent": "sub1",
        "name": "デザイン詳細",
        "url": "/post/kadlu-decoration-tag/",
        "weight": 2
      }
    ]
  }
}
パラメータ 備考
baseURL ベースURL。サイトのルートドメインを記載します必須。
languageCode Hugo日本語対応していないけどね...HTMLのmetaに使っているので「ja」にしておいてください必須。
title サイトタイトル。ブランド名検索される領域まで行きたいです。
theme 使用テーマ
テーマのフォルダ名を記載します。
hasCJKLanguage 中国日本韓国語フラグ
サマリーの文字数取得などに使います。
taxonomies タクソノミー
カテゴリとタグを使用可能にするのが無難かと…
googleAnalytics Googleアナリティクス設定
トラッキングコードを入れておくと、サイト解析ができます。実はHugoのデフォルト機能
outputs 出力形式設定
システム的にはpageのJSONのみ仕様しています。ほかは好み。
author 著者情報
メタタグと構造化マークアップ、サイドバーの
logo logo
タッチアイコン、ホーム画面のogpなんかにも使用。画面上には出して無いです。
favicon ファビコン
最近の検索結果ではファビコンが出ちゃうので、必須にしたい。
paginate ページネーション
indexやカテゴリページで記事一覧をどこまで出すか。10くらいが適当かなって。
mainImage メインイメージ
ヒーローデザインの部分。正方形の画像を適当にトリミングしているので、サイトロゴ付きを出す場合は工夫が必要です。推奨サイズは1200×1200
adsensePublisher アドセンスパブリッシャー
GoogleAdsenseのアカウントを入れます。広告を出すなら必須
adsenseSlot GoogleAdsense広告ID
レスポンシブで作成した広告のIDを入れてください。adsenseSlotとadsensePublisherがあると広告が表示されます。
adsenseSlotRelation GoogleAdsense広告ID
こちらは関連コンテンツ広告用です。関連コンテンツ広告で作成した
adsenseAutoAds GoogleAdsense自動広告フラグ
trueの場合、自動広告がONになります。落ち着くまで時間がかかりますが、推奨です。
googleSiteVerification GoogleWEBマスター所有コード
GoooglのWEBマスターツールに登録したときに発行されるコードを登録するconfigです
bing_site_verification_code BingWEBマスター所有コード
BingのWEBマスターツールに登録したときに発行されるコードを登録するconfigです
email メールアドレス
ただプロフォール欄に表示するだけに使っています。窓口はGoogleフォームのほうがおすすめです。
github githubのID
githubのIDを登録しておくと、プロフィール欄のボタンから遷移できるようになります。
twitter twitterのID
twitterのIDを登録しておくと、OGPのサイト所有者、ツイート後にフォローを促す機能、プロフィール欄のtwitterボタンが使えるようになります。
instagram instagramのID
instagramのIDを登録しておくと、プロフィール欄のinstagramボタンが使えるようになります。
profileImg プロフイール画像
登録しておくと、プロフィール欄の画像と、吹き出しのデフォルト画像になります。
profileDescription プロフイール説明
登録しておくと、プロフィール欄の説明が表示されます。
menu.main メインメニュー
登録しておくと、グロナビが出ます
menu.footer フッターメニュー
登録しておくと、フッターメニューが出ます
menu.sub サブメニュー
登録しておくと、サイドバーのサブメニューが出ます