一個執著于技術的公眾號

前言

前幾天有朋友請教搭建個人博客的問題，索性就利用Hexo+Github搭建了一套個人博客。先上鏈接，歡迎訪問：

www.ailulu.online

說明：這個地址僅作為臨時教程環境，搭建完畢后，可能過幾天就刪除了。雖是實驗環境，但完全是實戰的，搭建完畢就可以通過公網訪問~

搭建博客步驟

1、本次實驗使用 CentOS 7.7

[root@qll251 ~]# cat /etc/redhat-release
CentOS Linux release 7.7.1908 (Core)
[root@qll251 ~]#

2、安裝git

 yum -y install git

安裝后，用git --version查看一下版本

git是一個分布式版本控制系統，用于項目的版本控制管理。這里用于管理你的hexo博客文章，上傳到Github的工具。

3、安裝node.js

1）下載node.js安裝包
wget https://nodejs.org/dist/v10.0.0/node-v10.0.0-linux-x64.tar.gz

2）解壓至/usr/local/下
 tar -zxvf node-v10.0.0-linux-x64.tar.gz -C /usr/local/

3）將解壓后的文件夾重命名為 node-v10.0.0
[root@qll251 ~]# cd /usr/local/
[root@qll251 local]# mv node-v10.0.0-linux-x64 node-v10.0.0

4）檢查是否安裝成功，node -v出現版本號說明安裝成功
[root@qll251 local]# cd node-v10.0.0/bin/
[root@qll251 bin]# ls
node  npm  npx
[root@qll251 bin]# ./node -v
v10.0.0
[root@qll251 bin]#

5）做軟鏈接使node和npm命令能夠全局使用
[root@qll251 bin]# ln -s /usr/local/node-v10.0.0/bin/node /usr/local/bin/node
[root@qll251 bin]# ln -s /usr/local/node-v10.0.0/bin/npm /usr/local/bin/npm

注意：Node.js 版本需不低于 8.10，建議使用 Node.js 10.0 及以上版本

之所有安裝nodejs，是因為Hexo是基于node.js驅動的一款博客框架。

4、安裝hexo

以上必備的應用程序安裝完成后，即可使用 npm 安裝 Hexo

執行npm install -g hexo-cli

會有如下兩條WARN

經查詢發現這兩條warning信息是因為安裝的fsevent是Mac系統需要的。這里是Linux環境，所以會有告警，忽略即可。

5、配置hexo命令全局生效

我們用hexo -v查詢下hexo版本

提示命令找不到，因此做個hexo命令的軟鏈接，使hexo命令全局生效

6、初始化hexo

[root@qll251 ~]# hexo init myblog
[root@qll251 ~]# cd myblog
[root@qll251 ~]# npm install

新建完成后，myblog文件夾的目錄如下：

.
├── _config.yml # 博客的配置文件，您可以在此配置大部分的參數。
├── package.json
├── scaffolds # 模版文件夾
├── source  # 資源文件夾，用來存放您的文章
|   ├── _drafts # 草稿文件
|   └── _posts # 文章Markdowm文件
└── themes  # 主題文件夾

7、啟動hexo

好了，如果上面的命令都沒報錯的話，現在可以啟動hexo了~

在瀏覽器上輸入：http://localhost:4000；就可以預覽效果了

至此，我們本地的博客就搭建成功了，接下來就是部署到 Github Page 了。

GitHub創建個人倉庫

首先，你先要有一個GitHub賬戶，如果還沒有。點擊注冊

1、注冊GitHub

點擊Sign up，按照提示進行注冊

2、新建GitHub倉庫

點擊 Start project創建一個新的倉庫

3、創建代碼庫

1）點擊New，創建用于托管博客站點的代碼庫

2）創建代碼庫

注意，這里倉庫命名規定：賬戶名.github.io

比如賬戶名是test，那么倉庫名就是test.github.io

配置 SSH key

1）配置全局GitHub賬戶

[root@qll251 ~]# git config --global user.name "qinlulu518"
[root@qll251 ~]# git config --global user.email "1158322022@qq.com"

賬號名及郵箱填寫您注冊GitHub上的信息

2）生成密鑰 SSH key

ssh-keygen -t rsa -C "上面的郵箱"

3）復制公鑰

id_rsa.pub為公鑰，cat查詢后全部復制下來。

4）復制公鑰到GitHub

(a) 回到GitHub，Settings-->SSH and GPG keys

(b) 點擊New SSH key

(c) 把 剛剛cat id_rsa.pub的結果復制進來,然后提交

(d) 提交后會進行密碼驗證

5）確認并添加主機到本機SSH可信列表

將hexo部署到GitHub

1、安裝部署插件 hexo-deployer-git

cd myblog
npm install hexo-deployer-git --save

2、修改配置文件

vim ~/myblog/_config.yml

拉到文件末尾，填上如下配置：

100 deploy:
101   type: git
102   repo:
103     github: https://github.com/qinlulu518/qinlulu518.github.io.git
104   branch: master

注意：第103行中替換成你的用戶名

3、部署上傳

[root@qll251 myblog]# hexo clean  //清除之前生成的東西
[root@qll251 myblog]# hexo generate  //生成靜態文章
[root@qll251 myblog]# hexo deploy  //部署文章，需要輸入username和password

4、驗證登錄

在瀏覽器上輸入：https://你的用戶名.github.io

此時就可以看到你的博客了~

發布第一篇博客

1、創建文章標題

執行完 hexo new后，在~/myblog/source/_ports/下生成了“開源Linux.md”的文章文件。

.md是Markdown格式的文件。語法比較簡單的，具體用法網上搜有很多詳細教程的。我最近公眾號文章排版使用的就是Markdown格式，很香~

2、編寫第一篇博客

3、上傳至GitHub

[root@qll251 myblog]# hexo clean  //清除之前生成的東西
[root@qll251 myblog]# hexo generate  //生成靜態文章
[root@qll251 myblog]# hexo deploy  //部署文章，需要輸入username和password

4、訪問驗證

瀏覽器上輸入：https://你的用戶名.github.io

不出意外的話，我們的第一篇博客就發布出去了。

設置域名

現在你的個人博客的地址是yourname.github.io。如果不喜歡這個網址，我們是可以為它設置個人域名的，但是要花錢購買域名哦~

假如你已經從域名供應商那里購買了域名，接下來一起看下如何配置域名解析

1、登錄域名管理控制臺

點擊管理

2、域名解析

添加一條CNAME記錄

3、進入github設置，綁定域名

找到 Custom domain項，輸入你購買的域名

4、綁定成功，進行驗證

至此你就可以通過輸入你自己注冊的域名進入你的博客了~

結語

今天我們只演示了簡單的博客創建流程，后面還有好多好玩的配置與插件功能；比如
更換主題、開啟打賞功能、添加評論系統、設置騰訊公益404頁面、數據統計等等。這些都可以參考官網配置手冊修改相應的配置，達到自己想要的效果，慢慢完善你的專屬博客吧~

最后附 官網使用文檔鏈接：
http://theme-next.iissnan.com/getting-started.html

往期精彩

◆ 必看| Linux系列學習書籍免費送！

◆ 利用expect批量修改Linux服務器密碼

◆ Linux運維工程師面試問答錄

◆ LVM邏輯卷學習

◆Linux網絡重點知識總結性梳理

◆ 抓包工具tcpdump用法說明

◆ 一文帶你速懂虛擬化KVM和XEN

◆ 實戰 | Hadoo大數據集群搭建

◆ 運維工程師心法：6大技能讓你告別背鍋

◆ 億級web系統負載均衡幾種實現方式

十年磨一劍

總結

以上是生活随笔為你收集整理的零成本 | 手把手教你搭建免费个人博客！的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。