ホームページ  >  記事  >  ウェブフロントエンド  >  ブートストラップのテーマを変更する方法

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

爱喝马黛茶的安东尼
爱喝马黛茶的安东尼オリジナル
2019-07-13 11:02:473969ブラウズ

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

テーマの使用

はじめに: 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 までご連絡ください。