Hexo+hexo-theme-materyを使って自分のブログを作る

3144 ワード

最近、Hexoのブログフレームワークを発見するつもりはありません.公式サイトでは、Hexoは迅速で簡潔で効率的なブログフレームワークだと紹介しています.Hexo+hexo-theme-materyを利用して、自分の学んだ知識を記録するブログを作ることができると思います.

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>