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

這裏介紹的windows 下 安裝

廢話不說,開始node

一、安裝NodeJs

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

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

查看版本:
命令:node -v
這裏寫圖片描述
這裏須要把npm 換成淘寶的鏡像,否則裝插件會很慢,和裝不上github

  • npm install -g cnpm --registry=https://registry.npm.taobao.org

之後使用 cnpm 來安裝就行了npm

二、安裝Git Bash

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

三、安裝hexo

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

這裏寫圖片描述
若是這裏提示 hexo 未安裝
npm link hexo 就行了windows

  • 初始化命令: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

修改以下:
這裏寫圖片描述
注意我劃線的地方 標點符號不能錯 否則 你有的後悔!!!
這裏寫圖片描述bash

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

這裏寫圖片描述

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

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

hexo clean
hexo generate
hexo server
  • 打開瀏覽器輸入:http://localhost:4000
  • 接着你就會笑的跟個200斤的孩子同樣了~

七、上傳到github

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

hexo clean
hexo generate
hexo deploy

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

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

會出現這樣的畫面,點擊劃線的 (不少人就是後綴.io,而後死活沒效果,得先進入com,再點擊這個,之後訪問.io 就能夠了)
這裏寫圖片描述

相關文章
相關標籤/搜索