輕鬆搭建Hexo+Github博客

1 安裝node.js

下載nodejs
http://nodejs.cn/download/
關鍵步驟截圖,其餘默認便可。
輕鬆搭建Hexo+Github博客node

而後win+r輸入cmd打開命令行,輸入git

node -v
npm -v

輕鬆搭建Hexo+Github博客
安裝成功github

2 安裝git

下載git
https://git-scm.com/download
關鍵步驟截圖
輕鬆搭建Hexo+Github博客npm

輕鬆搭建Hexo+Github博客
其餘默認安裝便可
檢查git是否安裝好,輸入bash

git --version

輕鬆搭建Hexo+Github博客

在本身認爲合適的位置建立一個個文件夾,個人是E:\hexo ,在命令行界面進入該文件夾,而後使用 npm 便可完成 Hexo 的安裝hexo

npm install -g hexo-cli
npm install hexo --save

輕鬆搭建Hexo+Github博客
安裝完成,可能會有WARN,但不會影響正常使用
檢查hexo是否安裝好ssh

hexo -v

輕鬆搭建Hexo+Github博客

3 Hexo的配置

在當前目錄下新建一個名爲blog的文件夾,用於存放博客網站的信息
在命令行進入blog,初始化該文件夾,並安裝所需組件ide

hexo init 
npm install

安裝完成後,檢測是否安裝成功post

hexo g
hexo s

而後會提示你訪問http://localhost:4000
輕鬆搭建Hexo+Github博客
出現該界面說明Hexo在本地的配置完成了。網站

4 GitHub帳號與配置

https://github.com/
登錄github帳號,若是尚未github帳號先註冊,進入網站後,Sign up 進行註冊, 填寫本身的用戶名,郵箱,密碼(郵箱後面會用到驗證帳戶)
註冊完成後,新建代碼倉庫
點擊網頁右上角」+」 中的New repo ,新建倉庫
輕鬆搭建Hexo+Github博客

在該界面輸入倉庫名,描述信息,選擇共有或私有倉庫
注意倉庫名要和你的用戶名一致(yourname.github.io),不然後面會訪問錯誤
輕鬆搭建Hexo+Github博客

建立完成後會自動顯示你的倉庫界面
輕鬆搭建Hexo+Github博客
點擊選項欄 Setting ,向下拖至此處,將none 選項選爲第一個選項,開啓GitHub Pages功能 並Save,能夠暫時Change theme,以供暫時訪問,可是後面咱們使用的是Hexo主題,二者並不衝突
輕鬆搭建Hexo+Github博客
稍等片刻便可看到提示建立成功,至此github配置完成。

5 配置Git我的信息

git config --golbal user.name "username"
git config --global user.email "11877.....@example.com"

查看用戶信息,能夠看到剛纔的配置

git config --list

在blog目錄新建文件夾daemon ,進入到該文件夾中
右擊進入 Git Bash Here

$  git init

該命令將建立一個名爲 .git 的子目錄,這個子目錄含有你初始化的 Git 倉庫中全部的必須文件,這些文件是 Git 倉庫的骨幹

輕鬆搭建Hexo+Github博客
輕鬆搭建Hexo+Github博客

cd ~/.ssh  
ls
cat id_rsa.pub

輕鬆搭建Hexo+Github博客
若是沒有 id_rsa.pub文件先在本地生成

$ ssh-keygen -t rsa -C "youremail@example.com"

而後複製cat 到的內容
進入Github的我的設置界,點擊New Ssh Key
輕鬆搭建Hexo+Github博客
把剛纔複製的內容粘貼到key裏
返回命令行,輸入

ssh -T git@github.com

輕鬆搭建Hexo+Github博客

6 編輯hexo配置文件

編輯 hexo下的blog下的_config.yml
配置倉庫
輕鬆搭建Hexo+Github博客
開啓目錄
輕鬆搭建Hexo+Github博客

編輯daemon.git 下的config
輕鬆搭建Hexo+Github博客

而後進入 hexo\blog ,右擊進入 git bash
安裝擴展

npm install --save hexo-deployer-git

安裝圖片顯示插件

npm install hexo-asset-image --save

而後運行hexo n "xxxx"來生成md博文時,/source/_posts文件夾內除了xxxx.md文件還有一個同名的文件夾,編輯好文章以後

hexo g   //  生成
hexo d   //  部署

初次部署的時候會彈出登錄框,須要登錄一下github
輕鬆搭建Hexo+Github博客
稍等便可完成部署
而後訪問yourname.github.io就能夠看到本身的博客了
輕鬆搭建Hexo+Github博客

相關文章
相關標籤/搜索