ブートストラップのテーマを変更する方法

Jul 13, 2019 am 11:02 AM
bootstrap テーマ 変化

ブートストラップのテーマを変更する方法

テーマの使用

はじめに: JB バージョン 0.2.X のテーマは完全にモジュール化されました。彼らはテーマ パックを追跡し、個別にバージョン管理します。これにより、誰もが自由にトピックを投稿して共有できるようになります。 Jekyll-Bootstrap v 0.2.x には twitter テーマのみが付属しており、他のテーマをインストールする必要があります。 GitHub で現在のテーマ パッケージを直接参照します: テーマ パッケージ 利用可能なテーマが the-minimum、tom、mark-reid、twitter、および the-program であることがわかります。

テーマのインストール

rake コマンドを使用し、テーマの URL を git に渡してテーマをインストールします。

$ rake theme:install git="https://github.com/jekyllbootstrap/theme-the-program.git"
ログイン後にコピー

テーマをインストールする前に、まずローカルでサービスを構築します。次の記事を参照してください: jekyll bootstrap to build github blog

ブートストラップのテーマを変更する方法

#関連する推奨事項: " Bootstrap 入門チュートリアル>>

現在のデフォルトは twitter テーマです。テーマをインストールするには rake コマンドを使用します。

ブートストラップのテーマを変更する方法

インストーラーは git を使用してテーマ パッケージをダウンロードします。Download ZIP からダウンロードするなど、別の方法でテーマ パッケージを入手した場合は、手動で配置できます。 ./_theme_packages フォルダーに移動し、そのテーマ名で実行します。

$ rake theme:install name="THEME-NAME"
ログイン後にコピー

インストールが成功すると、新しくインストールしたテーマに切り替えるかどうかを尋ねられます。「Y」を入力して Enter キーを押して切り替えます。

テーマの切り替え

テーマがインストールされたら、rake を介してテーマを切り替えることができます。

$ rake theme:switch name="the-program"
ログイン後にコピー

カスタム テーマ

テーマのレイアウトは ./_includes/themes/THEME-NAME に含まれています。テーマを変更すると _layout ディレクトリ内のファイルが上書きされるため、_layouts の代わりにこのテーマ ディレクトリ内のファイルを編集できます。また、ブログをカスタマイズするために _layouts にテンプレート ファイルを自由に追加できます。

以上がブートストラップのテーマを変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

壁紙エンジンの保存場所を変更するにはどうすればよいですか?壁紙エンジンで保存パスを設定する方法 壁紙エンジンの保存場所を変更するにはどうすればよいですか?壁紙エンジンで保存パスを設定する方法 Mar 13, 2024 pm 12:40 PM

壁紙エンジンの保存場所を変更するにはどうすればよいですか?壁紙エンジンで保存パスを設定する方法

Eclipseにブートストラップを導入する方法 Eclipseにブートストラップを導入する方法 Apr 05, 2024 am 02:30 AM

Eclipseにブートストラップを導入する方法

アイデアをブートストラップに導入する方法 アイデアをブートストラップに導入する方法 Apr 05, 2024 am 02:33 AM

アイデアをブートストラップに導入する方法

ブートストラップメディエーション効果テスト結果をstataで読み取る方法 ブートストラップメディエーション効果テスト結果をstataで読み取る方法 Apr 05, 2024 am 01:48 AM

ブートストラップメディエーション効果テスト結果をstataで読み取る方法

大型モデル間の1対1バトル75万ラウンド、GPT-4が優勝、Llama 3が5位にランクイン 大型モデル間の1対1バトル75万ラウンド、GPT-4が優勝、Llama 3が5位にランクイン Apr 23, 2024 pm 03:28 PM

大型モデル間の1対1バトル75万ラウンド、GPT-4が優勝、Llama 3が5位にランクイン

ブートストラップメディエーションテストの結果の見方 ブートストラップメディエーションテストの結果の見方 Apr 05, 2024 am 03:30 AM

ブートストラップメディエーションテストの結果の見方

ブートストラップを使用してメディエーション効果をテストする方法 ブートストラップを使用してメディエーション効果をテストする方法 Apr 05, 2024 am 03:57 AM

ブートストラップを使用してメディエーション効果をテストする方法

ブートストラップとスプリングブートの違いは何ですか ブートストラップとスプリングブートの違いは何ですか Apr 05, 2024 am 04:00 AM

ブートストラップとスプリングブートの違いは何ですか

See all articles