前言
本人開始並非使用next主題,這個大家可以去hexo官網themes處挑選自己喜歡的。
注意:點擊主題預覽圖可以去預覽下,點擊主題名就可以去GitHub頁面copy了。
但個人覺得next主題更好,bug少,拓展性強。好了,廢話少說,進入正題。
準備工作
- 註冊github賬號
- 安裝node.js
- 鏈接:https://pan.baidu.com/s/1mji9SmO 密碼:fjw1
- 安裝git
- 鏈接:https://pan.baidu.com/s/1dGUlqEH 密碼:q9ws
我的電腦是Windows10,其他你根據我提供的百度雲鏈接下載即可。安裝git時全打勾。
創建倉庫
新建一個 你的用戶名.github.io的倉庫,比如說你的GitHub用戶名是abc,那麼你新建倉庫名叫abc.github.io,你的博客搭建好之後訪問的網站也就是 https://abc.github.io了。
那怎麼刪除倉庫呢???
打開settings
創建博客根目錄
在一個磁盤裏創建一個文件夾,比如我,在D盤創建了一個blog文件夾。
正式工作
配置SSH Key
桌面右鍵打開git bash here,輸入
$ cd ~/. ssh // 檢查本機已存在的 ssh 密鑰
再接着輸入
ssh-keygen -t rsa -C “你的郵件地址”
然後連續按三次回車,會生成id_rsa.pub文件,用記事本打開它,然後全部複製即可,待會要用。這個文件的地址:C:\Users\Administrator.ssh
打開你的GitHub主頁,打開設置->Deploy keys->Add deploy key.
這裏名稱隨便取,在下面粘貼內容保存即可,有需要打勾就打勾。
我們回來測試下是否把SSH配置成功了。
繼續在bash裏輸入
$ ssh -T [email protected]
如果提示 Are you sure you want to continue connecting (yes/no)? ,輸入yes,然後會看到 successfully authenticated,but github…
看到這個意味着已成功!
配置信息
$ git config --global user.name “xxx”// 你的github用戶名,比如上面的abc
$ git config --global user.email "[email protected]"// 填寫你的github註冊郵箱
使用hexo
安裝hexo
我們打開cmd命令行,輸入
npm install -g hexo
這裏可能會很慢,所以推薦使用淘寶鏡像。
安裝:
npm install -g cnpm --registry=https://registry.npm.taobao.org
驗證是否安裝成功使用:
cnpm -v
這裏使用使用:cnpm install -g hexo安裝
hexo驗證Hexo是否安裝成功使用:
hexo -v
初始化hexo
打開我們之前創建的文件夾,比如我的blog,右擊鼠標,打開git bash here,輸入
$ hexo init
我們的文件夾會自動下載一些文件到這個blog目錄裏。
繼續輸入
$ hexo g
$ hexo s
hexo s是指啓動服務,成功打開後會有提示,登錄localhost:4000即可看到初始頁面,到這裏你的blog就基本搭建好了。
新建文章
在bash裏輸入
$ hexo new post “文章名”
然後去blog/source/_posts就可以看到
上傳到GitHub
配置_config.yml中的deploy部分,注意這裏的_config.yml文件是blog根目錄,並非themes裏的同名文件。
配置如下(xxx爲你的GitHub名)
deploy:
type: git
repository: [email protected]:xxx/xxx.github.io.git
branch: master
再次注意:關於_config.yml文件的配置,冒號後一定要加個空格,否則就無法部署了。
一切完成後在bash中繼續輸入
npm install hexo-deployer-git --save #這裏是安裝插件,不然無法deploy
然後輸入以下就可以了
hexo clean && hexo g && hexo d
成功後會提示:Deploy done:git 證明成功啦。這是打開你的xxx.github.io就可以看到網頁啦!
主題設置
打開next使用文檔有詳細的教程。
主題教程以及拓展:
綁定個性域名
申請域名
在阿里雲或騰訊雲申請域名。我是在阿里雲申請的,實名認證很快,推薦。
解析域名
按我的內容來即可。
部署域名
在blog根目錄的source文件夾中新建無後綴文件 CNAME。裏面內容只寫上你的域名即可,注意不需要www
按之前的順序deploy即可
我的Github博客點擊進入,歡迎置頂處留言。
如果覺得有用,不如給個Star Or Follow,感謝。