tabi
v3.1.0
検索、多言語サポート、オプションの JavaScript、完璧な Lighthouse スコア、および包括的なドキュメントを備えたアクセス可能な Zola テーマ。個人のウェブサイトやブログ用に作成されています。
ヒント
すぐにブログを始めてみませんか? tabi-start テンプレートを使用すると、完全なサイトを数分で立ち上げて実行できます。
ここでライブ プレビュー (およびテーマのドキュメント) を参照してください。
「tabi を使用するサイト」セクションを参照して、実際のアプリケーションを確認してください。
tabi (旅、/ t ɐ ˈ b i /): 旅。
tabi は Google の Lighthouse 監査で満点を獲得しています。
注記
新しいサイトを作成する最も早い方法は、tabi-start テンプレートを使用することです。これにより、すべての重要な構成を備えた完全なブログのセットアップが完了し、すぐに使用できるようになります。
既存の Zola サイトに tabi を追加するには:
git init
git submodule add https://github.com/welpo/tabi.git themes/tabi
または、テーマ ディレクトリにテーマのクローンを作成します。
git clone https://github.com/welpo/tabi.git themes/tabi
config.tomlでテーマを有効にします。 theme = "tabi"
config.tomlにtitle設定します。 title = "Your Site Title"
config.tomlでコード ブロックの強調表示を構成します。 [ markdown ]
highlight_code = true
highlight_theme = " css " content/_index.mdファイルを作成します。このファイルは、ホームページの外観と動作を制御します。次のオプションのいずれかを選択します。
オプション A: /からの投稿を配信する:
+++
title = "Home"
paginate_by = 5 # Show 5 posts per page.
+++
content/内の投稿がページネーション付きで表示されます。オプション B: 別のパス ( blog/など) から投稿を配信します。
+++
title = "Home"
# Note we're not setting `paginate_by` here.
[extra]
section_path = "blog/_index.md" # Where to find your posts.
max_posts = 5 # Show 5 posts on the home page.
+++
blog/セクションの最新の 5 件の投稿が表示されます。paginate_by設定しないでください。_index.mdファイルへの絶対パスを使用します。 section_path = "blog/"を使用しても機能しません。 警告
content/_index.mdにpaginate_byとsection_path両方を設定しないでください。
これらの設定は相互に排他的であり、両方を使用すると投稿が表示されなくなる可能性があります。
content/_index.mdに追加します。 [extra]
header = {title = "Hello! I'm tabi~", img = "img/main.webp", img_alt = "Your Name" }
前付の外側のコンテンツは、ヘッダー タイトルと投稿リストの間に表示されます。上のスクリーンショットでは、「tabi は高速、軽量、モダンな Zola テーマです…」というテキストです。
config.tomlで、次のように各言語のタイトルと分類を設定します。 [ languages . es ]
title = " ~/tabi "
taxonomies = [{ name = " tags " , feed = true }]その言語で有効にするセクション (/blog や /projects など) ごとに、言語ごとに_index.{language_code}.md必要です。
個々の投稿についても同様で、デフォルト言語とまったく同じ名前を付け、拡張子の前に.{code}追加する必要があります (たとえば、 security.mdのスペイン語版はsecurity.es.mdになります)。
この構成により、言語スイッチャーがユーザーを現在の URL の翻訳に誘導できるようになります。翻訳が存在しない場合は、404 ページが表示され、設定で設定されている各言語での説明が表示されます。
多言語サポートの詳細については、「よくある質問」を参照してください。
テーマを git サブモジュールとして追加した場合は、次を実行します。
git submodule update --remote themes/tabiクローンを作成した場合:
cd themes/tabi
git pull| Webサイト | クリエイター | 説明 | サイトのソース |
|---|---|---|---|
| osc.garden | オスカル・フェルナンデス (ウェルポ) | データサイエンス、心理学、Zola | ソース |
| サンディップライブ | サンディップ G (サンドマン) | スタートアップ、テクノロジー、そして良い生活 | ソース |
| seadve.github.io | デイブ・パトリック・カベルト (SeaDve) | カスタム CSS を使用した個人のブログとポートフォリオ | ソース |
| ミクファンページ | ナディア | 個人ブログ | ソース |
| ティムベッチャーオンライン | ティム・ベッチャー | 盲ろう者のプログラマーの洞察ととりとめのない話 | ソース |
| www.リッチマン.au | アリエル・リヒトマン | 個人的な技術ブログ | ソース |
| ポンデローザ ゲーム | ジョン・ブラック (JVimes) | フレンドリーなインディーゲーム会社 | — |
| jmbhughes.com | マーカス・ヒューズ (ジンブヒューズ) | 個人ブログ | ソース |
| szabolcs.me | シャボルチ・ファジーカス (シャボルチフ) | 個人ブログ | ソース |
足袋を使っていますか？ご自由に PR を作成し、あなたのサイトをこのリストに追加してください。
このテーマは以下からインスピレーションを受けました。
何かが機能していないのでしょうか?アイデアはありますか?お知らせください！
ぜひやってください！バグレポート、翻訳やドキュメントの改善（たとえ軽微なものであっても）、機能のリクエストなどをお待ちしております。
詳細については、貢献ガイドラインをご覧ください。
コードは MIT ライセンスに基づいて利用できます。
