windows環境下
準備工做node
- 下載安裝node.js並安裝,默認安裝npm
- 下載安裝git和Git Bash
本地搭建hexo靜態博客git
- 新建一個文件夾,如myBlog
- 進入該文件夾,右鍵點擊
Git Bash Here
-
下載安裝hexo:npm install hexo-cli -ggithub
- 生成hexo模板:hexo init blog (初始化該文件夾)
- 進入blog文件夾:npm install
-
進入blog文件夾:hexo server(訪問本地localhost:4000能夠看到博客已經搭建成功)npm
將博客與github關聯windows
- 在Github上建立名爲xxx.github.io的倉庫,xxx爲本身github的用戶名。
-
打開本地的myBlog的blog文件夾內的_config.yml配置文件,將其中的type設置爲git瀏覽器
-
進入blog文件夾運行 npm install hexo-deployer-git --savehexo
- hexo generate
- hexo deploy
-
進入xxx.github.io對應的 repo,打開 GitHub Pages 功能,若是已經打開了,就直接點擊預覽連接。也可打開瀏覽器,訪問:https://qfstudy.github.iopost
編輯博客url
- hexo new 博客標題
-
編輯source_posts下對應的md文件spa
- hexo generate
- hexo deploy
這時打開博客就看到本身新編輯的博客
更新文章
- 在blog目錄下執行:hexo new 「個人第一篇文章」,會在source/_posts文件夾內生成一個.md文件。
- 編輯該文件(遵循Markdown規則)
-
修改起始字段
- title 文章的標題
- date 建立日期 (文件的建立日期 )
- updated 修改日期 ( 文件的修改日期)
- comments 是否開啓評論 true
- tags 標籤
- categories 分類
- permalink url中的名字(文件名)
- 編寫正文內容(MakeDown)
- hexo clean 刪除本地靜態文件(Public目錄),可不執行。
- hexo g 生成本地靜態文件(Public目錄)
- hexo deploy 將本地靜態文件推送至github(hexo d)
上傳源代碼
注意(xxx.github.io)上保存的只是你的博客,並無保存生成博客的程序代碼,你須要再建立一個名爲 blog-generator(能夠隨意命名) 的空倉庫,用來保存 myBlog 裏面的生成博客的程序代碼。
![clipboard.png clipboard.png](http://static.javashuo.com/static/loading.gif)
![clipboard.png clipboard.png](http://static.javashuo.com/static/loading.gif)
之後每次 hexo deploy
完以後,博客就會更新;而後你還要要 git add /git commit /git push
一下上傳生成博客的程序代碼
,以防萬一。
更換主題
- 進入Hexo的官網主題專欄
- github:https://github.com/hexojs/hex...
- 複製它的 SSH 地址或 HTTPS 地址,假設地址爲 git@github.com:iissnan/hexo-theme-next.git
- cd themes
- git clone git@github.com:iissnan/hexo-theme-next.git
- cd ..
- 將 _config.yml 的第 75 行改成 theme: hexo-theme-next,保存
- hexo generate
- hexo deploy
- 等一分鐘,而後刷新你的博客頁面,你會看到一個新的外觀。若是不喜歡這個主題,就回到第 1 步,重選一個主題。
next主題配置
-
更改社交連接,在主題文件夾的_config.yml中修改
參考
https://github.com/limedroid/...