1. 程式人生 > >hexo + github 從零搭建 windows 傻瓜式 完美版

hexo + github 從零搭建 windows 傻瓜式 完美版

當前 strong 文件夾 windows == npm安裝 rep link watermark

這裏介紹的windows 下 安裝

廢話不說,開始

1、安裝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 來安裝就好了

2、安裝Git Bash

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

3、安裝hexo

  • 先創建一個文件夾(用來存放所有blog的東西),進入文件夾下。
  • 按shift + 鼠標右擊 //點擊在此處打開命令窗口
  • 安裝hexo命令:cnpm i -g hexo
  • 安裝完成後,查看版本
    技術分享圖片
    如果這裏提示 hexo 未安裝
    npm link hexo 就好了
  • 初始化命令:hexo init ,初始化完成之後打開所在的文件夾可以看到以下文件:
    技術分享圖片

4、搭建 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 "[email protected],生成ssh。
    技術分享圖片
  • 打開這個文件,復制裏面的內容
    回到github網站(設置ssh)
    技術分享圖片
    技術分享圖片
    技術分享圖片

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

修改如下:
技術分享圖片
註意我劃線的地方 標點符號不能錯 不然 你有的後悔!!!
技術分享圖片

  • 在項目的source文件夾下建立README.md 文件
    技術分享圖片

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

依次輸入,註意不是一次性輸入, 一句 一句輸入!

hexo clean
hexo generate
hexo server
  • 打開瀏覽器輸入:http://localhost:4000

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

7、上傳到github

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

hexo clean
hexo generate
hexo deploy

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

8、完成啦! 打開 yourname.github.com (註意後面是com)

會出現這樣的畫面,點擊劃線的 (很多人就是後綴.io,然後死活沒效果,得先進入com,再點擊這個,以後訪問.io 就可以了)
技術分享圖片

hexo + github 從零搭建 windows 傻瓜式 完美版