ブログの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: 独自のテーマ情報を設定します。詳細については、上記のテーマの使用手順を参照してください。設定については、いくつかのカスタマイズされた手順があります。 、昨年書かれたこの記事の紹介を参照してください

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

構成する前にバックアップしてください!!

コードは次のとおりです。ハイライト設定: パスは tranquilpeaksource _cssmessages の下にあります。 さまざまなプログラミング言語のハイライト形式を変更できます。

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

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

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

さらに、テーマのインストール後、ローカルテスト中に言語が繁体字中国語に変更されていることがわかりました。解決策は、tranquilpeaklangs の下にある zh-tw.yml を削除することです。更新して簡体字中国語に変更します

ステップ 4: 新しいテーマの機能をテストします

ここがポイントです:)

警告メッセージ

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

アイコンなしの危険警告はこちらです

ハイライトテキスト

ページを埋め込むコード

ページテスト

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 コードを埋め込みます

CodePen の Pen huitailangby guihailiuli (@guihailiuli) を参照してください。