不管是Window,還是Linux;首先默認你已經配置好了最基本的環境,如果沒有配置好,請谷歌……

最基本的環境:Git配置成功(user,email....),ssh已經添加到Github上了

提前聲明: 此次所有操作是Linux(Ubuntu 18.04)下進行,Ubuntu再等摸索清楚

本地端

sudo npm install hexo-cli -g

mkdir ~/myblog

cd ~/myblog

hexo init

sudo npm intall

hexo clean

hexo s -g

瀏覽器提示打開 localhost:4000/

如果正常顯示畫面則代表已經成功了一半了!繼續加油!

遠程端

遠程端分兩種情況:

  1. 新建的倉庫(最簡單)
  2. 需要deployer到其它非空的倉庫

新倉庫

建完倉庫回到本地

修改配置文件 _config.yml ,最底部 Deployment

deploy:
type: git
repo: [email protected]:benbeipo/blog.git
branch: master

解釋下:

部署類型type :git倉庫地址:[email protected]:你的倉庫名.git

分支:對應的分支

命令行操作:

sudo npm install hexo-deployer-git --save

hexo clean

hexo d -g

成功後,來到倉庫,settings 設置Github Pages >> Source >> 選擇deployer所對應的分支,這裡是「master」,保存

上面就會生成個地址,複製!!,然後瀏覽器打開,如果和本地剛才所顯示相同則又成功了一大半,在此期間如果出問題,請複製谷歌(是它是它就是它),不要擔心,大不了從頭再來。

非空倉庫

首先可以重新創建分支,然後 deployer 新的分支裏(還用你說)

如果你的情況是:電腦崩潰了,沒有原先本地存儲的文件了,博客寫的時間長了,但我又非得要用Hexo博客,那恭喜你,我終於找到同病相憐的了,看到有人和我情況一樣,就不痛苦了

唯一補救的措施就是把文檔複製下來重新用markdown編輯下,然後在新生成的本地文件內的source文件裏的_posts一篇篇粘貼,然後重新一步步來

如果你已經提前預知了一切,並且把配置文件也上傳的,那恭喜你,你只需要download然後重新,npm install,本地看下沒問題就部署

錯誤

第一次問題出在deploy的設置上,把branch遺忘了,然後兩次都部署到其它分支

第二次問題在url地址上,我的Github綁定的benbeipo.com域名,博客地址為benbeipo.com/blog,然後也是問題不斷,css效果顯示不全,鏈接到其它頁面404

修改 _config.yml

設置root,更改為你的根目錄

至此,線上線下道路已經暢通了,剩下的美化則不是主角,唯一的就是自己修改原作者的樣式符合自己的預期,畢竟蘿蔔青菜各有所愛!上青菜,不是,上樣式

主題

我沒有隨大溜安裝nexT,而是找了個多樣化的fexo,然後自己修改了下主題

benbeipo個人博客?

blog.benbeipo.com


推薦閱讀:
相關文章