hugo PolyRhythmic

ヒューゴ・ポリリズミック |ライブデモ

速い |レスポンシブ |マテリアルデザイン3

❗このテーマはまだ発展途上です。慎重にご使用ください。

PolyRhythmic は次のとおりです: Hugo テーマ |ギットハブ |プロダクトハント

主な特長

• アクティブなメニューの位置インジケーター

• アーカイブのサポート

• 資産管理: Hugo アセットのパイプライン、フィンガープリント、バンドル、および縮小

• 「トップに戻る」ボタン

• バックリンクと関連ページの提案

• コードコピーボタン

• 連絡先テンプレート: クイック連絡フォーム

• 各ページの表紙画像

• カスタムのタブ付きナビゲーション

• 開発用のデバッグモード

• ページの GitHub リポジトリ ボタン

• ホームページのナビゲーション ボタン

• キーボード ショートカットとアクセス キー

• ライト/ダークテーマの切り替え

• シングル ページ アプリケーション (SPA) としての Logseq グラフ

• 複数の著者のサポート

• 「現在」ページテーブル: 最近更新されたページのリスト

• ページナビゲーションカード

• ランダムページボタン

• レスポンシブなスティッキーな目次

• Fuse.js による検索機能

• SEOの最適化

• サイトマップ テンプレート: Hugo 固有の列を含むテーブル

• ソーシャルメディアのシェアボタン

• 分類とセクションの構成

• テーマのカスタマイズ: 色、コントラスト、形状、タイポグラフィーなどを制御します。

資料 3 との主な違い

• コンテンツのテキスト幅、フォント サイズ、行の高さを調整可能

• ブランド、プレーン、モノラルの書体を制御

• 3次色の方向制御

• モノラル書体の追加

• ステートレイヤーにはスクリプトを使用しない

• ダークモードで画像を暗くするオプション

• 形状スケール制御

---

インストール

1. Hugo のインストール: Hugo Docs - クイック スタート

2. 新しい Hugo サイトを作成する

# YourSite を Web サイトの名前に置き換えますhugo 新しいサイト YourSite --format yaml

3. PolyRhythmic をYourSite/themes/ディレクトリに追加します

• オプション 1: git リポジトリのクローンを作成します。

   git clone https://github.com/wonyoung-jang/hugo-PolyRhythmic テーマ/PolyRhythmic -- Depth=1

• オプション 2: ダウンロードして解凍します。

• PolyRhythmic ソースをダウンロードし、 YourSite/themes/PolyRhythmicディレクトリに zip を解凍します。

• オプション 3: Hugo モジュールを使用する

• Goをインストールする

• 独自の Hugo モジュールを初期化します。

   Hugo mod init YOUR_GIT_REPO

• PolyRhythmic をconfig.yamlまたはmodule.yamlに追加します。

   # config.yamlmodule: インポート:
      - パス: github.com/wonyoung-jang/hugo-PolyRhythmic# module.yamlimports:
      - パス: github.com/wonyoung-jang/hugo-PolyRhythmic

4. config.yamlに以下を追加します。

テーマ：「ポリリズミック」

---

サポート

• GitHub でこのリポジトリにスターを付け、共有し、使用します

• 私をスポンサーしたい場合は、Github Sponsors を通じて行うことができます

• Ko-Fi で寄付することもできます

---

ありがとう

• Fuse.js

• 材質記号

• マテリアルデザイン3

• Google フォント