Hexo+GitHub快速搭建博客

Hexo 是一個快速、簡潔且高效的博客框架。事實上,你也可以選擇上官網看教程。利用GitHub+Hexo我們可以快速搭建一個個人博客網站。以下是使用教程。

一. 安裝Hexo

  據說windows下極易安裝失敗,但是我的win10並沒有出現什麼問題。所以我不知道你們會出現什麼問題我也不會解決。
  如果你的系統裏已經安裝過Node.js和Git的話,安裝Hexo會是一件再簡單不過的事情。如果沒有安裝過的話,請自行百度教程。然後再繼續本篇內容。
  打開git bash,然後運行npm install -g hexo-cli。然後就安裝完成了。

二. 在GitHub上建立項目

在GitHub上建立一個空的repo,名稱是[你的用戶名.github.io],比如wenchuyang.github.io。

三. 配置Hexo

是的安裝完成之後你需要配置它,依舊用命令行。
1. 進入一個安全並且你能找得到的目錄,比如cd ~/Desktop
2. 執行以下命令

hexo init <folder>  //folder是你自己的文件夾名稱,比如hexo init myBlog
cd <folder>
npm install  //或者簡寫爲 npm i 
  1. 您可以在_config.yml文件中修改大部分的配置。運行start _config.yml打開該文件,各參數如下。你需要把文件最後一行的type改成type: git,最後一行的後邊新增一行,左邊與type平齊,加上一行repo: 倉庫地址(請將倉庫地址改爲「你的用戶名.github.io」對應的倉庫地址)。注意格式。其它請按照你自己的需求更改。

  2. 安裝git部署插件。npm install hexo-deployer-git --save

  3. 部署網站。hexo deploy

四. 寫下你的第一篇blog

  1. hexo new 我的第一篇博客
  2. 複製顯示的路徑,使用start 路徑來編輯它(windows給你顯示的路徑用的是”\”,你需要手動將其改成”/”才能進入目錄。[微笑])
  3. hexo generate
  4. hexo deploy

五. 切換主題

我猜你一定不會喜歡它默認的主題,當然如果你無所謂的話請忽略這一步。

  1. Hexo主題合集,找一個你喜歡的主題,進入主題的GitHub首頁。
  2. 複製它的SSH地址,假設地址是[email protected]:iissnan/hexo-theme-next.git
  3. cd themes進入themes文件夾。
  4. git clone [email protected]:iissnan/hexo-theme-next.git將項目克隆到你的本地themes文件夾
  5. 5.
cd .. //退回到上層文件夾
start _config.yml //打開配置文件,將 _config.yml 的第 75 行改爲 theme: hexo-theme-next,保存
hexo generate
hexo deploy
  1. 等一分鐘,然後刷新你的博客頁面。

六. 上傳源碼

上邊我們建的倉庫保存的只是你的博客頁面,並沒有保存源碼。所以如果你誤刪了這個本地的文件夾…..嗯,爲了防止你手抖做出什麼可怕的事情,我們需要在GitHub上繼續新建一個項目,用來保存生成博客的源碼。

  1. 在GitHub上創建blog-generator空倉庫
  2. 初始化空倉庫,GitHub上有詳細的步驟,一步一步來即可。不多說了。
    溫馨提示:你現在所在的目錄應該是你的博客目錄比如我的是myBlog,push到遠程倉庫的時候事實上你是將myBlog這整個的文件夾push上去。
  3. 以後每次hexo deploy之後博客就會更新,然後你記着add/commit/push將blog-generator同步更新就好了。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章