GitHub+Hexo個人ブログを作成

3961 ワード

1.hexo紹介


学生がgithub+hexoを使って自分のブログを作ったのを見て、目が欲しくて、長い間やっていたので、少し目の達人が低くなったような気がします.ずっと自分の作った流れを書く暇がありませんでした.
Hexoはnodeに基づいています.js高速、概要、効率的なブログフレームワークで、Markdownファイルをgithub pagesに管理する静的Webページを迅速に生成できます.–『Judasのhexoブログより抜粋』

2.構築前準備


必要なソフトウェア
  • git: http://git-scm.com/
  • node.js:http://nodejs.org/
  • 運転Git-2.7.2.2-64-bit.exe、インストールが完了したらgitインストールが成功したかどうかを確認します:
  • git --version

    gitのバージョン番号レベルがインストールに成功したことを示す場合、
    git version 2.7.0.windows.2
  • node-v 5を実行する.7.0-x64.msi、インストールが完了したらnodeを検証します.jsが正常にインストールされたかどうかgit bashで実行:
  • npm -v

    バージョン番号が表示されると、次のように成功します.
    1.4.3

    3.hexoのインストール

  • は、まずフォルダを作成して、自分の名前を付けることができます.ここではhexoと名前を付けると仮定します.hexoディレクトリの下でgit bashを開き、実行します.
  • npm install -g hexo  // hexo
  • のインストールに成功し、コマンドを実行してhexo初期化を続行:
  • hexo init            //hexo 

    ネットの速度はあなたの待ち時間を決定します.数分かかるかもしれません.成功するとhexoディレクトリの下で関連ディレクトリが生成されます.-これでhexoローカルサービスを開始できます.コマンド:
    hexo s
    注意(踏んだ穴):
    ERROR Local hexo not found in E:\GitHub\hexo
    このエラーの原因は、hexoの生成ディレクトリにnode_が欠けていることをよく観察することです.modulesフォルダなので、このフォルダは更新されていません.git bashで実行できます:
    npm install
    再インストール後、hexo sを実行し続けます.
    ブラウザを使用してアクセスできるようになりました.http://localhost:4000/. -git bashでCtrl+Cを押すとhexoサービスが停止します.これで、静的ブログの構築が完了しました.
    ### 4.blog記事を書くgit bashでコマンドを使ってファイルを新規作成できます
    hexo new "newBlog"    // 
    

    その後、文章の内容を書きますが、hexoブログはmarkdown構文フォーマットをサポートしているので、関連するエディタを使用してmdドキュメントを作成した後、hexoディレクトリの下に置くことができます.postsフォルダの下にhello-worldがあります.mdファイル.次に、
    hexo g          // 

    静的ページを再生成し、hexo s起動サービスを実行します.に合格http://localhost:4000/ああ、私たちが新しい文章を書いたブログにアクセスできます.

    5.GitHubへの構成


    ここでは、自分でローカルサービスを起動してブログにアクセスするしかありません.他の人は私たちのblogサイトにアクセスできません.hexoをgithub pagesに配置する方法を紹介します.誰もが自分のblog記事にアクセスできるようにします.
  • まずgithubに特殊な倉庫を作成します.倉庫名は
  • です.
    ユーザ名github.io
    そしてhexoディレクトリの下で_を見つけますconfig.ymlファイルを開き、最後に次のコードを変更します.
    deploy:
      type: git
      repo: https://github.com/ / .github.io.git
      branch: master

    最後にgit bashでコマンドを実行しgithubにコミットします.
    hexo d
    

    意外なことがなければ、ブラウザでhttp://ユーザー名を使うことができます.github.io/あなたのブログにアクセスしました.

    6.テーマ修正

  • はここにありますhttps://github.com/hexojs/hexo/wiki/Themes私たちの心を動かすテーマを選んでください.
  • hexoディレクトリの下でgit bashを使用してコマンドを実行する:
  • git clone  
  • テーマをダウンロードした後、同じようにhexoディレクトリの下でプロファイルを開きます:config.yml、対応するテーマディレクトリ名を変更:
  • theme:テーマ名
  • テーマディレクトリ名を変更した後
  • hexo gを実行して静的ページを再生成し、hexo sはローカルサービスを開始し、再アクセスします.http://localhost:4000/を選択します.
  • 誤りがないことを確認した後、
  • を実行します.
    hexo d

    githubにアップロードし、最後にユーザー名を通過します.github.ioアクセスは最終効果を表示します.

    7.hexo関連コマンド

    hexo new page"pageName"      
    cls                          
    hexo clean                   
    hexo g(generate)             public 
    hexo s(server)               
    hexo d(deploy)               .deploy GitHub
    hexo help                    
    hexo version                 Hexo 
    

    8.ドメイン名のバインド


    注:適当なドメイン名がなくて、しばらくしていません.後でやる機会があります.

    9.その他


    ブログサイトのテーマの最適化、プラグインアプリ、ブログ文章の書き方に関する内容をお楽しみに...