圖解 hexo + github 從零快速 搭建我的博客 windows

這裏介紹的windows 下 安裝

廢話不說，開始

一、安裝NodeJs

Hexo需用經過npm安裝，而npm須要node，如今只要安裝node 就自帶 npm了

• 下載地址 (說明：LTS爲長期支持版，Current爲當前最新版) //下載LTS就行了
• 安裝步驟：反正下載好msi文件後，雙擊打開安裝，也是一路next
• 打開cmd控制檯 查看版本： 命令：node -v

  

  這裏須要把npm 換成淘寶的鏡像，否則裝插件會很慢，和裝不上
• npm install -g cnpm --registry=https://registry.npm.taobao.org 之後使用 cnpm 來安裝就行了

二、安裝Git Bash

• 下載地址
• 安裝步驟：雙擊下載好的exe文件，一路next就好啦
• 安裝好後，在隨便一個文件夾下 鼠標右擊 就有 Git Bash Here 了

三、安裝hexo

• 先建立一個文件夾（用來存放全部blog的東西），進入文件夾下。
• 按shift + 鼠標右擊 //點擊在此處打開命令窗口
• 安裝hexo命令：cnpm i -g hexo
• 安裝完成後，查看版本

  

  若是這裏提示 hexo 未安裝 npm link hexo 就行了
• 初始化命令：hexo init ，初始化完成以後打開所在的文件夾能夠看到如下文件：

  

四、搭建 github（沒有github的就註冊個）

• 點擊紅線處，名稱爲yourname.github.io, 其中yourname是你的github名稱，名稱.github.io 這種纔有效，以下

  

  

• 名字要和前面github名字同樣！

• 勾不勾上InInitialize this repository with a README 無所謂的看後面

• 回到cmd控制檯 （設置github用戶名 和郵箱 注意改爲你的github用戶名 郵箱）

  

• 建立SSH
• ssh-keygen -t rsa -C "youremail@example.com，生成ssh。

  

• 打開這個文件，複製裏面的內容 回到github網站（設置ssh）

  

  

  

五、打開你剛纔新建的文件夾 用編輯器 打開 _config.yml

修改以下：

注意我劃線的地方 標點符號不能錯 否則 你有的後悔！！！

• 在項目的source文件夾下創建README.md 文件

  

六、在文件夾下右擊 選擇 git bash here

依次輸入，注意不是一次性輸入， 一句 一句輸入！

hexo clean
hexo generate
hexo server
複製代碼

• 打開瀏覽器輸入：http://localhost:4000

• 接着你就會笑的跟個200斤的孩子同樣了~

七、上傳到github

鼠標右擊 進入 git base！ 先安裝：cnpm i hexo-deployer-git --save 執行命令(最好每次修改後都這樣操做一下)：

hexo clean
hexo generate
hexo deploy
複製代碼

打開github 網站 ，進入你的項目裏

八、完成啦！ 打開 yourname.github.com （注意後面是com）

會出現這樣的畫面，點擊劃線的 （不少人就是後綴.io,而後死活沒效果，得先進入com，再點擊這個，之後訪問.io 就能夠了）

注： hexo could not read form 問題

把https 的改爲下面這種形式的，注意我畫線的，我整了很久 就是標點符號不對！！！