基于github+hexo創(chuàng)建自己的博客

很多朋友都想要產(chǎn)創(chuàng)建自己的博客，但是不知道怎么操作，下面成都網(wǎng)站建設(shè)的小編來給大家詳細(xì)介紹一下具體步驟有哪些，來一起看看吧!

首先第一部就是創(chuàng)建庫，

每個(gè)賬號(hào)都有一個(gè)自己的博客的庫，庫的名字規(guī)則：賬戶名字+github.io

使用hexo寫博客

hexo簡(jiǎn)介

Hexo是一個(gè)簡(jiǎn)單、快速、強(qiáng)大的基于 Github Pages 的博客發(fā)布工具，支持Markdown格式，有眾多優(yōu)秀插件和主題。

官網(wǎng)： http://hexo.io

github: https://github.com/hexojs/hexo

原理

由于github pages存放的都是靜態(tài)文件，博客存放的不只是文章內(nèi)容，還有文章列表、分類、標(biāo)簽、翻頁等動(dòng)態(tài)內(nèi)容，假如每次寫完一篇文章都要手動(dòng)更新博文目錄和相關(guān)鏈接信息，相信誰都會(huì)瘋掉，所以hexo所做的就是將這些md文件都放在本地，每次寫完文章后調(diào)用寫好的命令來批量完成相關(guān)頁面的生成，然后再將有改動(dòng)的頁面提交到github。

注意事項(xiàng)

安裝之前先來說幾個(gè)注意事項(xiàng)：

1.很多命令既可以用Windows的cmd來完成，也可以使用git bash來完成，但是部分命令會(huì)有一些問題，為避免不必要的問題，建議全部使用git bash來執(zhí)行;

2.hexo不同版本差別比較大，網(wǎng)上很多文章的配置信息都是基于2.x的，所以注意不要被誤導(dǎo);

3.hexo有2種_config.yml文件，一個(gè)是根目錄下的全局的_config.yml，一個(gè)是各個(gè)theme下的;

安裝

$ npm install -g hexo

初始化

在電腦的某個(gè)地方新建一個(gè)名為hexo的文件夾(名字可以隨便取)，比如我的是D:\Git\hexo，由于這個(gè)文件夾將來就作為你存放代碼的地方，所以最好不要隨便放。

$ cd D:\Git\hexo

$ hexo init

hexo會(huì)自動(dòng)下載一些文件到這個(gè)目錄，包括node_modules，目錄結(jié)構(gòu)如下圖：

Hexo g 生成

Hexo s 啟動(dòng)服務(wù)

執(zhí)行以上命令之后，hexo就會(huì)在public文件夾生成相關(guān)html文件，這些文件將來都是要提交到github去的：

Hexo s是開啟本地預(yù)覽服務(wù)，打開瀏覽器訪問 http://localhost:4000 即可看到內(nèi)容

修改默認(rèn)主題

在黑框里執(zhí)行

cd D:\Git\hexo

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

下載后的主題都在這里：

修改_config.yml中的theme: landscape改為theme: yilia，然后重新執(zhí)行hexo g來重新生成。

如果出現(xiàn)一些莫名其妙的問題，可以先執(zhí)行hexo clean來清理一下public的內(nèi)容，然后再來重新生成和發(fā)布。

上傳之前

在上傳代碼到github之前，一定要記得先把你以前所有代碼下載下來(雖然github有版本管理，但備份一下總是好的)，因?yàn)閺膆exo提交代碼時(shí)會(huì)把你以前的所有代碼都刪掉。

上傳到github

如果你一切都配置好了，發(fā)布上傳很容易，一句hexo d就搞定，當(dāng)然關(guān)鍵還是你要把所有東西配置好。

首先，ssh key肯定要配置好。

其次，配置_config.yml中有關(guān)deploy的部分：

正確寫法：

deploy:

type: git

repository: git@github.com:retechs/retechs.github.io.git

branch: master

錯(cuò)誤寫法：

deploy:

type: github

repository: https://github.com/retechs/retechs.github.io.git

branch: master

后面一種寫法是hexo2.x的寫法，現(xiàn)在已經(jīng)不行了，無論是哪種寫法，此時(shí)直接執(zhí)行hexo d的話一般會(huì)報(bào)如下錯(cuò)誤：

Deployer not found: github 或者 Deployer not found: git

原因是還需要安裝一個(gè)插件：

npm install hexo-deployer-git –save

其它命令不確定，部署這個(gè)命令一定要用git bash，否則會(huì)提示Permission denied (publickey).

打開你的git bash，輸入hexo d就會(huì)將本次有改動(dòng)的代碼全部提交，沒有改動(dòng)的不會(huì)：

保留CNAME、README.md等文件

提交之后網(wǎng)頁上一看，發(fā)現(xiàn)以前其它代碼都沒了，此時(shí)不要慌，一些非md文件可以把他們放到source文件夾下，這里的所有文件都會(huì)原樣復(fù)制(除了md文件)到public目錄的：

由于hexo默認(rèn)會(huì)把所有md文件都轉(zhuǎn)換成html，包括README.md，所有需要每次生成之后、上傳之前，手動(dòng)將README.md復(fù)制到public目錄，并刪除README.html。

常用hexo命令

常見命令

hexo new “postName” #新建文章

hexo new page “pageName” #新建頁面

hexo generate #生成靜態(tài)頁面至public目錄

hexo server #開啟預(yù)覽訪問端口(默認(rèn)端口4000，’ctrl + c’關(guān)閉server)

hexo deploy #部署到GitHub

hexo help # 查看幫助

hexo version #查看Hexo的版本

縮寫：

hexo n == hexo new

hexo g == hexo generate

hexo s == hexo server

hexo d == hexo deploy

組合命令：

hexo s -g #生成并本地預(yù)覽

hexo d -g #生成并上傳

_config.yml

這里面都是一些全局配置，每個(gè)參數(shù)的意思都比較簡(jiǎn)單明了，所以就不作詳細(xì)介紹了。

需要特別注意的地方是，冒號(hào)后面必須有一個(gè)空格，否則可能會(huì)出問題。

寫博客

定位到我們的hexo根目錄，執(zhí)行命令：

hexo new ‘my-blog’

hexo會(huì)幫我們?cè)赺posts下生成相關(guān)md文件：

我們只需要打開這個(gè)文件就可以開始寫博客了，默認(rèn)生成如下內(nèi)容：

當(dāng)然你也可以直接自己新建md文件，用這個(gè)命令的好處是幫我們自動(dòng)生成了時(shí)間。

一般完整格式如下：

—

title: postName #文章頁面上的顯示名稱，一般是中文

date: 2017-7-02 9:30:16 #文章生成時(shí)間，一般不改，當(dāng)然也可以任意修改

categories: 默認(rèn)分類 #分類

tags: [tag1,tag2,tag3] #文章標(biāo)簽，可空，多標(biāo)簽請(qǐng)用格式，注意:后面有個(gè)空格

description: 附加一段文章摘要，字?jǐn)?shù)最好在140字以內(nèi)，會(huì)出現(xiàn)在meta的description里面

—

如何讓博文列表不顯示全部?jī)?nèi)容

默認(rèn)情況下，生成的博文目錄會(huì)顯示全部的文章內(nèi)容，如何設(shè)置文章摘要的長度呢?

答案是在合適的位置加上即可，例如：

# 前言

使用github pages服務(wù)搭建博客的好處有：

1. 全是靜態(tài)文件，訪問速度快;

2. 免費(fèi)方便，不用花一分錢就可以搭建一個(gè)自由的個(gè)人博客，不需要服務(wù)器不需要后臺(tái);

3. 可以隨意綁定自己的域名，不仔細(xì)看的話根本看不出來你的網(wǎng)站是基于github的;

1. 數(shù)據(jù)絕對(duì)安全，基于github的版本管理，想恢復(fù)到哪個(gè)歷史版本都行;

2. 博客內(nèi)容可以輕松打包、轉(zhuǎn)移、發(fā)布到其它平臺(tái);

3. 等等;

最終效果：

以上就是成都網(wǎng)站建設(shè)的小編分享的建站的小技巧，如需了解更多請(qǐng)繼續(xù)關(guān)注創(chuàng)新互聯(lián)。

網(wǎng)頁標(biāo)題：基于github+hexo創(chuàng)建自己的博客
URL鏈接：http://www.muchs.cn/news28/315828.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站建設(shè)、云服務(wù)器、企業(yè)網(wǎng)站制作、網(wǎng)站營銷、用戶體驗(yàn)、網(wǎng)站導(dǎo)航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)