使用hexo github搭建免費部落格教程

2021-10-01 10:41:03 字數 3641 閱讀 2114

使用github pages服務搭建部落格的好處有：

$ 全是靜態檔案，訪問速度快；


$ 免費方便，不用花一分錢就可以搭建乙個自由的個人部落格，不需要伺服器不需要後台；


$ 可以隨意繫結自己的網域名稱，不仔細看的話根本看不出來你的**是基於github的；


$ 資料絕對安全，基於github的版本管理，想恢復到哪個歷史版本都行；


$ 部落格內容可以輕鬆打包、轉移、發布到其它平台；


$ 等等；
在開始一切之前，你必須已經：

$ 有乙個github賬號，沒有的話去註冊乙個；


$ 安裝了node.js、npm，並了解相關基礎知識；


$ 安裝了git for windows（或者其它git客戶端）
新建乙個名為"你的使用者名稱.github.io"的倉庫，比如說，如果你的github使用者名稱是test，那麼你就新建"test.github.io"的倉庫（必須是你的使用者名稱，其它名稱無效），將來你的**訪問位址就是 了，是不是很方便？

由此可見，每乙個github賬戶最多只能建立乙個這樣可以直接使用網域名稱訪問的倉庫。

幾個注意的地方：

$ 註冊的郵箱一定要驗證，否則不會成功；


$ 倉庫名字必須是：username.github.io，其中username是你的使用者名稱；


$ 倉庫建立成功不會立即生效，需要過一段時間，大概10-30分鐘，或者更久，我的等了半個小時才生效；
建立成功後，缺省會在你這個倉庫裡生成一些示例頁面，以後你的**所有**都是放在這個倉庫裡啦。

為什麼要配置這個呢？因為你提交**肯定要擁有你的github許可權才可以，但是直接使用使用者名稱和密碼太不安全了，所以我們使用ssh key來解決本地和伺服器的連線問題。

$ cd ~/. ssh


#檢查本機已存在的ssh金鑰
$ ssh-keygen -t rsa -c "郵件位址"
然後連續3次回車，最終會生成乙個檔案在使用者目錄下，開啟使用者目錄，找到".ssh\id_rsa.pub"檔案，記事本開啟並複製裡面的內容，開啟你的github主頁，進入個人設定 -> ssh and gpg keys -> new ssh key：

將剛複製的內容貼上到key那裡，title隨便填，儲存。

$ sh -t [email protected] # 注意郵箱位址不用改
如果提示are you sure you want to continue connecting (yes/no)?，輸入yes，然後會看到：

hi liuxianan! you've successfully authenticated, but github does not provide shell access.
看到這個資訊說明ssh已配置成功！

此時你還需要配置：

$ git config --global user.name "liuxianan"// 你的github使用者名稱，非暱稱


$ git config --global user.email  "***@qq.com"// 填寫你的github註冊郵箱
具體這個配置是幹嘛的我沒仔細深究。

hexo是乙個簡單、快速、強大的基於 github pages 的部落格發布工具，支援markdown格式，有眾多優秀外掛程式和主題。

官網：

github:

由於github pages存放的都是靜態檔案，部落格存放的不只是文章內容，還有文章列表、分類、標籤、翻頁等動態內容，假如每次寫完一篇文章都要手動更新博文目錄和相關鏈結資訊，相信誰都會瘋掉，所以hexo所做的就是將這些md檔案都放在本地，每次寫完文章後呼叫寫好的命令來批量完成相關頁面的生成，然後再將有改動的頁面提交到github。

安裝之前先來說幾個注意事項：

$ 很多命令既可以用windows的cmd來完成，也可以使用git  


$ bash來完成，但是部分命令會有一些問題，為避免不必要的問題，建議全部使用git bash來執行；


$hexo不同版本差別比較大，網上很多文章的配置資訊都是基於2.x的，所以注意不要被誤導；


hexo有2種"_config.yml"檔案，乙個是根目錄下的全域性的"_config.yml"，乙個是各個theme下的；
$ npm


install -g hexo
在電腦的某個地方新建乙個名為hexo的資料夾（名字可以隨便取），比如我的是"f:\workspaces\hexo"，由於這個資料夾將來就作為你存放**的地方，所以最好不要隨便放。

$ cd /f/workspaces/hexo/


$ hexo init


$ hexo g # 生成


$ hexo s # 啟動服務
hexo s是開啟本地預覽服務，開啟瀏覽器訪問 http://localhost:4000 即可看到內容，很多人會碰到瀏覽器一直在轉圈但是就是載入不出來的問題，一般情況下是因為埠占用的緣故，因為4000這個埠太常見了

第一次初始化的時候hexo已經幫我們寫了一篇名為 hello world 的文章，預設的主題比較醜

如果你一切都配置好了，發布上傳很容易，一句hexo d就搞定，當然關鍵還是你要把所有東西配置好。

首先，"ssh key"肯定要配置好。

其次，配置"_config.yml"中有關deploy的部分：

正確寫法：

deploy:


type: git


repository: [email protected]:liuxianan/liuxianan.github.io.git


branch: master
錯誤寫法：

deploy:


type: github


repository: 


branch: master
常見命令

hexo new "postname"


#新建文章


hexo new page "pagename"


#新建頁面


hexo generate #生成靜態頁面至public目錄


hexo server #開啟預覽訪問埠（預設埠4000，'ctrl + c'關閉server）


hexo deploy #部署到github


hexo help


# 檢視幫助


hexo version  #檢視hexo的版本
縮寫

hexo n == hexo new


hexo g == hexo generate


hexo s == hexo server


hexo d == hexo deploy
組合命令

hexo s -g #生成並本地預覽


hexo d -g #生成並上傳
可以訪問我的git部落格來檢視效果：

：組合命令

hexo s -g #生成並本地預覽


hexo d -g #生成並上傳
可以訪問我的git部落格來檢視效果：

使用hexo github搭建部落格 一

目錄關聯github，準備部署 編輯hexo的相關檔案，做部署的準備 個人網域名稱的繫結 總結我在學習的過程中慢慢的有記錄所學知識的需求，於是決定搭建乙個自己的部落格，本著節源開流的高尚原則，我選擇了hexo和github的低成本的組合搭建。後面有使用next框架加持，做高階優化，在 二 中會提及和...

hexo github部落格搭建

前期步驟詳見 網域名稱解析配置時，主機記錄www項中，點選記錄型別選擇cname。網域名稱https需要申請ssl證書 這裡僅申請即可 申請後即自動轉為https，無需以上文章中的其餘操作。執行hexo clean hexo g hexo d時，以下均需要進到.deploy git目錄中git ba...

hexo github 搭建部落格實戰

之前有兩篇部落格莫名被csdn給刪除了，一時興起，想想要不搭建乙個個人部落格。於是選擇了比較常見的github hexo。自己的電腦是mac air，由於以前驅動一些硬體的需要，安裝了windows，後來一直沒有換回來。搞github hexo，前途凶險。看小夥伴的搭建過程，感覺還是在mac 系統下...