こんにちは！ freshPinkテーマをご紹介します!
これは、簡単な例と詳細なチュートリアルを見つけることができるデモ サイトです。デモサイトに移動します。
freshPink テーマをインストールするには 2 つの方法があります。 Git サブモジュール (簡単に更新するために推奨) を使用することも、直接ダウンロードすることもできます。特別な理由がない限り、サブモジュール方式を使用することをお勧めします。
Hugo サイト ディレクトリに移動する: ターミナルを開き、Hugo サイトのルート ディレクトリに移動します。 Hugo サイトをまだ作成していない場合は、次のコマンドを使用して作成できます。
ヒューゴの新しいサイト yourSiteName
テーマを Git サブモジュールとして追加: freshPink テーマを Git サブモジュールとしてサイトに追加します。ターミナルで次のコマンドを実行します。
git サブモジュール追加 [email protected]:ElecBrandy/freshpink.git Strategies/freshpink
サイト構成を更新する: サイトのconfig.tomlファイルをテキスト エディターで開き、 theme変数を"freshpink"に更新します。
テーマ = 「フレッシュピンク」
サイトをプレビューする: すべてが正しく動作することを確認するには、次のコマンドを実行してローカル サーバーを起動し、サイトをプレビューします。
ヒューゴサーバー
テーマをダウンロードする: FreshPink GitHub リポジトリに移動し、テーマを ZIP ファイルとしてダウンロードします。
テーマを抽出して移動する: ZIP ファイルを抽出し、抽出したフォルダーを Hugo サイトのthemesディレクトリに移動します。
サイト構成を更新する: Git サブモジュールの方法と同様に、 config.tomlファイルを開き、 theme変数を"freshpink"に設定します。
サイトをプレビューする: 次のコマンドを実行して、サイトをローカルに構築してプレビューします。
ヒューゴサーバー
freshPink テーマは簡単にカスタマイズできるように設計されています。必要に応じて、サイトに合わせてスタイル、レイアウト、コンテンツを変更できます。デモサイトのチュートリアルに従って、自分でカスタマイズしてみてください。
警告！ post-1.md など、自分が作成していない
.mdファイルが引き続き表示される場合は、フォルダーが/theme/freshpink/exampleSiteである exampleSite からのものである可能性が高くなります。削除しても構いませんが、ブログをスムーズに進めるために、サンプルは削除してください。 :)
問題が発生したり質問がある場合は、お気軽に GitHub リポジトリで問題を開いてください。
freshPink テーマをお選びいただきありがとうございます。 :)
