hugo/zzoのタイトルとプロフィールを変更

· ☕ 2
🏷️
  • #hugo
  • zzoのヘッダーを変える

    いまはこんな感じ

    ヘッダー設定前

    なぜかタイトルがzzo…

    タイトルとロゴくらいは変えないとねww

    Hugo Themes customizing

    custom header
    You may want to change home page header. There are 4 options which is slider, image, text, empty.

    Set param at config/_default/params.toml(homeHeaderType)

    Make _index.md file at root/content/_index.md and copy & paste below.

    params.tomlの設定と、content/_index.mdの追加をしていきます。

    params.tomlの設定

    ん?

    4つから選択?

    textになってるから、そのままでいいのかな?

    # header
    homeHeaderType = "text" # text, img, slide
    

    content/_index.mdの追加?

    ---
    header:
    - type: text
    height: 200
    paddingX: 50
    paddingY: 0
    align: center
    title:
      - HUGO
    subtitle:
      - The world’s fastest framework for building websites
    titleColor: # #123456, red
    titleShadow: false
    titleFontSize: 44
    subtitleColor: # #123456, red
    subtitleCursive: false
    subtitleFontSize: 16
    spaceBetweenTitleSubtitle: 20  
    
    ---
    

    直したけど…

    全く変わらずwww

    ヘッダー設定前

    params.tomlを色々変えてみる

    とりあえず、タイトルを直したいので、色々見てみる。

    この辺かな?

    1
    2
    3
    4
    
    logoText = "Tweet Blog" # Logo text that appears in the site navigation bar.
    logoType = "short" # long, short -> short: squre shape includes logo text, long: rectangle shape not includes logo text
    logo = false #true # Logo that appears in the site navigation bar.
    description = "つぶやく感じで適当に書く技術ブログ" # for SEO
    

    あと、この辺も。プロフィールも直したい!

    1
    2
    3
    4
    5
    6
    7
    8
    9
    
    # whoami: usage - home page sidebar, single page bottom of post. all values can be empty
    myname = "るな"
    email = "blog@encr.jp"
    whoami = "エンジニア"
    bioImageUrl = "images/yui.jpg" # image url like "http//..." or "images/anyfoldername/mybioimage.jpg" If not set, we find a avatar image in root/static/images/whoami/avatar.(png|jpg|svg)
    useGravatar = false # we use this option highest priority
    location = "東京"
    organization = "エンジョイクリエイト"
    link = "https://encr.jp"
    

    画像はstaticにimagesフォルダを作って、そこに設置。

    あと、おまけで、defaultのカラー変えた。

    1
    
    themeOptions = ["dark", "light", "hacker", "solarized", "kimbie"] # select options for site color theme
    

    1
    
    themeOptions = ["solarized", "light", "hacker", "dark", "kimbie"] # select options for site color theme
    

    にかえた。defaultは一個目みたい。

    結果

    変わった!

    タイトル変更

    明日はadsenseの設置頑張りたいなーー


    るな
    るな
    エンジニア