零成本 | 手把手教你搭建免費個人博客!

一個執着於技術的公衆號

前言

前幾天有朋友請教搭建個人博客的問題,索性就利用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 "[email protected]"

賬號名及郵箱填寫您註冊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系統負載均衡幾種實現方式

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章