關(guān)于zblog轉(zhuǎn)hexo的信息

hexo搭建部署到gitee(基礎(chǔ)教程）

hexo部署到github和部署到gitee都差不多，這里選擇gitee

創(chuàng)新互聯(lián)長期為近千家客戶提供的網(wǎng)站建設(shè)服務(wù)，團隊從業(yè)經(jīng)驗10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為錫山企業(yè)提供專業(yè)的成都做網(wǎng)站、成都網(wǎng)站建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)，錫山網(wǎng)站改版等技術(shù)服務(wù)。擁有十多年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。

在 git Bash Here 中輸入下面的兩個命令進行配置

打開 git Bash Here 輸入以下命令:

然后一直回車，若出現(xiàn) Overwrite (y/n)? ,則輸入 y ,若沒有，則一直回車。結(jié)束后你的 ssh 就生成了，我的自動生成路徑是： C:\Users\dell\.ssh ，在 .ssh 中有兩個文件 id_rsa （私人密鑰）和 id_rsa.pub （公共密鑰），這里我們選擇 id_rsa.pub 公共密鑰。 id_rsa.pub 用記事本打開，復(fù)制

先隨便創(chuàng)建一個空的文件夾，如：我創(chuàng)建的文件夾：D:\blog 然后在 git 中進入到 D:\blog 目錄下。

開始安裝hexo，Hexo將會在我的 D:\blog 文件夾中新建所需要的文件。

hexo g 之后出現(xiàn) public 文件夾和 db.json

這里會出現(xiàn) 網(wǎng)址，把它復(fù)制下來到瀏覽器打開，就可以了。

在 gitee 前面創(chuàng)建的倉庫中，復(fù)制SSH。

最后在 git 繼續(xù)執(zhí)行下面的命令行，部署到gitee中，

tip：每次修改完配置，都要保存，然后執(zhí)行hexo clean和hexo g及 hexo d

我的博客：

hexo+github博客搭建與備份教程（詳細篇）

來自肥宅的小樂趣，帶你玩轉(zhuǎn)hexo自建博客，生活還是需要裝一下的嘛：）。

官網(wǎng) :

關(guān)于hexo，如官網(wǎng)的一句話介紹,

正如上面的介紹，hexo會在本地生成一個靜態(tài)html頁面，為了讓別人看到我們的博客，我們就需要將其推到遠端--服務(wù)器。

那么github就提供給我們一個免費的倉庫，對于新人練手是再好不過了。當(dāng)然，也可以購買屬于自己的域名，讓更多的朋友看到你的博客。話不多說，讓我們開始吧?。ㄗ髡呤褂玫氖莔ac os系統(tǒng)，其他系統(tǒng)也類似）

mac用戶推薦使用 Homebrew

筆者安裝的版本為v12.6.0

安裝hexo需要依賴node.js的 npm 的包管理器，由于國內(nèi)鏡像源速度很慢，為了避免出錯，所以在使用之前一般是利用 npm 來安裝 cnpm , cnpm 為淘寶的鏡像源。

至此，我們hexo的博客搭建初步完成了。 INFO Start blogging with Hexo!

若不存在，請進行下一步（存在，請?zhí)^創(chuàng)建步驟）

輸入后按回車，然后會提示輸入密碼，可以按回車設(shè)為空。之后SSH就生成了，下圖所示：

4. 檢驗SSH Key

執(zhí)行yes，若出現(xiàn)下例，則表示配置成功。

5. 設(shè)置用戶信息

6. 本地博客部署至Github

終端 myblog 目錄下，使用 vim 打開 _config.yml ,

滑動至最底部，如圖，編輯 deploy 節(jié)點,

type: git

repo: git@github.com:codehory/codehory.github.io.git

branch: master

注：1.冒號后有空格 2. repo 一行為新建倉庫的SSH地址，打開新建倉庫就能看見

輸入完畢，按 esc , :wq 保存退出。

7. 安裝部署插件

在 myblog 目錄下，

8. Deploy to Github

至此，恭喜，完成全部部署，在網(wǎng)址欄輸入： yourusername.github.io 就能看到你的初步博客啦！（ yourusername 為你github用戶名）

在 myblog 目錄下，新建一篇博客，

在本地博客的 source-_posts 路徑下看到新建的文章，是md格式的，使用markdown文本編輯器進行編輯即可。

編輯完成之后，執(zhí)行以下命令，即可更新博文，

為了繼續(xù)滿足我們深入骨髓的DIY之心，換一個自己喜歡的主題也是必不可少的環(huán)節(jié)。Github上有很多眼花繚亂的主題，去選一個自己喜歡的吧！

本文例程使用的是：

在 myblog 目錄下，用 vim 打開 _config.yml ,

可以修改 title,subtitle,description,keywords,author 等內(nèi)容，這些屬性依賴于你選擇的主題。

輸入完畢，按 esc , :wq 保存退出。

menu 用來設(shè)置你博客的分類，標簽等。

subnav 為你的社交媒體的鏈接，如github，微博等。

用github當(dāng)圖床

頭像 更換:在 myblog 目錄下的 source 文件下創(chuàng)建 img 文件，將圖片保存在其中。我們通過部署生成，把圖片放到 github 上，通過鏈接找到。

例如：本文將一張 timg.jpeg 的圖片存放到 myblog/source/img/ 下，那么我們可以通過之前生成的鏈接，如 ,進行圖片的插入。

還有許多諸如此類的設(shè)置，各自進去修改吧，同樣的操作，保存退出。

最后來看看我們的博客吧，還不錯吧：

由于博客是在本地生成的，如果更換電腦，那我們是不是就不能用這個博客了？方法總比問題多，我們可以利用 github 來備份博客的文件和數(shù)據(jù)。

第一次備份完畢，以后的備份，只需進行如下操作：

這樣備份完畢后，我們在另一臺電腦上，只需 git clone 一下就行了。

說長不長，說短不短，一通操作下來，不知你是否成功了呢？作者只是拋磚引玉，帶你入門，之后的進階過程，還望各位繼續(xù)探索，玩轉(zhuǎn)hexo。歡迎在評論區(qū)展示下你們的成果咯，讓作者也學(xué)習(xí)學(xué)習(xí)，哈哈。同樣，如若有任何紕漏或者相關(guān)問題，請在評論區(qū)留言吧！感謝各位觀看！See you～

hexo管理文章

使用如下命令你可以新建一篇文章

當(dāng)然你也可以直接在 blog\source\_posts 目錄下直接新建一個yourtitle.md文件，這樣就算是新建了一篇文章，但是這樣創(chuàng)建的文章需要在最上方添加如下說明：

hexo似乎沒有專門的命令來刪除一篇文章吧，刪除的手法也很簡單，就是在 blog\source\_posts 目錄下直接刪除指定文章，刷新一下你的網(wǎng)站就可以看到變化了。

文章的修改應(yīng)該是很頻繁的吧，其實就是打開你想修改的文件，直接在里面修改保存，但是這樣似乎見不到效果，很多時候你刷新一下頁面只能見到如下情況：

如果真的遇到了，最粗暴的方法就是在git上使用上按住鍵盤Ctrl+C關(guān)閉服務(wù)器，之后再使用 hexo s 開啟服務(wù)器，就可以看到變化了。

如何用github-hexo搭建一個靜態(tài)博客

Hexo搭建Github靜態(tài)博客

1. 環(huán)境環(huán)境

1.1 安裝Git

請參考【1】

1.2 安裝node.js

下載：

可以下載 node-v0.10.33-x64.msi

安裝時直接保持默認配置即可。

2. 配置Github

1.1 建立Repository

建立與你用戶名對應(yīng)的倉庫，倉庫名必須為【your_user_name.github.io】

1.2 配置SSH-Key

參考【1】

3. 安裝Hexo

關(guān)于Hexo的安裝配置過程，請以官方Hexo【2】給出的步驟為準。

3.1 Installation

打開Git命令行，執(zhí)行如下命令

$ npm install -g hexo

3.2 Quick Start

1. Setup your blog

在電腦中建立一個名字叫「Hexo」的文件夾（比如我建在了D:\Hexo），然后在此文件夾中右鍵打開Git Bash。執(zhí)行下面的命令

$ hexo init

[info] Copying data

[info] You are almost done! Don't forget to run `npm install` before you start b

logging with Hexo!

Hexo隨后會自動在目標文件夾建立網(wǎng)站所需要的文件。然后按照提示，運行 npm install（在 /D/Hexo下）

npm install

會在D:\Hexo目錄中安裝 node_modules。

2. Start the server

運行下面的命令（在 /D/Hexo下）

$ hexo server

[info] Hexo is running at . Press Ctrl+C to stop.

表明Hexo Server已經(jīng)啟動了，在瀏覽器中打開 ，這時可以看到Hexo已為你生成了一篇blog。

你可以按Ctrl+C 停止Server。

3. Create a new post

新打開一個git bash命令行窗口，cd到/D/Hexo下，執(zhí)行下面的命令

$ hexo new "My New Post"

[info] File created at d:\Hexo\source\_posts\My-New-Post.md

刷新，可以發(fā)現(xiàn)已生成了一篇新文章 "My New Post"。

NOTE：

有一個問題，發(fā)現(xiàn) "My New Post" 被發(fā)了2遍，在Hexo server所在的git bash窗口也能看到create了2次。

$ hexo server

[info] Hexo is running at . Press Ctrl+C to stop.

[create] d:\Hexo\source\_posts\My-New-Post.md

[create] d:\Hexo\source\_posts\My-New-Post.md

經(jīng)驗證，在hexo new "My New Post" 時，如果按Ctrl+C將hexo server停掉，就不會出現(xiàn)發(fā)2次的問題了。

所以，在hexo new文章時，需要stop server。

4. Generate static files

執(zhí)行下面的命令，將markdown文件生成靜態(tài)網(wǎng)頁。

$ hexo generate

該命令執(zhí)行完后，會在 D:\Hexo\public\ 目錄下生成一系列html，css等文件。

5. 編輯文章

hexo new "My New Post"會在D:\Hexo\source\_posts目錄下生成一個markdown文件：My-New-Post.md

可以使用一個支持markdown語法的編輯器（比如 Sublime Text 2）來編輯該文件。

6. 部署到Github

部署到Github前需要配置_config.yml文件，首先找到下面的內(nèi)容

# Deployment

## Docs:

deploy:

type:

然后將它們修改為

# Deployment

## Docs:

deploy:

type: github

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

branch: master

NOTE1:

Repository：必須是SSH形式的url（git@github.com:zhchnchn/zhchnchn.github.io.git），而不能是HTTPS形式的url（），否則會出現(xiàn)錯誤：

$ hexo deploy

[info] Start deploying: github

[error] is not a valid repositor URL!

使用SSH url，如果電腦沒有開放SSH 端口，會致部署失敗。

fatal: Could not read from remote repository.

Please make sure you have the correct access rights

and the repository exists.

NOTE2：

如果你是為一個項目制作網(wǎng)站，那么需要把branch設(shè)置為gh-pages。

7. 測試

當(dāng)部署完成后，在瀏覽器中打開（） ，正常顯示網(wǎng)頁，表明部署成功。

8. 總結(jié)：部署步驟

每次部署的步驟，可按以下三步來進行。

hexo clean

hexo generate

hexo deploy

9. 總結(jié)：本地調(diào)試

1. 在執(zhí)行下面的命令后，

$ hexo g #生成

$ hexo s #啟動本地服務(wù)，進行文章預(yù)覽調(diào)試

瀏覽器輸入，查看搭建效果。此后的每次變更_config.yml 文件或者新建文件都可以先用此命令調(diào)試，尤其是當(dāng)你想調(diào)試新添加的主題時。

2. 可以用簡化的一條命令

hexo s -g

3.3 命令總結(jié)

3.3.1 常用命令

復(fù)制代碼

hexo new "postName" #新建文章

hexo new page "pageName" #新建頁面

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

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

hexo deploy #將.deploy目錄部署到GitHub

hexo help # 查看幫助

hexo version #查看Hexo的版本

復(fù)制代碼

3.3.2 復(fù)合命令

hexo deploy -g #生成加部署

hexo server -g #生成加預(yù)覽

命令的簡寫為：

hexo n == hexo new

hexo g == hexo generate

hexo s == hexo server

hexo d == hexo deploy

4 配置Hexo

4.1 配置文件介紹

下面的各個部分的介紹，請直接參考【3】。

1. 默認目錄結(jié)構(gòu)介紹

2. _config.yml配置文件介紹

NOTE：在修改_config.yml配置文件時，按照【3】的介紹進行修改后，重新 hexo clean 或者hexo deploy時，可能會出現(xiàn)如下錯誤：

復(fù)制代碼

$ hexo clean

[error] { name: 'HexoError',

reason: 'can not read a block mapping entry; a multiline key may not be an imp

licit key',

mark:

{ name: null,

buffer: '# Hexo Configuration\n## Docs:

tml\n## Source: \n\n# Site\ntitle: Zhchnchn\nsubt

itle: Coding on the way\ndescription: Zhchnchn\'s blog\nauthor: Zhchnchn\nemail:

115063497@qq.com\nlanguage:zh-CN\n\n# URL\n## If your site is put in a subdirect

......

,

position: 249,

line: 12,

column: 0 },

message: 'Config file load failed',

domain:

{ domain: null,

_events: { error: [Function] },

_maxListeners: 10,

members: [ [Object] ] },

domainThrown: true,

stack: undefined }

復(fù)制代碼

我的_config.yml配置文件是一個空行，所以錯誤肯定在前面，經(jīng)過對比發(fā)現(xiàn)，我前面修改了一下 # Site的各項設(shè)置，在冒號:后面沒留空格導(dǎo)致了該問題，請對比一下下面的區(qū)別：

錯誤的設(shè)置：

author:Zhchnchn

email:XXX@qq.com

language:zh-CN

正確的設(shè)置：

author: Zhchnchn

email: XXX@qq.com

language: zh-CN

3. 各個主題下的目錄介紹（hexo\themes\下的modernist主題為例）

4.2 安裝主題

Hexo提供了很多主題，具體可參見Hexo Themes【4】。這里我選擇使用Pacman主題。具體設(shè)置方法如下【5】

4.2.1 安裝

1. 將Git Shell 切到/D/Hexo目錄下，然后執(zhí)行下面的命令，將pacman下載到 themes/pacman 目錄下。

$ git clone themes/pacman

2. 修改你的博客根目錄/D/Hexo下的config.yml配置文件中的theme屬性，將其設(shè)置為pacman。

3. 更新pacman主題

cd themes/pacman

git pull

NOTE：先備份_config.yml 文件后再升級

4.2.2 配置

如果pacman的默認設(shè)置不能滿足需要的話，你可以修改 /themes/pacman/下的配置文件_config.yml來定制。

各個config的含義，請參考【5】中的介紹。

4.2.3 評論框

靜態(tài)博客要使用第三方評論系統(tǒng)，pacman配置了多說評論系統(tǒng)（/themes/pacman/_config.yml），默認關(guān)閉，只要將其打開即可:false-true。直接用你的微博/豆瓣/人人/百度/開心網(wǎng)帳號登錄多說，即可發(fā)表平評論。

#### Comment

duoshuo:

enable: true ## duoshuo.com

short_name: ## duoshuo short name.

4.2.3 統(tǒng)計

1. pacman配置了google analysis系統(tǒng)（/themes/pacman/_config.yml），默認關(guān)閉，將其打開。

2. 需要注冊google analysis服務(wù)，以獲得 跟蹤 ID。

如果已有g(shù)oogle賬戶的話，可以直接注冊。注冊時，需要正確填寫 網(wǎng)站的URL。注冊成功后，會得到一個跟蹤ID，以及一段跟蹤代碼。

3. pacman配置了google analysis系統(tǒng)，將其打開

#### Analytics

google_analytics:

enable: true

id: UA-57032437-1 ## e.g. UA-1766729-8 your google analytics ID.

site: auto ## e.g. yangjian.me your google analytics site or set the value as auto.

4. 在themes\pacman\layout\_partial\google_analytics.ejs 中，已經(jīng)將google的跟蹤代碼添加進來了【3】。

復(fù)制代碼

% if (theme.google_analytics.enable){ %

script type="text/javascript"

(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){

(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),

m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)

})(window,document,'script','//','ga');

ga('create', '%= theme.google_analytics.id %', '%= theme.google_analytics.site %');

ga('send', 'pageview');

/script

% } %

復(fù)制代碼

而且會將/themes/pacman/_config.yml中的id和site值讀取進來。

5. 如果設(shè)置不起作用，請試試在\themes\pacman\layout\_partial\head.ejs文件中最后，/head之前，添加上下面的語句試試。

%- partial('google_analytics') %

4.3 Custom 404頁面

1. 網(wǎng)上大多數(shù)教程都將其說的極其簡單：“直接在根目錄下創(chuàng)建自己的 404.html 就可以”。但我卻在這兒廢了不少時間，究其原因是大家覺得太簡單而說的不夠明白。“根目錄下”指的不是Hexo目錄下，而是Hexo/source目錄下。

2. 404.html的內(nèi)容可以設(shè)置為下面的內(nèi)容【6】（NOTE： _config.yml中的permalink_defaults屬性不需要修改）。

復(fù)制代碼

---

layout: default

---

html

head

meta charset="UTF-8" /

title404/title

/head

body

script type="text/javascript" src="" charset="utf-8"/script

/body

/html

復(fù)制代碼

也可以簡化為這一行：

script type="text/javascript" src="" charset="utf-8"/script

4.4 安裝插件

4.4.1 sitemap插件

1. 可以將你站點地圖提交給搜索引擎，文件路徑\sitemap.xml。

2. 安裝

$ npm install hexo-generator-sitemap

3. 啟用，修改Hexo\_config.yml，增加以下內(nèi)容

復(fù)制代碼

# Extensions

Plugins:

- hexo-generator-sitemap

#sitemap

sitemap:

path: sitemap.xml

復(fù)制代碼

4. 使用方法

（1）訪問 ，即可看到站點地圖。

（2）那么怎么將它顯示在頁面中呢【7】？

可以修改themes/pacman（也就是你正在使用的那個theme）下的 _config.yml，在 menu 節(jié)點下添加下面的內(nèi)容（下面要介紹的RSS插件也同樣）

menu:

Home: /

Archives: /archives

Rss: /atom.xml

Sitemap: /sitemap.xml

修改后的效果如圖所示：

5. 如何向google提交sitemap

Sitemap 可方便管理員通知搜索引擎他們網(wǎng)站上有哪些可供抓取的網(wǎng)頁。向google提交自己hexo博客的sitemap，有助于讓別人更好地通過google搜索到自己的博客。

如何向google提交sitemap，請參考【8】。

6. 升級插件

$ npm update

7. 卸載插件

$ npm uninstall hexo-generator-sitemap

4.4.2 feed插件

1. RSS的生成插件，你可以在配置顯示你站點的RSS，文件路徑\atom.xml。

2. 安裝

$ npm install hexo-generator-feed

3. 啟用，修改Hexo\_config.yml，增加以下內(nèi)容

復(fù)制代碼

# Extensions

Plugins:

- hexo-generator-feed

- hexo-generator-sitemap

#Feed Atom

feed:

type: atom

path: atom.xml

limit: 20

復(fù)制代碼

4.使用方法

參見sitemap插件介紹

5. 優(yōu)化Hexo

5.1 添加“Fork me on Github” ribbon

給blog主頁添加一個“Fork me on Github”的綬帶（ribbon）【9】，比如選擇了紅色的ribbon，將相應(yīng)代碼復(fù)制到Hexo正在使用的theme下layout.ejs中。比如我使用的pacman theme，那么將下面的代碼（注意將you改為你自己的github上的注冊名）

a href=""img style="position: absolute; top: 0; left: 0; border: 0;" src="" alt="Fork me on GitHub" data-canonical-src=""/a

粘貼到 themes\pacman\layout\layout.ejs中，放置在 最后，標簽/body之前即可。

6 其他

6.1 中文亂碼

在md 文件中寫中文內(nèi)容，發(fā)布出來后為亂碼，原因是md的編碼不對，將md文件另存為“UTF-8”編碼的文件即可解決問題。

References

【1】Windows下Git安裝指南（）

【2】Hexo （）

【3】hexo你的博客（）

【4】Hexo All Themes（）

【5】Pacman主題介紹（）

【6】hexo添加404頁面()

【7】如何搭建一個獨立博客——簡明Github Pages與Hexo教程（）

【8】如何向google提交sitemap（詳細）()

【9】GitHub Ribbons()

網(wǎng)站題目：關(guān)于zblog轉(zhuǎn)hexo的信息
轉(zhuǎn)載來源：http://www.bm7419.com/article20/ddceojo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供軟件開發(fā)、自適應(yīng)網(wǎng)站、網(wǎng)站導(dǎo)航、網(wǎng)站維護、網(wǎng)站內(nèi)鏈、網(wǎng)站策劃

廣告

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