hexo乾貨系列:(一)hexo+gitHub搭建我的獨立博客

前言

一直想要一個本身的獨立博客,可是以爲申請域名+服務器的太麻煩了就一直沒有實現。偶然機會發現Hexo這個優秀的靜態博客框架,再搭配如今流行的gitHub,簡直是完美寫博客的黃金搭檔(免費+方便)。 因而就上網參考了好多教程最後磕磕碰碰的搭建了起來。可是網上的教程多多手手都有點問題,可能比較早把。就有了這個本身總結的教程,一是本身總結一下。二是給也想搭建Hexo博客的童鞋們多一點參考。
html

正文

我這個教程是基於window系統用戶,Hexo3版本java

安裝前提軟件

Node.js:
做用:node.js用來建立hexo博客框架的,我當前安裝版本爲:node-v5.6.0-x64node

Git客戶端:
做用:把本地的hexo內容提交到github上去,我當前安裝的是Git-2.7.0-64-bitgit

安裝Hexo

安裝前先介紹幾個hexo經常使用的命令,#後面爲註釋。github

hexo g #完整命令爲hexo generate,用於生成靜態文件
hexo s #完整命令爲hexo server,用於啓動服務器,主要用來本地預覽
hexo d #完整命令爲hexo deploy,用於將本地文件發佈到github上
hexo n #完整命令爲hexo new,用於新建一篇文章

利用 npm 命令便可安裝。在任意位置點擊鼠標右鍵,選擇Git Basenpm

輸入安裝hexo命令:瀏覽器

npm install -g hexo

安裝完成後,在你喜好的文件夾下(如E:\Hexo),執行如下指令(在E:\Hexo內點擊鼠標右鍵,選擇Git Bash),Hexo 即會自動在目標文件夾創建網站所須要的全部文件。服務器

hexo init

安裝依賴包:markdown

npm install

讓咱們看看剛剛下載的hexo文件帶來了什麼,在E:\hexo內執行如下命令:hexo

hexo g
hexo s

而後用瀏覽器訪問http://localhost:4000, 此時,你應該看到了一個漂亮的博客了,固然這個博客只是在本地的,別人是看不到的,hexo3.0使用的默認主題是landscape。輕輕鬆鬆就看到了一點成果,是否是很激動,這就是hexo的強大之處,這個本地預覽的功能,我真是愛不釋手。

註冊Github賬號

已經有Github賬號跳過此步,首先進入Github進行註冊,用戶名、郵箱和密碼以後都須要用到,本身記好。

建立repository

repository至關於一個倉庫,用來放置你的代碼文件。首先,登錄進入Github,並進入我的頁面,選擇repositories(下圖第一個紅圈的地方),而後New一個repository(下圖第二個紅圈的地方)

建立時,只須要填寫Repository name便可,固然這個名字的格式必須爲youname.github.io,例如個人爲tengj.github.io

部署本地文件到github

既然Repository已經建立了,固然是先把博客放到Github上去看看效果。編輯E:\hexo下的_config.yml文件,建議使用Notepad++。
在_config.yml最下方,添加以下配置(命令中的第一個tengj爲Github的用戶名,第二個tengj爲以前New的Repository的名字,記得改爲本身的。另外記得一點,hexo的配置文件中任何’:’後面都是帶一個空格的),若是配置如下命令出現ERROR Deployer not found : github,則參考上文的解決方法

deploy: 
    type: git
    repository: https://github.com/tengj/tengj.github.io.git
    branch: master

配置_config.yml並保存。若是你是第一次使用Github或者是已經使用過,但沒有配置過SSH,則可能須要配置一下:

在Git Bash輸入如下指令(任意位置點擊鼠標右鍵),檢查是否已經存在了SSH keys。

ls -al ~/.ssh

若是不存在就沒有關係,若是存在的話,直接刪除.ssh文件夾裏面全部文件:

輸入如下指令(郵箱就是你註冊Github時候的郵箱)後,回車,出現提示讓你輸入的時候直接先回車,好像須要3次,以下圖所示:

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

而後鍵入如下指令:

ssh-agent -s

繼續輸入指令:

ssh-add ~/.ssh/id_rsa

輸入以後,在我這裏是出錯了,不知道你的有沒有出錯。

若是你的也是這樣子出錯了的話,就輸入如下指令:

eval `ssh-agent -s`
ssh-add

到了這一步,就能夠添加SSH key到你的Github帳戶了。鍵入如下指令,拷貝Key(先拷貝了,等一下能夠直接粘貼,不放心的在執行下面命令後,先黏貼在記事本上):

clip < ~/.ssh/id_rsa.pub

而後到Github裏面,點擊右上角的設置圖標Settings,找到SSH keys,Ttile隨便你命名,Key就黏貼上你剛纔複製的key,而後點Add SSH key,最後會讓你從新輸入下gitHub的密碼


最後仍是測試一下吧,鍵入如下命令:

ssh -T git@github.com

你可能會看到有警告,沒事,輸入「yes」就好

以上就表示SSH配置好了,執行如下命令部署到Github上。

hexo g
hexo d

若是執行hexo d命令報下名錯:

就先安裝一下hexo-deployer-git這個模塊:

npm install hexo-deployer-git --save

安裝好了繼續執行hexo d部署命令,輸入gitHub的帳號密碼,就能夠訪問了。個人是: tengj.github.io

發表一篇文章

1.在Git Bash執行命令:

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 #發表日期,通常不改動
categories: blog #文章文類
tags: [文章] #文章標籤,多於一項時用這種格式,只有一項時使用tags: blog
---
#這裏是正文,用markdown寫,你能夠選擇寫一段顯示在首頁的簡介後,加上
<!--more-->,在<!--more-->以前的內容會顯示在首頁,以後的內容會被隱藏,當遊客點擊Read more才能看到。

寫完文章後,你可使用1.$ hexo g生成靜態文件。2.$ hexo s在本地預覽效果。3.hexo d同步到github,而後使用http://tengj.github.io進行訪問。

參考

使用Hexo搭建我的博客(基於hexo3.0)
HEXO+Github,搭建屬於本身的博客
史上最詳細「截圖」搭建Hexo博客並部署到Github

總結

到這裏,就算初步搭好了一個屬於本身的獨立博客,後續就是本地寫文章而後部署最後發佈就行。固然這只是最基本的流程,hexo提供了許多好看的主題,我準備下篇裏面詳細介紹下主題的下載以及配置。讓你的博客更加的酷炫!
你們按照我這個整理的教程搭建,理論上都能搭建成功。若是過程當中發現一些問題,也能夠留言咱們一塊兒探討。祝你們一次就能搭建屬於本身的獨立博客~撒花


更多教程能夠來我嘟嘟獨立博客裏面看到
歡迎來訪:嘟嘟獨立博客
---
最近擼了個java的公衆號,學習資源超級多,視頻,電子書,最新開發工具一個都不能少,已所有分享到百度雲盤,求資源共享,打造一個學習方便,工做方便的java公衆號,開源開源,有需求的能夠關注~撒花

相關文章
相關標籤/搜索