人人都能有一個自己的部落格系統（新手向）

king121456發表於2018-06-05
原文網址 : https://juejin.im/post/5b1617cee51d4506d62915fd

在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官網看看傳送門

相關文章