ブログのtheme_html/css_WEB-ITnoseのアップグレードプロセスを記録します。

目次

昨日、ブログのテーマについて知りました: hexo-theme-tranquilpeak が大きな変更を加え、バージョン V1.7.0 にアップグレードされました公式 Web サイトにあるように、導入によりいくつかの新機能が追加されたため、それに応じてアップグレードされました。その過程で発生したいくつかの問題を以下に記録します。

一般的なリンクは次のとおりです:

• Hexo の中国語ドキュメント: ここをクリックしてください

• tranquilpeak テーマの使用ドキュメントの説明: ここをクリックしてください

• Hexo の共通プラグインのドキュメント: ここをクリックしてください

• Hexo のインストールと設定について書いたときにこれに遭遇しました。 hexo 昨年 いくつかの落とし穴: ここをクリック

このアップグレードの要件:

1. hexo3.0.0 以降
2. ノード: v0.10.35
3. Hexo CLI : v0.1.4 以降。

ステップ 1: テーマ ファイルをダウンロードします。

tranquilpeak をダウンロードし、テーマ ディレクトリに移動して解凍します。ディレクトリの名前を tranquilpeak に変更するだけです。

ステップ 2: 独自のテーマ情報を設定します。詳細については、上記のテーマの使用手順を参照してください。設定については、いくつかのカスタマイズされた手順があります。 、昨年書かれたこの記事の紹介を参照してください

いくつかのカスタマイズされた構成を作成できます。

1. テーマのフォント、サイドバーなどを変更します。 パスは tranquilpeaksource _cssutils _variables.scss の下にあります。
ステップ 3: Node.js をアップグレードする

このテーマではタブ付きコード ブロック機能が提供されますが、それをサポートするには Node バージョン 4 以降が必要です。 Windows システムで Node をアップグレードする方法 公式 Web サイトにアクセスして、32 ビットまたは 64 ビット システムに応じて .msi を選択します。ダウンロード後、[次へ] をクリックして正常にインストールします。

からアップグレードしました。昨夜、コマンドラインで問題が発生しましたが、Hexo を削除した後、git bash のコマンドでコマンドが存在しないというメッセージが表示されました...再インストールして npm install hexo-cli -g コマンドラインで

アイコンなしの成功スタイルはこちらです

ハイライトテキスト

ページテスト

html

js

css

<p>hello world</p><p>hello world</p><p>hello world</p><p>hello world</p>

追加の説明コード ブロック

Array.map

print 'hello'

追加の説明と URL

_.compact Underscore.js

array.map(callback[, thisArg])

Codepen コードを埋め込みます