一個(gè)執(zhí)著于技術(shù)的公眾號

前言

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

www.ailulu.online

說明：這個(gè)地址僅作為臨時(shí)教程環(huán)境，搭建完畢后，可能過幾天就刪除了。雖是實(shí)驗(yàn)環(huán)境，但完全是實(shí)戰(zhàn)的，搭建完畢就可以通過公網(wǎng)訪問~

搭建博客步驟

1、本次實(shí)驗(yàn)使用 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是一個(gè)分布式版本控制系統(tǒng)，用于項(xiàng)目的版本控制管理。這里用于管理你的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出現(xiàn)版本號說明安裝成功
[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，是因?yàn)镠exo是基于node.js驅(qū)動(dòng)的一款博客框架。

4、安裝hexo

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

執(zhí)行npm install -g hexo-cli

會(huì)有如下兩條WARN

經(jīng)查詢發(fā)現(xiàn)這兩條warning信息是因?yàn)榘惭b的fsevent是Mac系統(tǒng)需要的。這里是Linux環(huán)境，所以會(huì)有告警，忽略即可。

5、配置hexo命令全局生效

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

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

6、初始化hexo

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

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

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

7、啟動(dòng)hexo

好了，如果上面的命令都沒報(bào)錯(cuò)的話，現(xiàn)在可以啟動(dòng)hexo了~

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

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

GitHub創(chuàng)建個(gè)人倉庫

首先，你先要有一個(gè)GitHub賬戶，如果還沒有。點(diǎn)擊注冊

1、注冊GitHub

點(diǎn)擊Sign up，按照提示進(jìn)行注冊

2、新建GitHub倉庫

點(diǎn)擊 Start project創(chuàng)建一個(gè)新的倉庫

3、創(chuàng)建代碼庫

1）點(diǎn)擊New，創(chuàng)建用于托管博客站點(diǎn)的代碼庫

2）創(chuàng)建代碼庫

注意，這里倉庫命名規(guī)定：賬戶名.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）復(fù)制公鑰

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

4）復(fù)制公鑰到GitHub

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

(b) 點(diǎn)擊New SSH key

(c) 把 剛剛cat id_rsa.pub的結(jié)果復(fù)制進(jìn)來,然后提交

(d) 提交后會(huì)進(jìn)行密碼驗(yàn)證

5）確認(rèn)并添加主機(jī)到本機(jī)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  //生成靜態(tài)文章
[root@qll251 myblog]# hexo deploy  //部署文章，需要輸入username和password

4、驗(yàn)證登錄

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

此時(shí)就可以看到你的博客了~

發(fā)布第一篇博客

1、創(chuàng)建文章標(biāo)題

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

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

2、編寫第一篇博客

3、上傳至GitHub

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

4、訪問驗(yàn)證

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

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

設(shè)置域名

現(xiàn)在你的個(gè)人博客的地址是yourname.github.io。如果不喜歡這個(gè)網(wǎng)址，我們是可以為它設(shè)置個(gè)人域名的，但是要花錢購買域名哦~

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

1、登錄域名管理控制臺(tái)

點(diǎn)擊管理

2、域名解析

添加一條CNAME記錄

3、進(jìn)入github設(shè)置，綁定域名

找到 Custom domain項(xiàng)，輸入你購買的域名

4、綁定成功，進(jìn)行驗(yàn)證

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

結(jié)語

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

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

往期精彩

◆ 必看| Linux系列學(xué)習(xí)書籍免費(fèi)送！

◆ 利用expect批量修改Linux服務(wù)器密碼

◆ Linux運(yùn)維工程師面試問答錄

◆ LVM邏輯卷學(xué)習(xí)

◆Linux網(wǎng)絡(luò)重點(diǎn)知識總結(jié)性梳理

◆ 抓包工具tcpdump用法說明

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

◆ 實(shí)戰(zhàn) | Hadoo大數(shù)據(jù)集群搭建

◆ 運(yùn)維工程師心法：6大技能讓你告別背鍋

◆ 億級web系統(tǒng)負(fù)載均衡幾種實(shí)現(xiàn)方式

十年磨一劍

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。