轉(zhuǎn)載

hexo史上最全搭建教程

2018-09-16 20:19:08 zjufangzh 閱讀數(shù) 46445 收起 分類專欄： 日常技術(shù) 版權(quán)聲明：本文為博主原創(chuàng)文章，遵循 CC 4.0 BY-SA 版權(quán)協(xié)議，轉(zhuǎn)載請附上原文出處鏈接和本聲明。 本文鏈接： https://blog.csdn.net/sinat_37781304/article/details/82729029

花了幾天搭建了個(gè)網(wǎng)站，先上鏈接，歡迎來訪：fangzh的個(gè)人博客

現(xiàn)在市面上的博客很多，如CSDN，博客園，簡書等平臺(tái)，可以直接在上面發(fā)表，用戶交互做的好，寫的文章百度也能搜索的到。缺點(diǎn)是比較不自由，會(huì)受到平臺(tái)的各種限制和惡心的廣告。

而自己購買域名和服務(wù)器，搭建博客的成本實(shí)在是太高了，不光是說這些購買成本，單單是花力氣去自己搭這么一個(gè)網(wǎng)站，還要定期的維護(hù)它，對于我們大多數(shù)人來說，實(shí)在是沒有這樣的精力和時(shí)間。

那么就有第三種選擇，直接在github page平臺(tái)上托管我們的博客。這樣就可以安心的來寫作，又不需要定期維護(hù)，而且hexo作為一個(gè)快速簡潔的博客框架，用它來搭建博客真的非常容易。

Hexo簡介

Hexo是一款基于Node.js的靜態(tài)博客框架，依賴少易于安裝使用，可以方便的生成靜態(tài)網(wǎng)頁托管在GitHub和Coding上，是搭建博客的首選框架。大家可以進(jìn)入hexo官網(wǎng)進(jìn)行詳細(xì)查看，因?yàn)镠exo的創(chuàng)建者是臺(tái)灣人，對中文的支持很友好，可以選擇中文進(jìn)行查看。

教程分三個(gè)部分，

• 第一部分：hexo的初級搭建還有部署到github page上，以及個(gè)人域名的綁定。
• 第二部分：hexo的基本配置，更換主題，實(shí)現(xiàn)多終端工作，以及在coding page部署實(shí)現(xiàn)國內(nèi)外分流
• 第三部分：hexo添加各種功能，包括搜索的SEO，閱讀量統(tǒng)計(jì)，訪問量統(tǒng)計(jì)和評論系統(tǒng)等。

---

第一部分

hexo的初級搭建還有部署到github page上，以及個(gè)人域名的綁定。

Hexo簡介

Hexo是一款基于Node.js的靜態(tài)博客框架，依賴少易于安裝使用，可以方便的生成靜態(tài)網(wǎng)頁托管在GitHub和Coding上，是搭建博客的首選框架。大家可以進(jìn)入hexo官網(wǎng)進(jìn)行詳細(xì)查看，因?yàn)镠exo的創(chuàng)建者是臺(tái)灣人，對中文的支持很友好，可以選擇中文進(jìn)行查看。

Hexo搭建步驟

安裝Git

安裝Node.js

安裝Hexo

GitHub創(chuàng)建個(gè)人倉庫

生成SSH添加到GitHub

將hexo部署到GitHub

設(shè)置個(gè)人域名

發(fā)布文章

1. 安裝Git

Git是目前世界上最先進(jìn)的分布式版本控制系統(tǒng)，可以有效、高速的處理從很小到非常大的項(xiàng)目版本管理。也就是用來管理你的hexo博客文章，上傳到GitHub的工具。Git非常強(qiáng)大，我覺得建議每個(gè)人都去了解一下。廖雪峰老師的Git教程寫的非常好，大家可以了解一下。Git教程

windows：到git官網(wǎng)上下載,Download git,下載后會(huì)有一個(gè)Git Bash的命令行工具，以后就用這個(gè)工具來使用git。

linux：對linux來說實(shí)在是太簡單了，因?yàn)樽钤绲膅it就是在linux上編寫的，只需要一行代碼

sudo apt-get install git

• 1

安裝好后，用git --version 來查看一下版本

2. 安裝nodejs

Hexo是基于nodeJS編寫的，所以需要安裝一下nodeJs和里面的npm工具。

windows：nodejs選擇LTS版本就行了。

linux：

sudo apt-get install nodejs sudo apt-get install npm

• 1
• 2

安裝完后，打開命令行

node -v npm -v

• 1
• 2

檢查一下有沒有安裝成功

順便說一下，windows在git安裝完后，就可以直接使用git bash來敲命令行了，不用自帶的cmd，cmd有點(diǎn)難用。

3. 安裝hexo

前面git和nodejs安裝好后，就可以安裝hexo了，你可以先創(chuàng)建一個(gè)文件夾blog，然后cd到這個(gè)文件夾下（或者在這個(gè)文件夾下直接右鍵git bash打開）。

輸入命令

npm install -g hexo-cli

• 1

依舊用hexo -v查看一下版本

至此就全部安裝完了。

接下來初始化一下hexo

hexo init myblog

• 1

這個(gè)myblog可以自己取什么名字都行，然后

cd myblog //進(jìn)入這個(gè)myblog文件夾 npm install

• 1
• 2

新建完成后，指定文件夾目錄下有：

• node_modules: 依賴包
• public：存放生成的頁面
• scaffolds：生成文章的一些模板
• source：用來存放你的文章
• themes：主題
• ** _config.yml: 博客的配置文件**

hexo g hexo server

• 1
• 2

打開hexo的服務(wù)，在瀏覽器輸入localhost:4000就可以看到你生成的博客了。

大概長這樣：

使用ctrl+c可以把服務(wù)關(guān)掉。

4. GitHub創(chuàng)建個(gè)人倉庫

首先，你先要有一個(gè)GitHub賬戶，去注冊一個(gè)吧。

注冊完登錄后，在GitHub.com中看到一個(gè)New repository，新建倉庫

創(chuàng)建一個(gè)和你用戶名相同的倉庫，后面加.github.io，只有這樣，將來要部署到GitHub page的時(shí)候，才會(huì)被識(shí)別，也就是xxxx.github.io，其中xxx就是你注冊GitHub的用戶名。我這里是已經(jīng)建過了。

點(diǎn)擊create repository。

5. 生成SSH添加到GitHub

回到你的git bash中，

git config --global user.name "yourname" git config --global user.email "youremail"

• 1
• 2

這里的yourname輸入你的GitHub用戶名，youremail輸入你GitHub的郵箱。這樣GitHub才能知道你是不是對應(yīng)它的賬戶。

可以用以下兩條，檢查一下你有沒有輸對

git config user.name git config user.email

• 1
• 2

然后創(chuàng)建SSH,一路回車

ssh-keygen -t rsa -C "youremail"

• 1

這個(gè)時(shí)候它會(huì)告訴你已經(jīng)生成了.ssh的文件夾。在你的電腦中找到這個(gè)文件夾。

ssh，簡單來講，就是一個(gè)秘鑰，其中，id_rsa是你這臺(tái)電腦的私人秘鑰，不能給別人看的，id_rsa.pub是公共秘鑰，可以隨便給別人看。把這個(gè)公鑰放在GitHub上，這樣當(dāng)你鏈接GitHub自己的賬戶時(shí)，它就會(huì)根據(jù)公鑰匹配你的私鑰，當(dāng)能夠相互匹配時(shí)，才能夠順利的通過git上傳你的文件到GitHub上。

而后在GitHub的setting中，找到SSH keys的設(shè)置選項(xiàng)，點(diǎn)擊New SSH key
把你的id_rsa.pub里面的信息復(fù)制進(jìn)去。

在gitbash中，查看是否成功

ssh -T git@github.com

• 1

6. 將hexo部署到GitHub

這一步，我們就可以將hexo和GitHub關(guān)聯(lián)起來，也就是將hexo生成的文章部署到GitHub上，打開站點(diǎn)配置文件 _config.yml，翻到最后，修改為
YourgithubName就是你的GitHub賬戶

deploy:type: gitrepo: https://github.com/YourgithubName/YourgithubName.github.io.gitbranch: master

• 1
• 2
• 3
• 4

這個(gè)時(shí)候需要先安裝deploy-git ，也就是部署的命令,這樣你才能用命令部署到GitHub。

npm install hexo-deployer-git --save

• 1

然后

hexo clean hexo generate hexo deploy

• 1
• 2
• 3

其中 hexo clean清除了你之前生成的東西，也可以不加。
hexo generate 顧名思義，生成靜態(tài)文章，可以用 hexo g縮寫
hexo deploy 部署文章，可以用hexo d縮寫

注意deploy時(shí)可能要你輸入username和password。

得到下圖就說明部署成功了，過一會(huì)兒就可以在http://yourname.github.io 這個(gè)網(wǎng)站看到你的博客了！！

7. 設(shè)置個(gè)人域名

現(xiàn)在你的個(gè)人網(wǎng)站的地址是 yourname.github.io，如果覺得這個(gè)網(wǎng)址逼格不太夠，這就需要你設(shè)置個(gè)人域名了。但是需要花錢。

注冊一個(gè)阿里云賬戶,在阿里云上買一個(gè)域名，我買的是 fangzh.top，各個(gè)后綴的價(jià)格不太一樣，比如最廣泛的.com就比較貴，看個(gè)人喜好咯。

你需要先去進(jìn)行實(shí)名認(rèn)證,然后在域名控制臺(tái)中，看到你購買的域名。

點(diǎn)解析進(jìn)去，添加解析。

其中，192.30.252.153 和 192.30.252.154 是GitHub的服務(wù)器地址。
注意，解析線路選擇默認(rèn)，不要像我一樣選境外。這個(gè)境外是后面來做國內(nèi)外分流用的,在后面的博客中會(huì)講到。記得現(xiàn)在選擇默認(rèn)！！

登錄GitHub，進(jìn)入之前創(chuàng)建的倉庫，點(diǎn)擊settings，設(shè)置Custom domain，輸入你的域名fangzh.top

然后在你的博客文件source中創(chuàng)建一個(gè)名為CNAME文件，不要后綴。寫上你的域名。

最后，在gitbash中，輸入

hexo clean hexo g hexo d

• 1
• 2
• 3

過不了多久，再打開你的瀏覽器，輸入你自己的域名，就可以看到搭建的網(wǎng)站啦！

接下來你就可以正式開始寫文章了。

hexo new newpapername

• 1

然后在source/_post中打開markdown文件，就可以開始編輯了。當(dāng)你寫完的時(shí)候，再

hexo clean hexo g hexo d

• 1
• 2
• 3

就可以看到更新了。

第二部分

hexo的基本配置，更換主題，實(shí)現(xiàn)多終端工作，以及在coding page部署實(shí)現(xiàn)國內(nèi)外分流。

1. hexo基本配置

在文件根目錄下的_config.yml，就是整個(gè)hexo框架的配置文件了。可以在里面修改大部分的配置。詳細(xì)可參考官方的配置描述。

網(wǎng)站

總結(jié)

以上是生活随笔為你收集整理的hexo史上最全搭建教程（转载）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。