前言
一直想要一個自己的獨(dú)立博客固翰,但是覺得申請域名+服務(wù)器的太麻煩了就一直沒有實(shí)現(xiàn)彤委。偶然機(jī)會發(fā)現(xiàn)Hexo這個優(yōu)秀的靜態(tài)博客框架剂习,再搭配現(xiàn)在流行的gitHub揪垄,簡直是完美寫博客的黃金搭檔(免費(fèi)+方便)皇拣。于是就上網(wǎng)參考了好多教程最后磕磕碰碰的搭建了起來严蓖。但是網(wǎng)上的教程多多少少都有點(diǎn)問題,可能比較早吧。就有了這個自己總結(jié)的教程谈飒,一是自己總結(jié)一下来氧。二是給也想搭建Hexo博客的童鞋們多一點(diǎn)參考卿捎。
正文
我這個教程是基于window系統(tǒng)用戶巷嚣,Hexo3版本
安裝前提軟件
Node.js:
作用:node.js用來創(chuàng)建hexo博客框架的伟墙,我當(dāng)前安裝版本為:node-v5.6.0-x64
Git客戶端:
作用:把本地的hexo內(nèi)容提交到github上去,我當(dāng)前安裝的是Git-2.7.0-64-bit
安裝Hexo
安裝前先介紹幾個hexo常用的命令,#后面為注釋手素。
hexo g #完整命令為hexo generate,用于生成靜態(tài)文件
hexo s #完整命令為hexo server,用于啟動服務(wù)器鸳址,主要用來本地預(yù)覽
hexo d #完整命令為hexo deploy,用于將本地文件發(fā)布到github上
hexo n #完整命令為hexo new,用于新建一篇文章
利用 npm 命令即可安裝。在任意位置點(diǎn)擊鼠標(biāo)右鍵泉懦,選擇Git Base
![hexo1.jpg](https://s6.postimg.org/97dkqdaox/hexo1.jpg)
輸入安裝hexo命令:
npm install -g hexo
安裝完成后稿黍,在你喜愛的文件夾下(如E:\Hexo),執(zhí)行以下指令(在E:\Hexo內(nèi)點(diǎn)擊鼠標(biāo)右鍵崩哩,選擇Git Bash)巡球,Hexo 即會自動在目標(biāo)文件夾建立網(wǎng)站所需要的所有文件。
hexo init
安裝依賴包:
npm install
讓我們看看剛剛下載的hexo文件帶來了什么邓嘹,在E:\hexo內(nèi)執(zhí)行以下命令:
hexo g
hexo s
然后用瀏覽器訪問http://localhost:4000酣栈, 此時,你應(yīng)該看到了一個漂亮的博客了汹押,當(dāng)然這個博客只是在本地的矿筝,別人是看不到的,hexo3.0使用的默認(rèn)主題是landscape棚贾。輕輕松松就看到了一點(diǎn)成果窖维,是不是很激動,這就是hexo的強(qiáng)大之處妙痹,這個本地預(yù)覽的功能铸史,我真是愛不釋手。
注冊Github帳號
已經(jīng)有Github帳號跳過此步细诸,首先進(jìn)入Github進(jìn)行注冊沛贪,用戶名、郵箱和密碼之后都需要用到震贵,自己記好。
創(chuàng)建repository
repository相當(dāng)于一個倉庫水评,用來放置你的代碼文件猩系。首先,登陸進(jìn)入Github中燥,并進(jìn)入個人頁面寇甸,選擇repositories
(下圖第一個紅圈的地方),然后New一個repository
(下圖第二個紅圈的地方)
![hexo2.jpg](https://s6.postimg.org/ou9fhhdup/hexo2.jpg)
創(chuàng)建時,只需要填寫Repository name即可拿霉,當(dāng)然這個名字的格式必須為youname.github.io吟秩,例如我的為tengj.github.io
![hexo3.png](https://s6.postimg.org/pxtjtfyht/hexo3.png)
部署本地文件到github
既然Repository已經(jīng)創(chuàng)建了,當(dāng)然是先把博客放到Github上去看看效果绽淘。編輯E:\hexo下的_config.yml文件涵防,建議使用Notepad++。
在_config.yml最下方沪铭,添加如下配置(命令中的第一個tengj為Github的用戶名,第二個tengj為之前New的Repository的名字,記得改成自己的壮池。另外記得一點(diǎn),hexo的配置文件中任何’:’后面都是帶一個空格的),如果配置以下命令出現(xiàn)ERROR Deployer not found : github杀怠,則參考上文的解決方法
deploy:
type: git
repository: https://github.com/tengj/tengj.github.io.git
branch: master
配置_config.yml并保存椰憋。如果你是第一次使用Github或者是已經(jīng)使用過,但沒有配置過SSH赔退,則可能需要配置一下:
在Git Bash輸入以下指令(任意位置點(diǎn)擊鼠標(biāo)右鍵)橙依,檢查是否已經(jīng)存在了SSH keys。
ls -al ~/.ssh
如果不存在就沒有關(guān)系硕旗,如果存在的話票编,直接刪除.ssh文件夾里面所有文件:
![hexo4.png](https://s6.postimg.org/tipfco31d/hexo4.png)
輸入以下指令(郵箱就是你注冊Github時候的郵箱)后,回車卵渴,出現(xiàn)提示讓你輸入的時候直接先回車慧域,好像需要3次,如下圖所示:
ssh-keygen -t rsa -C "358593266@qq.com"
![hexo1_5.png](https://s6.postimg.org/twqrc9n4x/hexo1_5.png)
然后鍵入以下指令:
ssh-agent -s
![hexo1_6.png](https://s6.postimg.org/nkbm2fk2p/hexo1_6.png)
繼續(xù)輸入指令:
ssh-add ~/.ssh/id_rsa
輸入之后浪读,在我這里是出錯了昔榴,不知道你的有沒有出錯。
![hexo1_7.png](https://s6.postimg.org/t9rumqq8x/hexo1_7.png)
如果你的也是這樣子出錯了的話碘橘,就輸入以下指令:
eval `ssh-agent -s`
ssh-add
![hexo1_8.png](https://s6.postimg.org/gjnm9niap/hexo1_8.png)
到了這一步互订,就可以添加SSH key到你的Github賬戶了。鍵入以下指令痘拆,拷貝Key(先拷貝了仰禽,等一下可以直接粘貼,不放心的在執(zhí)行下面命令后纺蛆,先黏貼在記事本上):
clip < ~/.ssh/id_rsa.pub
然后到Github里面吐葵,點(diǎn)擊右上角的設(shè)置圖標(biāo)Settings,找到SSH keys,Ttile隨便你命名,Key就黏貼上你剛才復(fù)制的key,然后點(diǎn)Add SSH key桥氏,最后會讓你重新輸入下gitHub的密碼
![hexo1_9.png](https://s6.postimg.org/82o3yqdlt/hexo1_9.png)
最后還是測試一下吧温峭,鍵入以下命令:
ssh -T git@github.com
你可能會看到有警告,沒事字支,輸入“yes”就好
以上就表示SSH配置好了凤藏,執(zhí)行以下命令部署到Github上奸忽。
hexo g
hexo d
如果執(zhí)行hexo d命令報(bào)下名錯:
就先安裝一下hexo-deployer-git這個模塊:
npm install hexo-deployer-git --save
安裝好了繼續(xù)執(zhí)行hexo d
部署命令,輸入gitHub的賬號密碼揖庄,就可以訪問了栗菜。我的是: tengj.github.io
發(fā)表一篇文章
1.在Git Bash執(zhí)行命令:
hexo new "my new post"
2.在E:\hexo\source_post中打開my-new-post.md,打開方式使用記事本或者其他文本工具蹄梢。
hexo中寫文章使用的是Markdown疙筹,這里推薦使用markdownpad
這個工具。 Markdown編寫語法自己百度一下检号,不難
title: my new post #可以改成中文的腌歉,如“新文章”
date: 2016-02-21 16:04:09 #發(fā)表日期,一般不改動
categories: blog #文章文類
tags: [文章] #文章標(biāo)簽齐苛,多于一項(xiàng)時用這種格式翘盖,只有一項(xiàng)時使用tags: blog
---
#這里是正文,用markdown寫凹蜂,你可以選擇寫一段顯示在首頁的簡介后馍驯,加上
<!--more-->,在<!--more-->之前的內(nèi)容會顯示在首頁玛痊,之后的內(nèi)容會被隱藏汰瘫,當(dāng)游客點(diǎn)擊Read more才能看到。
寫完文章后擂煞,你可以使用
$ hexo g 生成靜態(tài)文件
$ hexo s 在本地預(yù)覽效果
$ hexo d 同步到github
然后使用http://lyqblue.github.io 進(jìn)行訪問混弥。
總結(jié)
到這里,就算初步搭好了一個屬于自己的獨(dú)立博客对省,后續(xù)就是本地寫文章然后部署最后發(fā)布就行蝗拿。當(dāng)然這只是最基本的流程,hexo提供了許多好看的主題蒿涎,我準(zhǔn)備下篇里面詳細(xì)介紹下主題的下載以及配置哀托。讓你的博客更加的酷炫!
大家按照我這個整理的教程搭建,理論上都能搭建成功劳秋。如果過程中發(fā)現(xiàn)一些問題仓手,也可以留言我們一起探討。祝大家一次就能搭建屬于自己的獨(dú)立博客~撒花