前言
有朋友問我博客系統(tǒng)的搭建。由于我在做開發(fā)相關的工作,所以我推薦他使用 gh-pages 服務來建立個人博客。
推薦理由:
免費:gh-pages服務免費,300MB空間;開源:由于開源rsa 注冊機,參與的人很多,自然技術支持很好。方便:博客完全托管在網站上,基本不需要花時間去管理,博客使用語法,上手容易。
你需要知道的(更好地掌握它):
目前在互聯(lián)網上搭建博客系統(tǒng)使用最多的是Hexo和Hexo。
Hexo 是基于開發(fā)的,基于 Ruby。
通過兩個系統(tǒng)的使用對比,個人比較喜歡Hexo,所以本文介紹Hexo搭建博客。如果你對它感興趣,你可以自己學習它。
安裝 Git 客戶端
已安裝的用戶跳過
下載Git客戶端:下載地址安裝Git客戶端:用戶只需Next即可。Mac和Linxu系統(tǒng)的用戶可以通過命令安裝,這里不再詳述。登記
老用戶和注冊用戶跳過
打開官網:如何搭建·填寫注冊信息進行注冊操作:未登錄的用戶打開網站首頁會顯示注冊操作(如圖),或者點擊注冊按鈕進入注冊詳情頁面。
填寫注冊信息并點擊注冊按鈕后,下一步是選擇協(xié)議部分。根據自己的情況選擇相關協(xié)議,一般人選是免費的。創(chuàng)建倉庫登錄賬號:點擊首頁的登錄按鈕,進入登錄頁面。填寫用戶名或電子郵件地址和密碼,然后單擊登錄按鈕登錄。
單擊創(chuàng)建存儲庫:單擊登錄用戶圖像左側的 + 和向下三角形按鈕。
填寫創(chuàng)建倉庫信息:
倉庫名必須是用戶名..io(別問我為什么,人家是這么規(guī)定的),比如我的用戶名是..io。
填寫相關信息,點擊(創(chuàng)建倉庫)按鈕。配置 SSH
資深用戶和配置用戶跳過
打開Git Bash終端:在桌面右擊,會出現“Git Bash here”選項,點擊。
設置用戶名和郵箱:
$ git config --global user.name "你的GitHub用戶名"
$ git config --global user.email "你的GitHub注冊郵箱"
生成 ssh 密鑰:輸入以下命令
$ ssh-keygen -t rsa -C "你的GitHub注冊郵箱"
一般情況下是不需要密碼的,接下來直接回車即可。
此時用戶文件夾下會有一個新的文件夾.ssh,里面有剛剛創(chuàng)建的ssh密鑰文件和.pub。
注意:該文件為私鑰,請妥善保管。.pub 是公鑰文件。將公鑰添加到:
點擊用戶頭像,然后點擊出現的(設置)選項;
在 User 選項卡中rsa 注冊機,單擊 SSH and GPG keys 選項,然后單擊 New SSH key 按鈕;
將.pub的內容復制到Key文本框中,然后點擊Add SSH key按鈕;
測試 SSH:
$ ssh -T git@github.com
接下來將出現以下確認消息:
The authenticity of host 'github.com (207.97.227.239)' can't be established.
RSA key fingerprint is 17:24:ac:a5:76:28:24:36:62:1b:36:4d:eb:df:a6:45.
Are you sure you want to continue connecting (yes/no)?
輸入是,然后按 Enter。
然后顯示以下信息就OK了(也就是用戶名)。
Hi SeayXu! You've successfully authenticated,
but GitHub does not provide shell access.
以上是準備工作。
創(chuàng)建本地存儲庫
打開 Git Bash 終端并等待命令執(zhí)行。
新建一個倉庫文件夾:這里命名為blog。
$ mkdir blog
轉到博客文件夾:
$ cd blog # 切換到blog目錄
初步了解 Hexo
如果沒有安裝,請先安裝,官網;
以下操作在 blog 文件夾中。
安裝 Hexo
$ npm install hexo-cli -g
全局安裝一次hexo就夠了rsa 注冊機,以后可以直接使用hexo相關的操作。
初始化 Hexo
$ hexo init
安裝依賴項
$ npm install
啟動 Hexo
$ hexo server
啟動后,打開瀏覽器,在地址欄輸入::4000,就會看到Hexo的示例頁面。
注意:此時可以初始化git本地倉庫,也可以等待本地博客搭建完成。
再次探索 Hexo
新文章:
$ hexo new
此時文件夾中會多出一個文件“title.md”。
如果要刪除,可以直接在這個文件夾下刪除對應的文件。
生成靜態(tài)頁面
$ hexo generate
生成的靜態(tài)內容在文件夾內。
清除生成的內容
$ hexo clean
這樣做將刪除文件夾的內容。
部署 Hexo
$ hexo deploy
該操作會將hexo生成的靜態(tài)內容部署到配置好的倉庫中,請看下面的介紹。
部署 Hexo
編輯配置文件以關聯(lián)遠程存儲庫:
在編輯器中打開Hexo配置文件**.yml**,發(fā)現如下:
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type:
添加倉庫信息:
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: git@github.com:SeayXu/seayxu.github.io.git #github倉庫地址
branch: master # github分支
注意:type、repo前面有兩個空格,后面有一個空格:
安裝 git 插件
npm install hexo-deployer-git --save
如果沒有安裝git插件,會有錯誤提示,安裝后重新部署即可。
部署
$ hexo deploy
如果沒有意外,部署成功,可以打開教程用Hexo從零開始搭建博客(一)——有注冊和配置..io視圖。
hexo 命令縮寫
hexo命令組合
hexo clean && hexo g -s,就是清除,生成,啟動
hexo clean && hexo g -d 是清理、生成、部署
本文簡單介紹了Hexo的部署,下一篇將介紹Hexo的相關配置。
【Hexo博客交流群】
組號: