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

king121456發表於2018-06-05

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

相關文章