一個執着於技術的公衆號
前言
前幾天有朋友請教搭建個人博客的問題,索性就利用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
往期精彩
◆ LVM邏輯卷學習