hexo+github搭建個人博客

windows環境下
準備工作

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

當地搭建hexo靜態博客

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

    • 《hexo+github搭建個人博客》
  4. 天生hexo模板:hexo init blog (初始化該文件夾)
  5. 進入blog文件夾:npm install
  6. 進入blog文件夾:hexo server(接見當地localhost:4000能夠看到博客已搭建勝利)

    • 《hexo+github搭建個人博客》

將博客與github關聯

  1. 在Github上建立名為xxx.github.io的堆棧,xxx為本身github的用戶名。
  2. 翻開當地的myBlog的blog文件夾內的_config.yml設置文件,將个中的type設置為git

    • 《hexo+github搭建個人博客》
  3. 進入blog文件夾運轉 npm install hexo-deployer-git –save

    • 《hexo+github搭建個人博客》
  4. hexo generate
  5. hexo deploy
  6. 進入xxx.github.io對應的 repo,翻開 GitHub Pages 功用,假如已翻開了,就直接點擊預覽鏈接。也可翻開瀏覽器,接見:https://qfstudy.github.io

編輯博客

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

    • 《hexo+github搭建個人博客》
  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 內里的天生博客的程序代碼。

《hexo+github搭建個人博客》

《hexo+github搭建個人博客》

今後每次 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中修正

    • 《hexo+github搭建個人博客》

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

    原文作者:qfstudy
    原文地址: https://segmentfault.com/a/1190000014399675
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞