在ubuntu下搭建自己的部落格系統
一、準備環境
-
作業系統 ubuntu 16.04.1 LTS 64位
-
安裝git
sudo apt install git-core -y 複製程式碼
-
使用nvm安裝node
#安裝nvm wget -qO- https://raw.github.com/creationix/nvm/master/install.sh | sh #更新配置,讓nvm命令生效 source ~/.profile #安裝node指定版本 nvm install <version> ----這裡我下載node的9.11.1 nvm install v9.11.1 #使用v9.11.1 nvm use v9.11.1 #預設使用v9.11.1(在本機存在多個版本的node,該命令有效) nvm alias default v9.11.1 複製程式碼
-
安裝包管理工具(npm)
#為了提高下載速度,這裡下載的地址指定淘寶映象 npm install -g cnpm --registry=https://registry.npm.taobao.org 複製程式碼
-
安裝Hexo
#建立資料夾 mkdir hexo #進入資料夾 cd hexo #這裡一定要全域性安裝,否則後邊的 hexo 命令無法使用 cnpm install hexo-cli -g #初始化hexo hexo init #開啟hexo服務 hexo server 複製程式碼
開啟瀏覽器,輸入http://127.0.0.1:4000,應該就能看到一個簡易的部落格系統了
到這裡,如果大家有自己的伺服器和域名就可以直接部署了(部署Node網站的教程網上很多了,我就不再贅述了),如果沒有伺服器的同學可以繼續往後看。
二、將部落格部署到Github上
-
註冊Github
-
修改Git配置
#需要與你Github的使用者名稱,郵箱一致 git config --global user.name "使用者名稱" git config --global user.email "Github的註冊郵箱" 複製程式碼
-
生成SSH金鑰
#SSH,生成過程中一直回車就行 ssh-keygen -t rsa -b 4096 -C "Github的註冊郵箱" #啟動SSH代理 eval $(ssh-agent -s) #將私鑰新增進SSH代理 ssh-add ~/.ssh/id_rsa #檢視ssh的公鑰,並複製列印出的內容 cat ~/.ssh/id_rsa.pub 複製程式碼
-
在GitHub賬戶下新增SSH,把剛才複製的內容貼上過來就行
-
建立Github倉庫,這裡倉庫名稱不可以隨便起,命名格式為 userName.github.io ,userName是Github的使用者名稱稱,不可以更改
-
修改hexo的配置檔案
#進入hexo的目錄 cd hexo #使用vim修改配置檔案 vi _config.yml #按下鍵盤的 i 鍵,左下角出現 -- INSERT -- ,進入編輯模式 i #在檔案的最下邊找到 deploy,使用下邊的內容替換 複製程式碼
deploy: type: git #括號裡面換成自己的使用者名稱和倉庫名,去掉括號 repo: git@github.com:(BoView)/(BoView).github.io.git branch: master 複製程式碼
修改過後的內容為
deploy: type: git repo: git@github.com:51TinTin/51TinTin.github.io.git branch: master 複製程式碼
#編輯完,按ESC進入命令模式 ESC #輸入:wq,儲存並退出 :wq 複製程式碼
三、測試並部署
- 依次執行下列命令
#清空靜態頁面 hexo clean #生成靜態頁面 hexo g #將public檔案內容部署到 github 倉庫 npm install hexo-deployer-git --save #部署 hexo d 複製程式碼
四、繫結域名
之後的操作就以我上邊建立的倉庫為例,我的域名是 happynode.cn
-
在域名解析中新增一條CNAME記錄,需要我們填寫的內容如下所示
- 第一列為主機記錄,可以隨便填,我這裡填寫blog
- 第二列記錄型別,這裡我們選擇CNAME
- 第四列記錄值:這裡填寫 51TinTin/51TinTin.github.io
- 第六列TTL,預設600就好
域名解析的過程有時可能比較久,等個5~10分鐘應該就可以訪問了
大功告成!!!
下面訪問 blog. happynode.cn 一個簡單的部落格,就能看到一個hexo預設的部落格了,如果想要打造自己個性化的部落格,可以去hexo官網看看傳送門