Hexo+hexo-theme-materyを使って自分のブログを作る
3144 ワード
最近、Hexoのブログフレームワークを発見するつもりはありません.公式サイトでは、Hexoは迅速で簡潔で効率的なブログフレームワークだと紹介しています.Hexo+hexo-theme-materyを利用して、自分の学んだ知識を記録するブログを作ることができると思います.
Hexoのインストールが完了したら、次のコマンドを実行します.Hexoは指定したフォルダに必要なファイルを新規作成します.
新規作成が完了すると、指定したフォルダのディレクトリは次のとおりです.├── _config.yml├── package.json├── scaffolds├── source| ├── _drafts| └── _posts└── themes
起動サービス
hexo関連の構成はすべてルートディレクトリに配置されます.config.ymlの中には、中の配置が簡潔に書かれています.
hexo初期化後のデフォルトのトピックはlandscapeで、トピックを切り替えるには、事前にダウンロードしたトピックをthemesフォルダに置くことができます.個人的にはtypora-vue-themeというテーマが好きで、ルートディレクトリを変更します.config.ymlファイル、対応するthemeを見つけて、themeの値を対応するテーマのフォルダ名に変更すればいいです
5.1. 倉庫を作成してユーザー名を新規作成します.github.ioの倉庫.たとえばgithubユーザー名がtestの場合、testを新規作成します.github.ioの倉庫、後でアクセスするブログアドレスはhttp://test.github.io
5.2 hexo-deployer-git
構成を変更します.で、config.ymlファイルで、Deploymentを見つけて、次のように変更します.
1)以下のコマンドを実行してブログの静的ページ
2)生成したブログの静的ページをGitHub
3)ブラウザを開いてusernameにアクセスする.github.ioはGithubに配備されたばかりのブログにアクセスできます
開発者にとってコードの保存とバックアップは非常に重要です.hexoを使ってgithutにブログを作りますが、倉庫にはWebページを生成する静的ファイルしかなく、hexoのソースファイルがないので、パソコンを変えてブログを開発して書くのは面倒です.この場合、ブランチを使用してコードをバックアップできます.masterブランチにはhexoが生成した静的ファイル(上の5ステップのdeploy構成ブランチはmaster)が保存され、新しいhexoブランチを作成してソースファイルをバックアップします.
まず、ローカルウェアハウスのmasterブランチの下にhexoブランチを作成し、その後の変更項目のコミットはこのブランチにコミットされます.
新しい記事をブログに投稿したい場合は、hexo g-dを直接実行してgithubに配備できます.
1)テンプレート
2)下書き
1.Hexoのインストール
$ npm install -g hexo-cli
2.建設ステーション
Hexoのインストールが完了したら、次のコマンドを実行します.Hexoは指定したフォルダに必要なファイルを新規作成します.
$ hexo init
$ cd
$ npm install
新規作成が完了すると、指定したフォルダのディレクトリは次のとおりです.├── _config.yml├── package.json├── scaffolds├── source| ├── _drafts| └── _posts└── themes
起動サービス
$ hexo server
または$ hexo s
のデフォルトでは、アクセス先は次のとおりです.http://localhost:4000/オプションの説明-p,--portリセットポート-s,--staticは静的ファイル-lのみを使用し,--logは日記記録を起動し,上書き記録フォーマットを使用する3.構成
hexo関連の構成はすべてルートディレクトリに配置されます.config.ymlの中には、中の配置が簡潔に書かれています.
4.トピックの切り替え
hexo初期化後のデフォルトのトピックはlandscapeで、トピックを切り替えるには、事前にダウンロードしたトピックをthemesフォルダに置くことができます.個人的にはtypora-vue-themeというテーマが好きで、ルートディレクトリを変更します.config.ymlファイル、対応するthemeを見つけて、themeの値を対応するテーマのフォルダ名に変更すればいいです
5.githubにアップロード
5.1. 倉庫を作成してユーザー名を新規作成します.github.ioの倉庫.たとえばgithubユーザー名がtestの場合、testを新規作成します.github.ioの倉庫、後でアクセスするブログアドレスはhttp://test.github.io
5.2 hexo-deployer-git
$ npm install hexo-deployer-git --save
の導入構成を変更します.で、config.ymlファイルで、Deploymentを見つけて、次のように変更します.
deploy:
type: git
repo: [email protected]:yourname/yourname.github.io.git
branch: master
1)以下のコマンドを実行してブログの静的ページ
$ hexo generate
または$ hexo g
を生成する2)生成したブログの静的ページをGitHub
$ hexo deploy
または$ hexo d
にアップロードするには、次のコマンドを実行します.3)ブラウザを開いてusernameにアクセスする.github.ioはGithubに配備されたばかりのブログにアクセスできます
6.hexoコードのバックアップ
開発者にとってコードの保存とバックアップは非常に重要です.hexoを使ってgithutにブログを作りますが、倉庫にはWebページを生成する静的ファイルしかなく、hexoのソースファイルがないので、パソコンを変えてブログを開発して書くのは面倒です.この場合、ブランチを使用してコードをバックアップできます.masterブランチにはhexoが生成した静的ファイル(上の5ステップのdeploy構成ブランチはmaster)が保存され、新しいhexoブランチを作成してソースファイルをバックアップします.
まず、ローカルウェアハウスのmasterブランチの下にhexoブランチを作成し、その後の変更項目のコミットはこのブランチにコミットされます.
git add, git commit -m " ", git push origin hexo
を実行するとhexoブランチの下でソースコードがバックアップされます新しい記事をブログに投稿したい場合は、hexo g-dを直接実行してgithubに配備できます.
7.一般的なコマンドのまとめ
1)テンプレート
hexo new "postName" #
hexo new page "pageName" #
hexo new photo "My Gallery"
2)下書き
hexo publish [layout] </code></pre>
<p>3) </p>
<pre><code> hexo server #Hexo , 。
hexo server -s #
hexo server -p 4400 #
hexo server -i 192.168.3.10 # IP
hexo clean #
hexo g #
hexo d # # hexo g hexo d -g</code></pre>
<p>4) hexo</p>
<pre><code> npm install hexo -g #
npm update hexo -g #
hexo init # </code></pre>
<p><span class="img-wrap"/></p>
</div>
</div>
</div>