1. 程式人生 > >免費搭建個人部落格

免費搭建個人部落格

三步完成免費個人部落格搭建, 這是一篇小白也能看懂的文章,本文主要針對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-deployer-git自動部署釋出工具
     $ npm install hexo-deployer-git --save
  5. 釋出
    測試沒問題後,我們就生成靜態網頁檔案釋出至我們的Github pages 中。
       $ hexo clean && hexo g && hexo d
    如果這是你的第一次,終端會讓你輸入Github 的郵箱和密碼,正確輸入後,騷等片刻,就會把你的部落格上傳至Github 了。以後在每次把部落格寫完後,執行一下這個命令就可以直接釋出了,灰常蘇胡。
  6. 5分鐘應該快到了
    是不是很快,恭喜你能走到這一步,你的部落格已經完成了,在瀏覽器中輸入 http://dimsky.github.io 就能夠訪問了。
    最後應該是類似這個樣子的

時間有限,這裡只說到了簡單的部落格建立流程,還有很多很好玩的配置與外掛。比如說評論、標籤、統計等等。慢慢的完善你的專屬部落格吧。

更多

更多主題
更多外掛