abridge

アブリッジゾラのテーマ

Abridge.css（クラスライトセマンティックHTML CSSフレームワーク）を使用した高速で軽量でモダンなZolaテーマ。完璧な灯台、イエローラブトゥール、展望台のスコア。これがZolaテーマのベンチマークページです。

このプロジェクトのメンテナンスは、すべての貢献者とスポンサーによって可能になります。このプロジェクトを後援し、アバターまたは会社のロゴを以下に表示したい場合は、ここをクリックしてください。 ？

---

Abridgeデモを表示します

abridge.cssデモを表示[abridge.cssフレームワーク]

Abridge.CSSデモは、Abridgeテーマをサブモジュールとして使用しているだけです。

特徴

• 完璧な灯台、イエローラブトゥール、展望台のスコア。
• PWAサポート（プログレッシブWebアプリケーション）。
• すべてのJavaScriptを完全に無効にすることができます。
• 暗い、明るい、自動、スイッチャーのテーマ。 （色はカスタマイズできます、CSS変数）
• コード構文の強調表示。 （色はカスタマイズできます、CSS変数）
• ラインハイライト付きの番号付きコードブロック。
• PWAを使用するか、 config.toml （完全な検索サポート）でsearch_library = "offline"を設定して、完全にオフラインサイト。
• 多言語サポート。
• サポートを検索します。 （Elasticlunr、pagefind、tinysearch）
• [提案]ナビゲーションキー、 /フォーカス、 arrow移動、 enter 、 escape 、閉じる。
• [検索結果]ページ、[検索]クエリを入力してから、 Enter Keyを押すか、[検索]ボタンアイコンclick 。
• SEOサポート。 （検索エンジン最適化）
• インデックス上の番号付きパジネーターを使用したページネーション。
• 記事の下部にあるタイトルベースの以前の記事と次の記事リンク。
• ページインデックスの目次（オプション、クリック可能なリンク）
• 最近の投稿ブロック。 （オプション）
• 上に戻るボタンに戻ります。 （CSSのみを使用します）
• コードブロックコピーボタン。
• フッターの難読化の電子メールリンク。 （スパムアンチスパム）
• Katexのサポート。
• アーカイブページ。
• タグ。
• カテゴリ。 （タグと同様に、デフォルトで無効/コメントアウト）
• フッターのソーシャルアイコンリンク。
• レスポンシブデザイン。 （モバイルファースト）
• ビデオショートコード：YouTube、Vimeo、ストリーミング可能。
• メディアショートコード：ビデオ、IMG、IMGSWAP、画像、GIF、オーディオ。
• その他のショートコード：ShowData、Katex。

完全なドキュメントはこちらから入手できます

クイックスタート

このテーマでは、Zolaのバージョン0.19.1以降が必要です

git clone https://github.com/jieiku/abridge.git
cd abridge
zola serve
# open http://127.0.0.1:1111/ in the browser 

インストール

クイックスタートは、テーマを直接実行する方法を示しています。次に、Abridgeを新しいサイトのテーマとして使用します。

1：新しいZolaサイトを作成します

yes " " | zola init mysite
cd mysite

2：Abridgeをインストールします

テーマをgitサブモジュールとして追加します。

git init  # if your project is a git repository already, ignore this command
git submodule add https://github.com/jieiku/abridge.git themes/abridge
git submodule update --init --recursive
git submodule update --remote --merge

または、テーマをテーマディレクトリにクローンします。

git clone https://github.com/jieiku/abridge.git themes/abridge

3：構成

テーマディレクトリからプロジェクトのルートディレクトリにいくつかのファイルをコピーします。

rsync themes/abridge/.gitignore .gitignore
rsync themes/abridge/config.toml config.toml
rsync themes/abridge/content/_index.md content/
rsync -r themes/abridge/COPY-TO-ROOT-SASS/ * sass/
rsync themes/abridge/netlify.toml netlify.toml
rsync themes/abridge/package_abridge.js package_abridge.js
rsync themes/abridge/package.json package.json

• すべてのconfig値を持つconfig.tomlベース構成。
• content/_index.mdページネーションを設定するために必要です。
• COPY-TO-ROOT-SASS/abridge.scssオーバーライドを使用して、Abridge変数をカスタマイズします。
• netlify.toml設定Netlfiyでレポを展開します。
• package_abridge.jsノードスクリプトへ：PWAでキャッシュファイルリストを更新し、JSをマイニルし、バンドルJS
• package.json Package_abridge.jsの使用を容易にする

プロジェクトのroot config.tomlのテーマライン：

sed -i ' s/^#theme = "abridge"/theme = "abridge"/ ' config.toml

4：新しいコンテンツを追加します

テーマディレクトリからプロジェクトにコンテンツをコピーするか、新しい投稿を作成します。

rsync -r themes/abridge/content .

5：プロジェクトを実行します

プロジェクトのルートパスでzola serveを実行するだけです。

zola serve

Zolaは、デフォルトでhttp://127.0.0.1:1111でデフォルトでアクセスできるDev Webサーバーを起動します。

保存された変更は、ブラウザでライブリロードされます。 （ ctrl+f5を押すか、 config.tomlでset pwa=false開発中）

カスタマイズ

さらにカスタマイズするには、必ずドキュメントを確認してください。

スポンサー

あなたはこのテーマが好きですか？それはあなたにとって有用でしたか？ Github Starを残してください。寄付をする傾向がある場合は、Githubのスポンサーを通じて寄付をすることができます。

貢献と哲学

私たちはあなたの助けが大好きです！特に、問題の修正、または既存の機能の改善により。

目標は、JavaScriptが無効またはブロックされている場合でも、Abridgeが軽量で高速で、適切に機能することです。

JavaScriptに依存する必要性と見なされる唯一の機能は、検索です。

ライセンス

Abridgeは、MITライセンスの条件に基づいて配布されます。