Hexo+Github博客搭建

1、準備

　　1.安裝git

　　　　點擊下載：連接：https://pan.baidu.com/s/1eToStns 密碼：r93r

　　　　安裝參考以前隨筆：http://www.cnblogs.com/jiangbei/p/7704971.html

　 　2.安裝node.js

　　　　點擊下載：https://nodejs.org/en/　　

　　　　  一路next安裝便可

　　3.驗證安裝

　　　　WIN+R->輸入cmd來到命令行界面，輸入如下命令進行檢驗

　　　　

　　　4.github相關配置

　　　　　　登陸github（如無賬號請先註冊）：https://github.com/

　　　　　建立倉庫

　　　　　　

　　　　　　配置github pages

　　　　　　

　　　　　　　　找到github pages便可進行相關配置

　　　　5.安裝hexo

　　　　　　　hexo官網：https://hexo.io/zh-cn/

　　　　　　   在F盤建立blog文件夾（固然位置與文件夾名稱能夠自定義）

　　　　　　在blog文件夾中右鍵，Git bash here

　　　　　　安裝：

$ npm install -g hexo-cli

　　　　　　更新版本至最新版本：

$ npm update hexo -g

　　　　　　初始化：

$ hexo init blog
$ cd blog
$ npm install

　　　　　　生成靜態頁面：

$ hexo generate

　　　　　　啓動服務：

$ hexo server

　　　　　　

　　　　　　訪問INFO網址，便可看到默認頁面！

　　

 

2、Hexo與Github綁定

　　1.配置我的信息

　　在git bash中輸入github賬號對應的用戶名與郵件地址

$ git config --global user.name "John Doe" $ git config --global user.email johndoe@example.com

　　生成SSH密鑰：

ssh-keygen -t rsa -C "775992759@qq.com"

　　配置SSH KEYS參考以前隨筆：http://www.cnblogs.com/jiangbei/p/7712064.html

　　2.配置github與hexo的關聯

　　找到配置文件：

　　

　　修改部署部分：

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: https://github.com/jiangbei01/jiangbei01.github.io
  branch: master
  message:

　　保存離開，而後配置插件：

$ npm install hexo-deployer-git --save

　　部署：

$ hexo deploy

　　從新部署一次（清理以前相關的東西）

$ hexo clean
$ hexo generate
$ hexo deploy

　　最後，輸入地址便可訪問！點擊預覽

　　部署配置參考博文：http://blog.csdn.net/gdutxiaoxu/article/details/53576018

　　　　　　　　　　　http://www.javashuo.com/article/p-wfliabdg-ko.html

3、主題與外觀配置

　　　　1.主題配置

　　　　　　官方介紹：https://hexo.io/zh-cn/docs/themes.html

　　　　　　官網主題列表：https://hexo.io/themes/

　　　　　　  Github 全部主題列表：https://github.com/hexojs/hexo/wiki/Themes

　　　　咱們以更換主題 yilia 爲例：https://github.com/litten/hexo-theme-yilia

　　　　在博客根目錄下，下載主題：（git bash）

$ git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

　　　// 此時thenes下會多出yilia文件夾

　　　修改根目錄下配置文件：

theme: yilia

　　執行hexo g（與前面hexo general同義）從新生成：

hexo g

　　再部署就能能經過hexo s啓動服務查看效果了！

hexo d

　　最後提交到github：在themes/yilia下執行：（之後更改yml等配置，執行此命令便可！）

git pull origin master

　　從新訪問，查看效果！https://jiangbei01.github.io/

　　　　2.修改頭像

　　　　　　頭像能夠存放在：圖牀或者七牛雲

　　　　通常都會在主題文件夾的_config.yml中修改，先將圖片上傳，獲得外鏈地址，而後修改對應配置：

　　　　

 4、寫博客

　　Hexo使用markdown語法的純文本編輯，文件後綴名.m ,文件存放在：咱們的站點目錄下/source/_post 文件夾下

　　測試寫博客流程：

　　執行新建命令

hexo new "new article"

　　

　　打開md文件，輸入博客內容

　　從新生成並部署（使用簡化命令）

hexo d -g

　　從新訪問，便可查看到！

　　文章所擁有的屬性：

　　

　　全部屬性：（官方文檔有詳細解釋）

　　

 　　　　配置文章不顯示全文而是顯示展開更多：

　　　　

 　　　　文章標籤設置

　　　　　　　　注意空格！冒號和-號後面都有空格！

---
title: 標題
date: 2016-07-22 15:08:32
categories:
tags:
     - 隨筆
     - test
---