hexo+next主題搭建GitHub blog乾貨教程

前言

本人開始並非使用next主題,這個大家可以去hexo官網themes處挑選自己喜歡的。
注意:點擊主題預覽圖可以去預覽下,點擊主題名就可以去GitHub頁面copy了。
但個人覺得next主題更好,bug少,拓展性強。好了,廢話少說,進入正題。

準備工作

創建倉庫

新建一個 你的用戶名.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,感謝。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章