使用 Hexo + GitHub 搭建一個好看的博客
一渠驼、第一篇博客
1 cd ~/Desktop
2 在 GitHub 上新建一個空 repo抄沮,repo 名稱是「你的用戶名.github.io」
3 npm install -g hexo-cli京革,安裝 Hexo(Window真的裝不上!)
4 hexo init myBlog
5 cd myBlog
6 npm i
7 hexo new 開博大吉,你會看到一個 md 文件的路徑
8 start xxxxx.md区转,編輯這個 md 文件,內(nèi)容自己想(Ubuntu 系統(tǒng)用 xdg-open xxxxx.md 命令)
9 start _config.yml版扩,編輯網(wǎng)站配置
i:把第 6 行的 title 改成你想要的名字
ii:把第 9 行的 author 改成你的大名
iii:把最后一行的 type 改成 type: git
iv:在最后一行后面新增一行废离,左邊與 type 平齊,加上一行 repo: 倉庫地址 (請將倉庫地址改為「你的
用戶名.github.io」對應的倉庫地址礁芦,倉庫地址以 git@github.com: )
v:第 4 步的 repo: 后面有個空格蜻韭。
10 npm install hexo-deployer-git --save,安裝 git 部署插件
11 hexo deploy
12 進入「你的用戶名.github.io」對應的 repo柿扣,打開 GitHub Pages 功能肖方,如果已經(jīng)打開了,就直接點擊預覽鏈接
13 你現(xiàn)在應該看到了你的博客未状!
二俯画、第二篇博客
1 hexo new 第二篇博客
2 復制顯示的路徑,使用 start 路徑 來編輯它
3 hexo generate
4 hexo deploy
5 看到第二篇博客
三司草、換主題
1 https://github.com/hexojs/hex... 上面有主題合集
2 隨便找一個主題艰垂,進入主題的 GitHub 首頁
3 復制它的 SSH 地址或 HTTPS 地址泡仗,假設地址為 git@github.com:iissnan/hexo-theme-next.git
4 cd themes
5 git clone git@github.com:iissnan/hexo-theme-next.git
6 cd ..
7 將 _config.yml 的第 75 行改為 theme: hexo-theme-next,保存
8 hexo generate
9 hexo deploy
10 新主題誕生啦猜憎!
四娩怎、上傳博客源代碼
注意「你的用戶名.github.io」上保存的只是你的博客,并沒有保存「生成博客的程序代碼」胰柑,你需要再創(chuàng)建一個名為 blog-generator 的空倉庫峦树,用來保存 myBlog 里面的「生成博客的程序代碼」。
1 在 GitHub 創(chuàng)建 blog-generator 空倉庫
2 按照截圖中的命令執(zhí)行注意不要用HTTPS5┦隆魁巩!
這樣一來,你的博客發(fā)布在了「你的用戶名.github.io」而你的「生成博客的程序代碼」發(fā)布在了 blog-generator姐浮。所有數(shù)據(jù)萬無一失谷遂,你就不會因為誤刪 myBlog 目錄而痛哭了。
以后每次 hexo deploy 完之后卖鲤,博客就會更新肾扰;然后你還要要 add / commit /push 一下「生成博客的程序代碼」,以防萬一蛋逾。
這個 blog-generator 就是用來生成博客的程序集晚,而「你的用戶名.github.io」倉庫就是你的博客頁面。