hugoplate
1.0.0
Hugoplate は、Hugo と TailwindCSS で構築された無料のスターター テンプレートで、Hugo プロジェクトを活性化し、貴重な時間を節約するために必要なものがすべて提供されます。
Zeon Studioによる♥で作られました
このプロジェクトが役立つと思われた場合は、サポートを示してください。
Hugo プロジェクトを開始するために必要なものがほぼすべて含まれています。このテンプレートに何が含まれているかを見てみましょう。
複数の著者
類似の投稿の提案
検索機能
ダークモード
タグとカテゴリー
Netlify 設定が事前に構成されている
サポートお問い合わせフォーム
完全に応答可能
Markdown でコンテンツを作成および更新する
ディスカスコメント
構文の強調表示
ホームページ
について
接触
著者
単著
ブログ
ブログシングル
カスタム404
要素
プライバシーポリシー
タグ
タグシングル
カテゴリー
カテゴリー シングル
検索
ヒューゴ
追い風 CSS
PostCSS
CSS をパージする
オートプレフィクサー
Gethugothemes による Hugo モジュール
マークダウン
より美しく
ジシント
ネットリファイ
ヴェルセル
Github アクション
Gitlab Ci
AWS アンプリファイ
まず、テンプレート リポジトリを複製またはダウンロードする必要があります。次に、次のプロセスを開始しましょう。
このテンプレートの使用を開始するには、いくつかの前提条件がマシンにインストールされている必要があります。
Hugo 拡張 v0.124+
ノードv20以降
Go v1.22+
プロジェクトのセットアップを簡単にするために、このカスタム スクリプトを構築します。新しい Hugo テーマ フォルダーが作成され、その中に Hugoplate テーマのクローンが作成されます。次に、exampleSite フォルダーをルート ディレクトリに移動します。これにより、exampleSite フォルダーに移動せずに Hugo サーバーを起動できるようになります。次のコマンドを使用してプロジェクトをセットアップします。
npm プロジェクトセットアップを実行する
次のコマンドを使用して、すべての依存関係をインストールします。
npmインストール
次のコマンドを使用して開発サーバーを起動します。
npm 実行開発
このテンプレートは、多くのカスタマイズ オプションを念頭に置いて設計されています。以下を含め、ほぼ何でもカスタマイズできます。
サイトのタイトル、ベース URL、言語、テーマ、プラグインなどを、 hugo.tomlファイルから変更できます。
config/_default/params.tomlファイルからすべてのパラメータをカスタマイズできます。これには、ロゴ、ファビコン、検索、SEO メタデータなどが含まれます。
data/theme.jsonファイルから色とフォントを変更できます。これには、一次色、二次色、フォント ファミリー、フォント サイズが含まれます。
data/social.jsonファイルからソーシャル リンクを変更できます。ここにソーシャル リンクを追加すると、サイトに自動的に表示されます。
作業を容易にするために、いくつかのカスタム スクリプトを追加しました。これらのスクリプトを使用すると、開発に役立ちます。
テーマを更新する場合は、次のコマンドを使用できます。テーマが最新バージョンに更新されます。
npm run update-theme
注:このコマンドは、
project-setupスクリプトの実行後に機能します。
このテンプレートに多くのモジュールを追加しました。次のコマンドを使用して、すべてのモジュールを更新できます。
npmは更新モジュールを実行します
プロジェクトからダーク モードを削除する場合は、次のコマンドを使用してプロジェクトからダーク モードを削除できます。
npm run 削除ダークモード
注:このコマンドは、
project-setupスクリプトを実行する前に機能します。すでにproject-setupコマンドを実行している場合は、最初にnpm run theme-setup実行する必要があります。その後、このコマンドを実行できます。その後、npm run project-setup再度実行できます。
開発が完了したら、ほぼどこにでもプロジェクトを構築またはデプロイできます。プロセスを見てみましょう:
プロジェクトをローカルでビルドするには、次のコマンドを使用できます。未使用の CSS がすべてパージされ、すべてのファイルが縮小されます。
npm ビルドを実行する
このテンプレートでは 5 つの異なる展開プラットフォーム構成が提供されているため、簡単に展開できます。
ネットリファイ
ヴェルセル
Github アクション
Gitlab Ci
AWS アンプリファイ
他のホスティング プラットフォームをホストしたい場合も同様です。その後、プロジェクトをビルドすると、 publicフォルダーが作成されます。これをコピーしてホスティング プラットフォームに貼り付けることができます。
注:
hugo.tomlファイル内のbaseURL変更する必要があります。そうしないと、サイトが正しく動作しません。
このテンプレートの公式バグ トラッカーとして GitHub Issues を使用します。既存の問題を検索してください。誰かがすでに同じ問題を報告している可能性があります。問題やアイデアがまだ解決されていない場合は、遠慮なく新しい問題を開いてください。
Copyright (c) 2023 - 現在、Zeon Studio によって設計および開発されました
コードライセンス: MITライセンスに基づいてリリースされています。
画像ライセンス:画像はデモンストレーションのみを目的としています。彼らはライセンスを持っていますが、私たちはそれらの画像を共有する許可を持っていません。
Hugoplateを使用して人々が構築しているプロジェクトのリスト!
| オープンニューロモーフィック | AIモデル | ヒューゴブリックス | 小野合同会社 |
カスタム テーマ、テーマのカスタマイズ、またはゼロからの完全な Web サイト開発サービスが必要な場合は、当社を雇ってください。
