[ターン] Hexoは、カスタムHTMLページを追加するブログ

 

6b1htm0.jpg

変更「ZONE」のための「チェーンの友人は」エフェクト・ページのいくつかの以前のコレクションを追加しました。
カスタムHTMLファイルを追加するブログにどのような方法によって。

まず、ブログのルートsourceフォルダには、HTMLファイルを保存するための新しいフォルダを作成します

20190805222613.png

ここで私が構築されZONE、各HTMLファイル内に保存されたフォルダとサブフォルダを、もちろん、あなただけ必要とされたファイルに直接入れてホームフォルダを作成することができます。

設定ファイルブログのルートディレクトリにある第二段階_config.ymlのファイルは、レンダリングをスキップ

20190805223219.png

フォーマット注:これは、フォルダを作成した場合、あなたはすべてが独自のディレクトリのファイルにレンダリングスキップしたいだけで、書き込み:

# 跳过文件夹下所有文件
skip_render: 
  - "文件夹名/*"  

もし、私が行ったように、サブフォルダのフォルダ、そこ書きます:

# 跳过子文件夹
skip_render: 
  - "文件夹名/子文件夹名/*"

それとも、もっと簡単な方法

# 跳过文件夹下所有子文件夹和文件
skip_render: 
  - "文件夹名/**"   

QQのスクリーンショット20190807141009.png

最後に、処理CSS、JSファイル

我々はすべて知っているように、hexoの展開は、すべての記事は、htmlファイル(hexo Gジェネレーション)としてレンダリングされる静的なドキュメント、MDファイルであり、
HEXOは、すべてのCSSを置く私たちを助ける、JSファイルを記事に追加され、我々は、レンダリングの前にスキップ(第2ステップ)、私たちは手動でする必要があり
、CSSを統合JS HTMLにファイル我々のコードの一般的な構造は、この次のとおりです。

20190805225310.png

以下の二つの部分:

CSS

検索index.htmlのように、文の文書:

    <link rel="stylesheet" href="css/xxx.css">   
    <!-- css目录下的xxx.css文件 -->

直接のcssフォルダの内部には、対応するファイルにxxx.css、ファイルの内容をコピーし、上記のコードは読むために:

    <style> css代码内容 </style>

JS

検索index.htmlのように、文の文書:

    <script src="js/xxx.js"></script>

直接内部のフォルダJSで対応するファイルにxxx.js、ファイルの内容をコピーし、上記のコードは読むために:

    <script> js代码内容 </script>

再配備。

 

公開された238元の記事 ウォンの賞賛144 ビュー860 000 +

おすすめ

転載: blog.csdn.net/u011331731/article/details/105091276