hexo+github搭建我的博客

windows環境下
準備工做node

  1. 下載安裝node.js並安裝,默認安裝npm
  2. 下載安裝git和Git Bash

本地搭建hexo靜態博客git

  1. 新建一個文件夾,如myBlog
  2. 進入該文件夾,右鍵點擊Git Bash Here
  3. 下載安裝hexo:npm install hexo-cli -ggithub

    • clipboard.png
  4. 生成hexo模板:hexo init blog (初始化該文件夾)
  5. 進入blog文件夾:npm install
  6. 進入blog文件夾:hexo server(訪問本地localhost:4000能夠看到博客已經搭建成功)npm

    • clipboard.png

將博客與github關聯windows

  1. 在Github上建立名爲xxx.github.io的倉庫,xxx爲本身github的用戶名。
  2. 打開本地的myBlog的blog文件夾內的_config.yml配置文件,將其中的type設置爲git瀏覽器

    • clipboard.png
  3. 進入blog文件夾運行 npm install hexo-deployer-git --savehexo

    • clipboard.png
  4. hexo generate
  5. hexo deploy
  6. 進入xxx.github.io對應的 repo,打開 GitHub Pages 功能,若是已經打開了,就直接點擊預覽連接。也可打開瀏覽器,訪問:https://qfstudy.github.iopost


編輯博客url

  1. hexo new 博客標題
  2. 編輯source_posts下對應的md文件spa

    • clipboard.png
  3. hexo generate
  4. hexo deploy

這時打開博客就看到本身新編輯的博客


更新文章

  1. 在blog目錄下執行:hexo new 「個人第一篇文章」,會在source/_posts文件夾內生成一個.md文件。
  2. 編輯該文件(遵循Markdown規則)
  3. 修改起始字段

    • title 文章的標題
    • date 建立日期 (文件的建立日期 )
    • updated 修改日期 ( 文件的修改日期)
    • comments 是否開啓評論 true
    • tags 標籤
    • categories 分類
    • permalink url中的名字(文件名)
  4. 編寫正文內容(MakeDown)
  5. hexo clean 刪除本地靜態文件(Public目錄),可不執行。
  6. hexo g 生成本地靜態文件(Public目錄)
  7. hexo deploy 將本地靜態文件推送至github(hexo d)

上傳源代碼
注意(xxx.github.io)上保存的只是你的博客,並無保存生成博客的程序代碼,你須要再建立一個名爲 blog-generator(能夠隨意命名) 的空倉庫,用來保存 myBlog 裏面的生成博客的程序代碼。

clipboard.png

clipboard.png

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


更換主題

  1. 進入Hexo的官網主題專欄
  2. github:https://github.com/hexojs/hex...
  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 步,重選一個主題。

next主題配置

  1. 更改社交連接,在主題文件夾的_config.yml中修改

    • clipboard.png

參考
https://github.com/limedroid/...

相關文章
相關標籤/搜索