ヒューゴ・リフトオフ
警告: さまざまな理由により、このテーマに取り組む時間がなくなりました。私があなたの問題に対処できる可能性は低く、追加機能の予定はありませんが、テーマは引き続き公開されます。大幅な変更を加える必要がある場合は、自由にフォークしてください。単純なバグ修正のプル リクエストをマージすることを検討します。ご不便をおかけして申し訳ございません。詳細については、v3.4.3 リリース ノートを参照してください。
について
Hugo Liftoff は、コンテンツ作成と SEO のベスト プラクティスに重点を置いた最小限のブログ/ポートフォリオ テーマです。これは、個人ブランドを立ち上げようとしている技術ユーザーにとって理想的な選択肢です。
ドキュメント
完全なドキュメントは、このリポジトリの Github Wiki でホストされています。
ドキュメント内で間違いを見つけた場合、または改善のための提案がある場合は、問題を開いてください。
デモサイト
テーマの動作デモは評価用に公開されています。
テーマに含まれるexampleSiteコンテンツは、デモで使用されるコンテンツを反映しており、独自のプロジェクトに自由にコピーできます。この背後にある考え方は、すぐに開始し、デモで確認した機能を自分のプロジェクトで便利に再現できるようにすることです。
注目すべき機能
- ホームページ上の最近の投稿をサブセクションごとにフィルタリングできるコンテンツ サブセクション
- 現在のシリーズのすべての投稿をリストする単一の投稿によるシリーズ投稿分類
- サブセクションまたはシリーズ投稿の単一投稿の末尾にある次/前のリンク (有効な場合)
- CSS カスタム プロパティを使用したライト/ダーク モードの切り替え
- メニュー構成に基づいた自動サブメニューサポートを備えた、モバイル対応の折りたたみ可能な JS メニュー
- Netlify Forms サポートと条件付き可視性制御を備えたカスタマイズ可能なニュースレター
- そしてさらに...
機能の概要
このテーマの現在の機能は以下のとおりです。 「オプション」または「フロントマター」というラベルが付いた機能は、それぞれ「config」または「frontmatter」で有効/無効にすることができます。
ネットリファイ
- Netlify によるカスタムヘッダー/リダイレクト (オプション)
- Netlify フォームによるニュースレターのオプトインと連絡先ページのサポート (オプション)
- 効率的な展開のためのサンプル
netlify.tomlファイル
サードパーティ
- Google アナリティクス v4
- GA の代替としての Google タグ マネージャー (オプション)
- Disqus コメント (オプション)
- ページごとにコメントを無効にする (オプション) (フロントマター)
ニュースレター
- Netlify Forms サポートによるニュースレターのオプトイン (オプション) (フロントマター)
- ニュースレターのオプトインのグローバル表示 (オプション)
- カスタマイズ可能なニュースレターのヘッダー、説明、CTA テキスト (オプション)
- ページごとにグローバル ニュースレターを上書きする (オプション) (フロントマター)
- ページごとにニュースレターを有効または無効にする (フロントマター)
社交
- SVG を使用したネイティブ Twitter、Mastodon、Github、Stack Overflow、LinkedIn、および電子メール ソーシャル リンク (オプション)
- フッター、ホームページのヒーロー、および概要ページのソーシャル リンクを有効または無効にする (オプション)
- 個々のソーシャル リンクを有効または無効にする (オプション)
- Facebook、LinkedIn、Twitter、Reddit、投稿用の SVG を使用した電子メール ソーシャル共有アイコン (オプション)
- 個々のソーシャル共有アイコンを有効または無効にする (オプション)
SEO / RSS
- 強化された Open Graph、Twitter Cards、および Schema.org テンプレート
- 投稿セクション以外のページを除外する RSS フィード
- カスタマイズ可能なタイトルタグとSEOタイトルタグ、または両方のタイトルを使用（フロントマター）
- カスタマイズ可能な概要とメタディスクリプション、または両方のディスクリプション（フロントマター）を使用
- カスタム作成者メタタグ (オプション) (フロントマター)
- すべてのページのカスタム タイトル タグとメタ ディスクリプション (オプション) (フロントマター)
-
robots.txtとsitemap.xml - 検索エンジンのクロールを無効にする (オプション)
シリーズ/サブセクション
- ホームページ上の最近の投稿をサブセクションごとにフィルタリングできるコンテンツ サブセクション (オプション)
- 現在のシリーズのすべての投稿をリストする単一の投稿によるシリーズ投稿分類 (オプション)
- サブセクションまたはシリーズ投稿の単一投稿の末尾にある次/前のリンク (有効な場合)
- クリーンな SEO URL のカスタム パーマリンクを含む投稿のサブセクションのサポート (オプション)
- メニュー構成に基づいた自動サブメニューサポートを備えた、モバイル対応の折りたたみ可能な JS メニュー
ホームページ
- ホームページ上のヒーローのタイトルとサブタイトルをカスタマイズする (フロントマター)
- ホームページ上の投稿とプロジェクトのセクション見出しをカスタマイズする (フロントマター)
投稿とプロジェクト
- 投稿の切り替え可能なスティッキーな目次 (フロントマター)
- 関連記事（前付）
- 投稿のソーシャル共有アイコン (フロントマター)
- 投稿の読了時間と文字数
- 投稿の最終更新日 (オプション)
- プロジェクトのカスタマイズ可能なライブ URL、ソース URL、技術スタックの詳細 (フロントマター)
- タグとカテゴリの分類
- プロジェクトを分類するためのプロジェクト タイプの分類
- ホームページ上の最近の投稿とプロジェクト
コードスニペット
- 構文の強調表示
- ワンクリックでコピーボタンとコードスニペットの言語インジケーター
CSS / JS
- CSS カスタム プロパティを使用したライト/ダーク モードの切り替え
assetsにカスタム CSS / JS を追加する- CSS と JS の縮小化
- ESBuild と ToCSS を使用したフロントエンド ビルド パイプライン
- 自動プレフィックス付加のための PostCSS 処理 (オプション)
- PostCSS / Autoprefixer を使用しない限り、
npm完全にオプションです - CSS
clamp()を使用した流動的なタイポグラフィ スケール - 開発中の SCSS および JS のソースマップ
画像
- Hugo リソースを使用した画像処理
assetsまたはページバンドル（フロントマター）からの投稿およびプロジェクトのアイキャッチ画像- カスタムホームページのヒーローアバター画像（オプション）
- グレースケール アバター フィルターを無効にする (オプション)
- ファビコンを有効/無効にする (オプション)
原型
- 投稿とプロジェクトのアーキタイプ テンプレート
- アーキタイプ テンプレートのページ バンドルのサポート
マークダウンフック
- コードブロック、画像、見出し、リンクのマークダウン レンダリング フック
- コードブロックの言語インジケーター
- URL フラグメントを介してカスタム CSS クラスをマークダウン画像に追加する
- 見出しアンカー リンク SVG アイコン
その他のコンテンツ
- デフォルトの単一テンプレート (オプション) を使用して、汎用の単一ページを迅速に作成します。
- 追加のマークダウン フッター テキスト (オプション)
- 開発中のドラフトにラベルを追加する (オプション)
- テーブルなどの一般的なマークダウン スタイルのレスポンシブ サポート
- ソーシャルリンクを含むページについて (オプション)
- Netlify Forms サポートを備えたお問い合わせページ (オプション)
- 空のコンテンツのフォールバック テキストをカスタマイズする (オプション)
ヒューゴのデフォルト
hugo.tomlの例 (カスタマイズを容易にするため、Hugo 構成のデフォルトの大部分が含まれています)- Hugo 環境に基づいて構成設定を上書きする
- 組み込みのショートコード
- 他にも...Hugo にはたくさんの魅力があります。
計画されている機能
次の機能が将来のリリースで計画されています。
- リアルタイムサイト検索
- プロジェクトの画像ギャラリー
- i18n サポート
- 追加の高度な Google 構造化データ スキーマ
- プロジェクトリストなどのカスタムショートコード
助けを求める
バグレポート、機能リクエスト、または使用方法に関する質問を送信するには、問題テンプレートのいずれかを使用して Github で問題を開いてください。
貢献する
プロジェクトに貢献したい場合は、プロジェクトをフォークし、プル リクエスト テンプレートを使用して変更を加えたプル リクエストを送信します。詳細については、投稿ガイドラインをご覧ください。
