Hexo初認識

hexoとは

hexoはブログフレームワークで、サポートされているタイプのファイルを静的Webページ(html+css+javascript)に変換します.

ブログを発表する

ツールのインストール

git

をダウンロードしてインストール

Nodeをダウンロードしてインストールする.js

hexo

をダウンロードしてインストールcmdコマンドラインウィンドウを開き、npmを使用してhexoをインストール

npm install -g hexo-cli //      hexo   

ブログディレクトリの作成

次のコマンドを続行します.

hexo init <folder> //    ,             
cd <folder>
npm install //    <folder>         

新しい記事を作成

hexo new [layout] <title> //                   
//        `source/_posts`       

その後、ファイルを開いて編集できます.

ブログページの生成

hexo generate
//          `public`  

ローカル表示

hexo server
//          ，  `http://localhost:4000/`     

githubにアップロード

構成の初回使用

取付hexo-deplorer-git(以下の指令を実行)

npm install hexo-deplorer-git --save

_config.ymlの#deploy構成

を修正する.

deploy:
    type: git
    repo: <git-repo-url>
    branch: [branch]
    message: [message]

git-repo-urlの取得方法
a.github.comを開き、username.github.ioという名前のrepoを作成します.repo名はhttp://github.com/username/username.github.ioです.次は、サイトリソースを手動でコミットします._config.ymlに直接配置してもよい.
b.引き取り項目

git clone https://github.com/username/username.github.io

c.プロジェクトディレクトリに切り替え、サイトリソースファイルをそのディレクトリに配置する

cd username.github.io

d.提出項目

git add --all
git commit git push -u origin master

ツールバーの

hexoディレクトリ構造<folder>で生成されたディレクトリ構造と意味は次のとおりです._config.yml構成情報package.json hexoブログフレームワークモジュール情報sourceブログソースファイルおよびその他のファイルを格納する.MarkdownおよびHTMLファイルは解析され、publicディレクトリ(解析時に生成)に格納され、他のタイプのファイル/フォルダはpublicディレクトリにコピーされます.「先頭のファイル/フォルダについては、_postフォルダを除き、「先頭のファイル/フォルダと非表示のファイルは無視されます.themesページを生成する場合、そのフォルダ内のトピックに基づいてトピックのページが生成されます.scaffoldsページを生成する場合、そのフォルダ内のテンプレートに基づいてページが生成されます.

記事参照リソース

リソースとして使用するファイルはどれですか?

sourceディレクトリの下には、記事と接頭辞のファイル/フォルダ("_post"ディレクトリを除く)のすべてのファイルはリソースに属します.

記事では、リソースをどのように参照しますか?

方法1:文書に関連しないリソース管理は、sourceディレクトリの下にリソースを格納するためのディレクトリを新規作成することができる.参照は、絶対パスの![](/folder/res.png)によってリソースを参照する.(注:sourceディレクトリは、パブリッシュ後のサイトルートディレクトリに相当します).
方式2:文書に関するリソース管理は_config.ymlのうちpost_asset_folderをtrueに設定する.生成中にsourceディレクトリの下に文書と同じ名前のディレクトリが自動的に生成され、リソースをこのディレクトリに保存できます.参照は、相対パス![](res.png)によってリソースを適用する.(注:ページとリソースが同じディレクトリにある場合).

質問:アーカイブ・ページのリソースが正しく参照されていません

Markdownを使用してリソースを参照するのではなく、{% asset_img example.jpg This is an example image %}を使用してリソースを参照するのが望ましい.Hexo 3の新しいラベル・プラグイン構文を使用すると、アーカイブ・ページのリソースも正しく参照されることを保証できます.
リソースリファレンスプラグイン構文リファレンス

記事{% post_path link %}

リソース

リソース{% asset_path path %}

ピクチャ{% asset_img path [title] %}

リンク{% asset_link path [title] %}

コード{% codeblock lang: java Hello.java http://www.baidu.com Hello.java %}
System.out.println("Hello");
{% endcodblock %}

Gist {% gist gist_id [filename] %}

引用{% blockquote [author[, source]] [link] [source_link_title] %}
content
{% endblockquote %}

リファレンス

タグカード

リソースフォルダ

テーマ

NexTトピックの使用

NexT中国語の作者、支持の程度は良くて、だから選んで選びます

リファレンス

Hexo Themesトピックリスト

NexT文書

リファレンス

Hexo文書

Github Pages