hugo 8bits theme

Hugo 8 ビットのテーマ

Hugo 8-bits テーマは、@bc_rikko によって開発された NES スタイルの CSS フレームワークに基づいています。

ライブデモ

NES.css フレームワーク情報

名前	NES.css
説明	NES スタイルの CSS フレームワーク
デザイナー	Bcりっこ
バージョン	2.3.0
リリースされました	2019年12月17日
ライセンス	ライセンス情報

インストール

 $ cd /<your-hugo-site-directory>
$ git submodule add https://github.com/miguelsimoni/hugo-8bits-theme.git themes/hugo-8bits-theme

詳細情報: Hugo セットアップ ガイド

構成

config.yaml

多言語対応

config.yamlから言語ドロップダウン メニューを表示または非表示にできます。

 languagesMenuEnabled : true

ブレッドクラム

config.yamlからブレッドクラム内の現在のページを表示または非表示にすることができます。

 breadcrumb :
  showCurrent : true

ページネーションローダー

config.yamlからリスト ページのページネーション ローダー ([さらに読み込む] ボタン) を有効または無効にできます。

 pagination :
  loader : true

これを無効にすると、標準のページネーション ウィジェットが表示されます。

背景

static/images/フォルダーに画像をドロップし、 params.background.imageパラメーターにその名前を入力するだけで、テーマの背景を設定できます。また、投稿セクションの視差効果とその速度を設定することもできます。

 background :
  image : " ../images/background.png "
  parallax : true
  speed : 10

接触

コンタクト フォームを有効にすると、 config.yamlにコンタクト フォームのアクション URL を追加するだけで、Formspree などのメッセージ サービスを使用して訪問者がメッセージを送信できるようになります。

 contact :
  formAction : https://formspree.io/f/yourformcode

ソーシャルネットワーク

現在サポートされているソーシャル ネットワークのユーザー名をconfig.yamlに追加できます。

 social :
  - network : twitter
    link : " https://www.twitter.com/8bits "
  - network : facebook
    link : " https://www.facebook.com/8bits "
  - network : instagram
    link : " https://www.instagram.com/8bits "

ソーシャル ネットワークのパラメータ化の例については、config.yaml を参照してください。

コメント

Disqus の提供

 disqusShortname : " yourdiscussshortname "

params.disqusShortname空のままにして、コメント システムを無効にします。

Googleアナリティクス

 googleAnalytics : " UA-123-45 "

params.googleAnalytics空のままにして、Google アナリティクスを無効にします。

さらに設定を追加！

config.yaml ファイル内の構成全体を確認してください。

サンプルサイト

exampleSiteフォルダーは Hugo Basic Example に基づいており、このテーマのサンプル サイトを提供します。

exampleSite/content/フォルダーには次のものが含まれます。

• /post/というセクションには、マークダウン コンテンツのサンプルが含まれています。
• テーマのデモの/about/ページを提供することを目的としたabout.md 。
• 連絡先フォームの/contact/ページを提供するためのcontact.md 。

もうすぐそこです...

サイトの動作を確認するには、Hugo の組み込みローカル サーバーを実行します。

$ cd exampleSite
$ hugo server -t ../..

次に、ブラウザのアドレス バーにhttp://localhost:1313/と入力します。

導入

• GitHub でのホスティング
• より多くのホスティングおよび展開オプション

貢献する

• バグが見つかりましたか?
• 新しい機能のアイデアはありますか?

問題トラッカーを使用して知らせていただくか、プル リクエストで直接作成してください。

ライセンス

このテーマとそれを可能にしたフレームワークは、MIT ライセンスの下でリリースされています。追加のライセンス情報については、元のフレームワークのライセンスを確認してください。

ありがとう

Hugo とプロジェクトに関する素晴らしいコミュニティを作成してくれた Steve Francia に感謝します。そして、この素晴らしい懐かしいフレームワークを作成してくれた BcRikko にも感謝します。