hexo搭建博客


如下是步驟:

1.進入一個安全的目錄,好比 cd ~/Desktop 或者 cd ~/Documents,別在根目錄 / 瞎搞。之後全部的教程第一步都是「進入一個安全的目錄,別在根目錄瞎搞」,只有 ~ 裏面的目錄是你能碰的!html

2.在 GitHub 上新建一個空 repo,repo 名稱是「你的用戶名.github.io」(注意個用戶名是你的GitHub用戶名,不是你的電腦用戶名)git

3.npm install -g hexo-cli,安裝 Hexogithub

4.hexo init myBlogweb

5.cd myBlognpm

6.npm i瀏覽器

7.hexo new 開博大吉,你會看到一個 md 文件的路徑(Windows 的路徑中的 \ 須要變成 / 才行哦)安全

8.運行 start source/_post/開博大吉.md 來編輯這個 md 文件,(Ubuntu 系統用 xdg-open xxxxxxxxxxxxxxxxxxx.md 命令)hexo

9.start _config.yml,編輯網站配置post

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 功能,若是已經打開了,你應該會看到一個預覽連接

13.用瀏覽器訪問「預覽連接/index.html」就應該看到了你的博客!(GitHub Pages 存在延遲,若是沒看到,過三分鐘再刷新看看)

報錯

hexo init myBlog的時候報錯: the TLS connection was non-properly terminated

1.可使用如下命令確認系統是否使用代理

env | grep -i proxy

2.若是有設置https代理,可使用命令去除

unset https_proxy

第二篇博客

1.hexo new 第二篇博客

2.複製顯示的路徑,使用 start 路徑 來編輯它

3.hexo generate

4.hexo deploy

5.去看你的博客,應該能看到第二篇博客了

換主題

1.github.com/hexojs/hexo… 上面有主題合集

2.隨便找一個主題,進入主題的 GitHub 首頁

3.複製它的 SSH 地址或 HTTPS 地址

4.git clone git@github.com:iissnan/hexo-theme-next.git

5.cd ..

6.將 _config.yml 的第 75 行改成 theme: hexo-theme-next,保存

7.hexo generate

8.hexo deploy

9.等一分鐘,而後刷新你的博客頁面,你會看到一個新的外觀。若是不喜歡這個主題,就回到第 1 步,重選一個主題

加入 Disqus 評論

參考

注意:配置 Hexo的時候只須要在主題配置文件加上一句:disqus: Your website shortname

如何將主頁的博客摺疊長度

1.將主題目錄下配置文件裏的scroll_to_more這個選項設置爲false

2.在博客須要摺疊的地方加上""

上傳源代碼

注意「你的用戶名.github.io」上保存的只是你的博客,並無保存「生成博客的程序代碼」,你須要再建立一個名爲 blog-generator 的空倉庫,用來保存 myBlog 裏面的「生成博客的程序代碼」。

1.在 GitHub 建立 blog-generator 空倉庫

2.按照截圖中的命令執行便可,記住 別 用 HTTPS 地址。

這樣一來,你的博客發佈在了「你的用戶名.github.io」而你的「生成博客的程序代碼」發佈在了 blog-generator。全部數據萬無一失,你就不會由於誤刪 myBlog 目錄而痛哭了。

之後每次 hexo deploy 完以後,博客就會更新;而後你還要要 add / commit /push 一下「生成博客的程序代碼」,以防萬一。

這個 blog-generator 就是用來生成博客的程序,而「你的用戶名.github.io」倉庫就是你的博客頁面。

相關文章
相關標籤/搜索