5分鐘 搭建免費我的博客

五分鐘倒數已經能夠計時了。

三步完成免費我的博客搭建， 這是一篇小白也能看懂的文章，本文主要針對mac OS ，Windows 除了軟件安裝方式和命令有些區別（裝了git bash也同樣），其餘基本同樣。

你可能會常常看到相似於這樣的博客：

 

vno

 

這是打醬油的

在4分50秒之後你也可以有一個相似的blog了。

有簡書了爲何還須要我的博客呢，除了裝逼，固然還有我的博客更加自由，不受任何第三方管理，而且還可以自定義成本身喜歡的樣子。還有，若是你是個程序猿，那就更沒有理由不本身搭建一個獨立博客了。
好了，不BB了。抓緊時間開始。

1. 建立Github 域名和空間

1.1註冊

首先你須要註冊一個Github帳號，已有的能夠下翻去1.2 建立倉庫，注意username，這會影響到你的域名，你的域名將會是 username.github.io ，因此認真的取個名字吧。

 

Create account

註冊過程可能須要驗證你的郵箱，其餘就不在贅述。

1.2 建立倉庫

而後須要建立一個倉庫(repository) 來存儲咱們的網站，點擊首頁任意位置出現的 New repository按鈕建立倉庫, Respository name 中的username.github.io 的username 必定與前面的Owner 一致，記住你的username下面會用到。

 

Create reponsitory

第一步就已經完成了，下面是安裝。

2. 安裝

Hexo 能夠說是目前最流行的博客框架了，基於Nodejs，更多信息能夠google，下面須要安裝的工具包括 Git，Nodejs，Hexo。（Windows 用戶自行搜索這些工具，直接安裝便可，試過基本沒啥問題）

1. 安裝Git
   我就想問問，還有誰沒裝Git麼？
   // 若是已安裝HomeBrew 無需執行此行
   $ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

   $ brew install git   // 安裝Git 

你也能夠經過下載安裝程序來安裝

2. 安裝Nodejs
   先安裝nvm，這是Nodejs版本管理器，能夠輕鬆切換Nodejs版本。 這裏有兩種方式安裝。若是使用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

3. 安裝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
    ---
    > 我有一頭**小毛驢**，但是我歷來都不騎。

4. 測試
   $ hexo s
   測試服務啓動，你能夠在瀏覽器中輸入https://localhost:4000 訪問了。

5. 安裝hexo-deployer-git自動部署發佈工具
   $ npm install hexo-deployer-git --save

6. 發佈
   測試沒問題後，咱們就生成靜態網頁文件發佈至咱們的Github pages 中。
   $ hexo clean && hexo g && hexo d
   若是這是你的第一次，終端會讓你輸入Github 的郵箱和密碼，正確輸入後，騷等片刻，就會把你的博客上傳至Github 了。之後在每次把博客寫完後，執行一下這個命令就能夠直接發佈了，灰常蘇胡。

7. 5分鐘應該快到了
   是否是很快，恭喜你能走到這一步，你的博客已經完成了，在瀏覽器中輸入 http://dimsky.github.io 就可以訪問了。
   最後應該是相似這個樣子的

 

 

時間有限，這裏只說到了簡單的博客建立流程，還有不少很好玩的配置與插件。好比說評論、標籤、統計等等。慢慢的完善你的專屬博客吧。

做者：dimsky 連接：https://www.jianshu.com/p/4eaddcbe4d12 來源：簡書 簡書著做權歸做者全部，任何形式的轉載都請聯繫做者得到受權並註明出處。