5分、Hexoブログを構築

2443 ワード

Hexoは、サーバを必要とせずに静的ブログを迅速に構築することができ、サーバのお金を大幅に節約でき、GithubPageを使用するとドメイン名のお金を節約することができます.だからHexoは「経済」の選択と言える.

環境設定


Hexoを構築する前に、次のことを確認する必要があります.
  • Node.jsはNode.js Downloadであなたのコンピュータシステムに適したNodeをダウンロードします.jsバージョン.Windowsシステムは、「Windowsインストールパッケージ(.msi)」のx 64を直接選択します(あなたのパソコンが64ビットシステムであれば).その後、インストールされたファイルを開き、Next(2番目にユーザプロトコルに同意する必要がある)を押してインストールが完了するのを待つ.
  • Git

  • Hexoのインストール

  • hexoのインストールは非常に簡単で、まずPowershellで実行します:
    npm install -g hexo
  • 次にあなたの好きなフォルダ(空でなければならない)を探して、フォルダの中に入って、Shiftを押して右クリックして、 Powershell を選択して、実行:
    hexo init
  • 倉庫の作成

  • ブログのページを格納するために倉庫が必要です.Github倉庫を作成しましょう.Githubアカウントがなければ、ここに登録に行ってください.登録が完了したり、ログインしたりしたら、ここを訪問します.新規倉庫の作成 RepoSitory Name【 】.github.ioに設定します.例えば、waterblock 79と申します.倉庫名はwaterblock79.github.ioです.記入が終わったら、下のCreate repositoryをクリックして倉庫を作成します.次に倉庫インタフェースに移動し、ここのリンクをコピーして保存します!

  • Hexoの設定

  • は現在Powershellで実行されています:(引用符の内容を置き換えるのを忘れないでください~)
    git config --global user.name " Github "
    git config --global user.email " Github "
    の例を挙げます.このように:
    git config --global user.name "waterblock79"
    git config --global user.email "[email protected]"
  • さっきのフォルダに戻ってフォルダを開きます.config.yml、一番下の#Deploymentを見つけて、内容を変更します:
    # Deployment
    ## Docs: https://hexo.io/docs/deployment.html
    deploy:
      type: git
      repo: 【 】
      branch: master
    例えば:
    # Deployment
    ## Docs: https://hexo.io/docs/deployment.html
    deploy:
      type: git
      repo: https://github.com/waterblock79/waterblock79.github.io
      branch: master
  • 最後に

  • hexo new 【 】を実行して新しい文章を作成し、あなたのブログフォルダの/source/postsで文章を編集するには、Typoraを使ってMarkdownファイルを編集できますよ~
  • 記事をアップロードしますか?この3つのコマンドを順に実行すると
    hexo clean
    hexo generate
    hexo deploy
    (Githubのログインボックスがポップアップされ、自分のGithubアカウントのメールボックスとパスワードを入力してログインできる可能性があります)
  • アップロードが終わったら、効果を見てみましょう.ブログは【 Github 】.github.ioで待っています.