simple dev blog zola starter

シンプル-開発-ブログ-zola-starter

Zola 用のシンプルな開発ブログのテーマ。 JavaScript を使用せず、ナビゲーション、ブログ投稿、タグ間のリンクを事前レンダリングし、SEO 用の共通タグを追加します。

ここでライブで見ることができます。

始め方

新しい Zola サイトを作成するには、まず CLI をダウンロードしてシステムにインストールします。このテーマには、Zola バージョン 0.14 以降が必要です。

インストール手順は、Zola Web サイトで参照できます。

1. Zola CLI をインストールした後、次のコマンドを実行して新しいサイトを作成します。

   zola init my_amazing_site
   cd my_amazing_site

2. サイトを作成したら、次のように「Simple Dev Blog」テーマをインストールします。

   git clone --depth=1 
     https://github.com/bennetthardwick/simple-dev-blog-zola-starter 
     themes/simple-dev-blog

3. 次に、 config.tomlファイルで、 theme = "simple-dev-blog"を設定してテーマを選択します。

4. このテーマではtags分類を使用しますconfig.tomlファイルで、 taxonomies = [ { name = "tags" } ]と設定します。

5. cp themes/simple-dev-blog/content/* ./content -rを実行して、テーマからデフォルトのコンテンツをコピーします。

6. それでおしまい！次のコマンドを実行してサイトを構築し、 127.0.0.1:111に移動します。

   zola serve

これで、簡単な開発ブログが迅速に作成され、実行できるようになりました。楽しんでください。

カスタマイズ

このリポジトリのconfig.tomlとtheme.toml参考にしてください。すべてのオプションのリストは次のとおりです。

グローバル

次のオプションはconfig.tomlの[extra]の下にある必要があります。

• accent_light - サイトのアクセントカラーの明るい色合い
• accent - サイトのアクセントカラー
• blog_path - ブログへのパス (デフォルトはblog )
• default_og_image - ページのデフォルトのパス og:image
• footer_about - マークダウンのフッターのコンテンツ
• icon - コンテンツフォルダー内のサイトのアイコンへのパス
  • たとえば、ファイルicon.pngを追加するには、それをcontent/icon.pngに置く必要があります。
• nav - サイトのナビゲーション リンクであるtheme.toml参照してください。
• not_found_message - マークダウンの 404 ページのコンテンツ
• profile_large - コンテンツ フォルダー内のプロフィール写真の大きい縦バージョンへのパス
• profile_small - コンテンツ フォルダー内のプロフィール写真の小さいバージョンへのパス

ページ

次のオプションは、各ページの[extra]セクションの下にある必要があります。

• thumbnail - そのページの og:image へのパス