一直想搭建一個自己的博客來記錄自己的一些學習筆記,由於是學生黨經濟上有些吃緊所以一直沒辦法搭建起自己的博客。最近在網上無意中看到了可以借助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。更多內容大家請看官方文檔。