轉載

hexo史上最全搭建教程

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

花了幾天搭建了個網站，先上鏈接，歡迎來訪：fangzh的個人博客

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

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

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

Hexo簡介

Hexo是一款基于Node.js的靜態博客框架，依賴少易于安裝使用，可以方便的生成靜態網頁托管在GitHub和Coding上，是搭建博客的首選框架。大家可以進入hexo官網進行詳細查看，因為Hexo的創建者是臺灣人，對中文的支持很友好，可以選擇中文進行查看。

教程分三個部分，

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

---

第一部分

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

Hexo簡介

Hexo是一款基于Node.js的靜態博客框架，依賴少易于安裝使用，可以方便的生成靜態網頁托管在GitHub和Coding上，是搭建博客的首選框架。大家可以進入hexo官網進行詳細查看，因為Hexo的創建者是臺灣人，對中文的支持很友好，可以選擇中文進行查看。

Hexo搭建步驟

安裝Git

安裝Node.js

安裝Hexo

GitHub創建個人倉庫

生成SSH添加到GitHub

將hexo部署到GitHub

設置個人域名

發布文章

1. 安裝Git

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

windows：到git官網上下載,Download git,下載后會有一個Git Bash的命令行工具，以后就用這個工具來使用git。

linux：對linux來說實在是太簡單了，因為最早的git就是在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有點難用。

3. 安裝hexo

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

輸入命令

npm install -g hexo-cli

• 1

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

至此就全部安裝完了。

接下來初始化一下hexo

hexo init myblog

• 1

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

cd myblog //進入這個myblog文件夾 npm install

• 1
• 2

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

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

hexo g hexo server

• 1
• 2

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

大概長這樣：

使用ctrl+c可以把服務關掉。

4. GitHub創建個人倉庫

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

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

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

點擊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才能知道你是不是對應它的賬戶。

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

git config user.name git config user.email

• 1
• 2

然后創建SSH,一路回車

ssh-keygen -t rsa -C "youremail"

• 1

這個時候它會告訴你已經生成了.ssh的文件夾。在你的電腦中找到這個文件夾。

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

而后在GitHub的setting中，找到SSH keys的設置選項，點擊New SSH key
把你的id_rsa.pub里面的信息復制進去。

在gitbash中，查看是否成功

ssh -T git@github.com

• 1

6. 將hexo部署到GitHub

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

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

• 1
• 2
• 3
• 4

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

npm install hexo-deployer-git --save

• 1

然后

hexo clean hexo generate hexo deploy

• 1
• 2
• 3

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

注意deploy時可能要你輸入username和password。

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

7. 設置個人域名

現在你的個人網站的地址是 yourname.github.io，如果覺得這個網址逼格不太夠，這就需要你設置個人域名了。但是需要花錢。

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

你需要先去進行實名認證,然后在域名控制臺中，看到你購買的域名。

點解析進去，添加解析。

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

登錄GitHub，進入之前創建的倉庫，點擊settings，設置Custom domain，輸入你的域名fangzh.top

然后在你的博客文件source中創建一個名為CNAME文件，不要后綴。寫上你的域名。

最后，在gitbash中，輸入

hexo clean hexo g hexo d

• 1
• 2
• 3

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

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

hexo new newpapername

• 1

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

hexo clean hexo g hexo d

• 1
• 2
• 3

就可以看到更新了。

第二部分

hexo的基本配置，更換主題，實現多終端工作，以及在coding page部署實現國內外分流。

1. hexo基本配置

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

網站

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。