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
來源：簡書
簡書著作權歸作者所有，任何形式的轉載都請聯系作者獲得授權並注明出處。