1. 程式人生 > >利用hexo+github創建個人博客

利用hexo+github創建個人博客

根據 路徑 com 分鐘 deploy commit 打開 rate 喜歡

因為想擁有一個獨屬於自己的個人博客啊。

安裝部署hexo

  1. 進入一個安全的目錄,cd ~/Desktop
  2. 在 GitHub 上新建一個空 repo,repo 名稱是「你的GitHub用戶名.github.io」
  3. 安裝 Hexo $ npm install -g hexo-cli
  4. $ hexo init myBlog
  5. $ cd myBlog
  6. $ npm I
  7. $ hexo new這時會看到一個 md 文件的路徑
  8. $ vi _config.yml編輯網站配置
    • 把第 6 行的 title 改成你想要的名字
    • 把第 9 行的 author 改成你的名字
    • 把最後一行的 type 改成 type: git
    • 在最後一行後新增一行 repo: 倉庫地址
      (倉庫地址應為「你的GitHub用戶.github.io」對應的倉庫地址,倉庫地址以 [email protected] 開頭)
    • ??repo後面有個空格。
  9. $ npm install hexo-deployer-git —save安裝 git 部署插件
  10. $ hexo deploy
  11. 進入「你的GitHub用戶名.github.io」對應的 repo,打開GitHub Pages功能,如果已經打開了,直接點擊即可預覽鏈接博客

添加新的博客

  1. $ hexo new 添加博客md,這時會出現一個路徑,復制顯示的路徑,打開編輯
  2. $ hexo generate
  3. $ hexo deploy OK完成

更換博客的主題

  1. 進入喜歡的主題的 GitHub 首頁
  2. 復制它的 SSH 地址或 HTTPS 地址
  3. 根據md文件提示下載
  4. 將myBlo文件夾中中_config.yml的第 75 行改為 theme: 新下載的主題的文件夾名字
  5. $ hexo generate
  6. $ hexo deploy
  7. 一分鐘博客頁面即可

上傳博客源代碼

註意??:「你的Github用戶名.github.io」上保存的只是你的博客,並沒有保存「生成博客的程序代碼」,所以需要再創建一個名為 blog-generator的空倉庫,用來保存 myBlog 裏面的「生成博客的程序代碼」

  1. 在 GitHub 創建 blog-generator 空倉庫
    技術分享圖片

  2. 按照截圖中的命令執行即可,記住不要用 HTTPS 地址。
  3. 這樣你的博客發布在了「你的Github用戶名.github.io」而「生成博客的程序代碼」發布在了 blog-generator。所有數據萬無一失。
    • 以後每次 hexo deploy 完之後,博客就會更新;然後還要 add / commit /push 一下「生成博客的程序代碼」,以防萬一。
    • 這個 blog-generator就是用來生成博客的程序,而「你的Github用戶名.github.io」倉庫就是你的博客頁面。

利用hexo+github創建個人博客