在windows裏hexo 博客建立步驟

作一個本身的Hexo的博客如下是步驟。(須要安裝node js)node

  1. 進入一個安全的目錄,好比 cd ~/Desktop 或者 cd ~/Documents,別在根目錄 / 瞎搞。之後全部的教程第一步都是「進入一個安全的目錄,別在根目錄瞎搞」,只有 ~ 裏面的目錄是你能碰的!
  2. 在 GitHub 上新建一個空 repo,repo 名稱是「你的用戶名.github.io」(請將你的用戶名替換成真正的用戶名)
  3. npm install -g hexo-cli,安裝 Hexo
  4. hexo init myBlog  新建一個myblog的目錄
  5. cd myBlog 進入目錄
  6. npm i   安裝 install
  7. hexo new 開博大吉,你會看到一個 md 文件的路徑  
    Windows 的路徑中的 \ 須要變成 / 才行哦Windows 的路徑中的 \ 須要變成 / 才行哦
  8. 開博大吉就是你的第一篇博客,在路徑\_POSTS\之後全部的文章都在這裏,本地瀏覽博客 分別輸入 以下命令:

        hexo g 生成靜態頁面git

        hexo s 部署到本地github



    在瀏覽器輸入http://loaclhost:4000 便可

  9. 創建hexo與GitHub之間的鏈接, start _config.yml,編輯網站配置()
    1. 把第 6 行的 title 改爲你想要的名字
    2. 把第 9 行的 author 改爲你的大名
    3. 把最後一行的 type 改爲 type: git
    4. 在最後一行後面新增一行,左邊與 type 平齊,加上一行 repo: 倉庫地址 (請將倉庫地址改成「你的用戶名.github.io」對應的倉庫地址,倉庫地址以 git@github.com: 開頭你知道吧?不知道?不知道的話如今你知道了)
    5. 第 4 步的 repo: 後面有個空格,不要眼瞎。

       

  10. npm install hexo-deployer-git --save,安裝 git 部署插件
  11. hexo deploy 部署服務器
  12. 進入「你的用戶名.github.io」對應的 repo,打開 GitHub Pages 功能,若是已經打開了,就直接點擊預覽連接
  13. 你如今應該看到了你的博客!

第二篇博客

  1. hexo new 第二篇博客
  2. 複製顯示的路徑,使用 start 路徑 來編輯它
  3. hexo generate 生成靜態頁面
  4. hexo deploy  部署頁面到服務器
    hexo d -g  在部署前生成、就是上面兩句話的縮寫
  5. 去看你的博客,應該能看到第二篇博客了

換主題

  1. https://github.com/hexojs/hexo/wiki/Themes 上面有主題合集
  2. 隨便找一個主題,進入主題的 GitHub 首頁,好比我找的是 https://github.com/iissnan/hexo-theme-next
  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. 等一分鐘,而後刷新你的博客頁面,你會看到一個新的外觀。若是不喜歡這個主題,就回到第 1 步,重選一個主題。

上傳源代碼

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

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

    圖片圖片

     

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

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

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

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

相關文章
相關標籤/搜索