使用Hexo創(chuàng)建博客
- 進(jìn)入一個(gè)安全的目錄,比如
cd ~/Desktop
- 在 GitHub 上新建一個(gè)空 repo,repo 名稱是「用戶名.github.io」;
- 安裝 Hexo
npm install -g hexo-cli
hexo init myBlog
cd my Blog
npm i
hexo new 開博大吉
這邊nmp i 時(shí)出現(xiàn)問題,最后通過管理員權(quán)限打開bush解決問題;
-
會(huì)看到一個(gè) md 文件的路徑;
image - 打開并編輯;
start "~/Desktop/myBlog/source/_posts/開博大吉.md"
注意引號和斜杠Windows 的路徑中的 \ 需要變成 / ;
-
這邊路徑里沒有空格,不需要加引號,否則出錯(cuò),如圖;
image
- 編輯網(wǎng)站配置
start _config.yml
- 把第 6 行的 title 改成想要的名字;
- 把第 9 行的 author 改成大名;
- 把最后一行的 type 改成 type: git;
- 在最后一行后面新增一行,左邊與 type 平齊,加上一行 repo: 倉庫地址 (請將倉庫地址改為「你的用戶名.github.io」對應(yīng)的倉庫地址,倉庫地址以 git@github.com: 開頭)
- 第 4 步的 repo: 后面有個(gè)空格,不要眼瞎。
- 安裝 git 部署插件
npm install hexo-deployer-git --save
hexo deploy
進(jìn)入「你的用戶名.github.io」對應(yīng)的 repo,打開 GitHub Pages 功能;
-
出現(xiàn)預(yù)覽鏈接;
image -
進(jìn)入"預(yù)覽鏈接/index.html"
image
創(chuàng)建新的博客
- 新建
hexo new 第二篇博客
-
使用start 路徑來編輯它
image - hexo generate
- hexo deploy
- 刷新
換主題
- 進(jìn)入https://github.com/hexojs/hexo/wiki/Themes,選擇喜歡的主題;
-
進(jìn)入主題的首頁,復(fù)制SSH或者Http鏈接;
image
cd themes
git clone git@github.com:iissnan/hexo-theme-next.git
cd ..
- 將 _config.yml 的第 75 行改為 theme: hexo-theme-next,保存;
hexo generate
hexo deploy
- 等一分鐘,然后刷新博客頁面。
上傳源代碼
-
新建倉庫;
image -
復(fù)制命令執(zhí)行即可。
image
這樣一來,你的博客發(fā)布在了「你的用戶名.github.io」而你的「生成博客的程序代碼」發(fā)布在了 blog-generator。所有數(shù)據(jù)萬無一失,你就不會(huì)因?yàn)檎`刪 myBlog 目錄而痛哭了。
以后每次 hexo deploy 完之后,博客就會(huì)更新;然后你還要要 add / commit /push 一下「生成博客的程序代碼」,以防萬一。
這個(gè) blog-generator 就是用來生成博客的程序,而「你的用戶名.github.io」倉庫就是你的博客頁面。--饑人谷