個人の無料ブログの構築方法

3430 ワード

本文は主にmac OSに対して自分のブログを構築し、具体的な手順は以下の通りである.

1.Githubドメイン名とスペースの作成


1.1登録
まずGithubを登録する必要があります!アカウント、既存の1.2をひっくり返して倉庫を作成することができて、usernameに注意して、これはあなたのドメイン名に影響して、あなたのドメイン名はusernameになります.github.io、だから真剣に名前をつけましょう.
1.2倉庫の作成
その後、私たちのウェブサイトを保存するために倉庫を作成する必要があります.トップページの任意の場所に表示される新しいrepositoryボタンをクリックして倉庫を作成し、Respository nameのusernameを作成します.github.ioのusernameは必ず前のOwnerと一致し、あなたのusernameの下で使うことを覚えておいてください.
最初のステップは完了しました.次はインストールです.

2.インストール


Hexoは現在最も流行しているブログフレームワークと言えるが、Nodejsに基づいて、より多くの情報をgoogleすることができ、以下にインストールする必要があるツールにはGit、Nodejs、Hexoが含まれている.(Windowsユーザーはこれらのツールを自分で検索して、直接インストールすればいいので、試したことがありますが、ほとんど問題ありません)
  • インストールGit私は聞きたいのですが、誰がGitをインストールしていませんか?
  • //  HomeBrew  
     $ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
    
     $ brew install git   //  Git
    

    インストーラをダウンロードしてインストールすることもできます
  • インストールNodejs
  • まずnvmをインストールします.これはNodejsバージョンマネージャで、Nodejsバージョンを簡単に切り替えることができます.ここには2つの方法があります.curl方式でインストールする場合は、インストールが完了したら必ず端末を再起動します.
     1. Homebrew  , 
     $ brew install nvm  
     $ mkdir ~/.nvm
     $ export NVM_DIR=~/.nvm
     $ . $(brew --prefix nvm)/nvm.sh
    
     2. curl 
     $ curl https://raw.github.com/creationix/nvm/master/install.sh | sh
    

    インストールが完了すると、端末を再起動し、以下のコマンドを実行することでNodeをインストールすることができる.js.
     $ nvm install 4
    
  • 取付Hexo
  • 以上すべてインストール完了後にHexoをインストールします
    $ sudo npm install hexo-cli -g
    

    すべての必須ツールがインストールされ、ブログを生成してGithub倉庫にアップロードできます.

    3.作成、配布


    次に、Hexoでブログを初期化し、カスタム構成を変更したり、自分の好きなテーマを加えて最初の文章を書いたりして、自分の個人Githubサイト(username.github.io)に公開する必要があります.
    1.ブログの作成
    次のusernameを自分のusernameに置き換え(実際にはどうでもいい、著者の強迫症)、実行に成功するとusernameという名前が作成されます.github.ioのフォルダ.
    $ hexo init username.github.io
    
    

    2.構成の変更
    テーマのインストール
    ブログがあまり見苦しくないように、テーマをインストールし、生成したばかりのHexoディレクトリに切り替え、テーマをインストールする必要があります.
    $ cd username.github.io
    $ git clone https://github.com/iissnan/hexo-theme-next themes/next
    

    ここでは、Hexoの多くのテーマの中で最も人気のあるテーマを選んだ.上に出てくるニャンコのテーマはこちら.Hexoにももっとテーマがあります.
    基本設定:ファイルの場所を開くusername.github.io/_config.ymlはいくつかのキー値のペアを修正して、以下にいくつかの設定しなければならない列を出して需要に応じて修正して、保存することを覚えて、そして配置したキー値の間に必ずスペースがあることに注意します.その他の設定...
    title: dimsky   9      // 
    author: dimsky  // 
    language: zh-Hans    //   
    theme: next   // 
    deploy:
       type: git    // Git  
       repo: https://github.com/username/username.github.io.git    //  Github 
    

    トピックの構成:
    トピックプロファイルはusernameです.github.io/themes/next/_config.ymlで修正します.ここで省略します.詳細の設定
    3.文章を書く
    すべての基礎フレームワークが作成され、usernameで最初のブログを書くことができます.github.io/source/_postsの下で最初のブログを作成しましょう.例えば、FirstNightという名前を作成します.mdのファイルは、Markdownで大いに発揮しましょう、保存に注意しましょう.次のようになります.
    ---
     title: First Night
     ---
     >  ,Paulpang!
    

    4.テスト
     $ hexo s
    

    テストサービスが起動し、ブラウザに入力できます.https://localhost:4000訪問しました.
    5.hexo-deployer-git自動配置パブリケーションツールのインストール
     $ npm install hexo-deployer-git --save
    

    6.リリース
    テストに問題がなければ、静的Webファイルを生成してGithub pagesに公開します.
     $ hexo clean && hexo g && hexo d
    

    もしこれがあなたの初めてならば、端末はあなたにGithubのメールボックスとパスワードを入力させて、正しく入力した後、少し待って、あなたのブログをGithubにアップロードします.あとはブログを书くたびに、このコマンドを実行すれば直接発表できます.
    これであなたはすでに自分のブログを持っていて、思う存分游びました!https://Paulpang.github.io