hugo theme noteworthy

注目すべき

注目に値するのは、ライターやブロガー向けのミニマルな Hugo テーマです。

特徴

• 完全に応答可能
• Google アナリティクスと Disqus の統合
• Ko-fi 寄付ボタン
• 構文の強調表示
• KaTex を使用した数学的記法
• 「概要」、「タグ」、および「アーカイブ」ページ
• RSSフィード
• ソーシャルメディアリンク
• スタイリング用SCSS

インストール

Hugo サイトのルート ディレクトリに移動し、このリポジトリのクローンを作成します。

 git clone https://github.com/kimcc/hugo-theme-noteworthy.git themes/noteworthy

詳細については、Hugo のドキュメントを参照してください。

大きな画像用の画像ショートコード

このテーマに含まれる画像サイズ変更ショートコードを使用して画像を追加するには、投稿バンドルを作成する必要があります。投稿用のフォルダーを作成し、その中に Markdown ファイルと画像を置き、Markdown ファイルの名前をindex.mdに変更します。例えば：

 my-new-post
- index.md
- image1.jpg
- image2.png

次に、次のようなショートコードを使用して、Markdown ファイル内に画像を追加できます。

 {{< resize-image src="image1.jpg" alt="My first image" >}}

次のようにキャプションを追加します。

 {{< resize-image src="image2.png" alt="My second image" caption="My caption" >}}

投稿の続きを読むリンク

投稿が切り詰められたときに「続きを読む」リンクを表示するには、構成ファイルでshowReadMore = falseをtrueに設定します。

ソーシャルメディアアカウント

config.tomlファイルのparamsセクションで、ソーシャル メディア アカウントへのリンクを追加できます。含めたくないものを削除するだけで、そのアイコンはサイトから消えます。

 # Main
email = "#"
facebook = "#"
twitter = "#"
instagram = "#"
tumblr = "#"
reddit = "#"
pinterest = "#"
youtube = "#"
vimeo = "#"
weibo = "#"
vk = "#"
linkedin = "#"

# Writing
medium = "#"
blogger = "#"
wordpress = "#"

# Creative & Visual
dribbble = "#"
behance = "#"
deviantart = "#"
flickr = "#"

# Audio & Music
soundcloud = "#"

# Programming
github = "#"
stackoverflow = "#"
gitlab = "#"
codepen = "#"

# Academic
googlescholar = "#"
impactstory = "#"
orcid = "#"

# Travel
googlemaps = "#"
tripadvisor = "#"

Disqus と Google アナリティクス

Disqus の短縮名と Google Analytics 識別子をconfig.tomlファイルに追加します。

 # Add your Disqus shortname here.
disqusShortname = ""

# Add your Google Analytics identifier: UA-XXXXXXXX-X
googleAnalytics = ""

Ko-fi 寄付ボタン

投稿で Ko-fi ボタンを有効にしたい場合は、構成ファイルでそれを有効にし、識別子を追加します。

 # Set enableKofi to true to enable the Ko-fi support button. Add your Ko-fi ID to link to your account.
enableKofi = true
kofi = ""

ライセンス

MITライセンスに基づいてリリースされています。