Hexo搭建個人博客


一直想搭建一個自己的博客來記錄自己的一些學習筆記,由於是學生黨經濟上有些吃緊所以一直沒辦法搭建起自己的博客。最近在網上無意中看到了可以借助GitHub來搭建自己的個人博客,於是就折騰了起來。我搭建博客用到的是GitHub+Hexo的搭配,下面就讓我來介紹下我的博客搭建的整個過程。

Hexo

  Hexo是一個基於Node.js的快速簡單的靜態博客框架,利用它通過簡單的幾個命令就可以搭建一個個人博客。

A fast, simple & powerful blog framework,powered by Node.js.

安裝Hexo

  我是在Windows上面進行搭建的,所以我這里就介紹下Windows上面的安裝方法。安裝Hexo首先需要下面兩個條件:
  - Node.js
  - Git
  這兩個的安裝方法大家Google下就好了,一堆堆的。有了這些我們就可以利用npm命令來安裝hexo了。

    npm install hexo -g

  安裝完hexo之后可以開始初始化博客了。
  

初始化博客

  初始化Hexo博客只需要進入博客目錄,然后執行下面這條命令就可以了

    hexo init

生成博客

  初始化博客之后博客目錄下會產生一些配置文件和模板文件,現在就要利用這些模板文件來生成我們的靜態博客文件,通過下面這條命令就可以生成我們的博客

    hexo generate

  執行完命令之后,在博客目錄下會產生一個public文件夾,這里面存放的就是我們的博客靜態文件。

本地部署

  生成博客之后我們就可以開始在本地部署我們的博客

    hexo server

  現在我們打開瀏覽器訪問http://localhost:4000 就可以看到我們的博客了。

部署到GitHub

  通過上面這些步驟我們只是在本地搭建起了博客,要讓別人看到還需要把它部署到GitHub上。
  首先,當然是需要申請一個GitHub賬號,然后新建一個Repository,接着在命名的時候需要注意,GitHubPage的名字必須用戶名.github.com或者用戶名.github.io。
  創建完Repository之后,我們要配置Hexo的github地址然后才可以把我們的博客部署到GitHub上面。在博客目錄底下打開_congig.yml,這就是Hexo的配置文件。找到下面這段代碼

    # Deployment
    ## Docs: http://hexo.io/docs/deployment.html
    deploy:
    type:

  把上面的內容替換成你剛才創建的Repository地址,如下:

    # Deployment
    ## Docs: http://hexo.io/docs/deployment.html
    deploy:
    type: github
    repository: https://github.com/用戶名/用戶名.github.io.git
    branch: master

  創建Repository並且修改配置文件之后我們就可以把我們的博客部署到GitHub上面了,通過下面這個命令,過程中需要輸入Git賬號和密碼:

    hexo deploy

  打開瀏覽器訪問http://用戶名.github.com 或者 http://用戶名.github.io ,部署之后大約十分鍾就可以看到博客效果了。

配置博客

  通過上面的步驟我們完成了博客的基本搭建工作,我們還可以通過修改配置文件來進行博客的個性化定制。
  
  首先是博客的標題以及作者,通過修改_congig.yml中相應的字段就可以設置標題和作者,如下:

    # Site
    title: <h1>My Coding Life</h1> //標題
    subtitle: Better Wife , Better Life //副標題
    description: Better Wife , Better Life //描述內容
    author: Bin //作者
    email: lakb248@163.com //郵箱
    language: zh-CN //語言

  其次是博客的主題,Hexo有許多現成的主題可以選擇,在這里可以得到。下載相應的主題放到博客目錄底下的themes文件夾底下。最后需要修改_config.yml中theme字段的值,如下:

    # Extensions
    ## Plugins: https://github.com/tommy351/hexo/wiki/Plugins
    ## Themes: https://github.com/tommy351/hexo/wiki/Themes
    theme: 主題名

  通過上面這一系列步驟,我們的個人博客可以正式上線了。Hexo還有很多其他的功能,比如評論,RSS。更多內容大家請看官方文檔


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM