大家好，歡迎回到小碼農(nóng)島。前段時間我搭建了自己的個人博客網(wǎng)站，然后現(xiàn)在來帶大家怎么搭建屬于自己的個人博客網(wǎng)站，以及怎么實現(xiàn)不用買域名，不用服務器就輕松獲得一個網(wǎng)站！

OK!話不多說，我們正式開始。

準備工作

1. GitHub賬號

需要有一個GitHub賬號，沒有的話到 官網(wǎng) 申請注冊一個。

2. 安裝Git

在自己電腦上安裝好Git，hexo部署到GitHub時要用，訪問 Git 官方網(wǎng)站下載并安裝。安裝完成后，在命令提示符或終端中輸入 git --version 檢查是否安裝成功。

3. 安裝Node

在自己電腦上安裝好Node.js，Hexo是基于Node編寫的，所以需要安裝Node和npm工具。訪問 Node.js 官方網(wǎng)站，下載適合你操作系統(tǒng)的安裝包并安裝。安裝完成后，可以在命令提示符或終端中輸入 node -v 和 npm -v 來檢查是否安裝成功?；蛘呔W(wǎng)上找篇教程

二、創(chuàng)建倉庫

在GitHub上創(chuàng)建一個新的代碼倉庫，倉庫名稱格式為 <你的用戶名>.github.io。然后點擊Create repository。

三、初始化博客

1. 新建一個文件夾，在你的博客文件夾中，打開Git，先輸入命令npm install -g hexo-cli把hexo框架下載下來，然后運行 hexo init 命令來初始化博客項目。這就下載好 Hexo 所需的文件和依賴項。

2. 安裝完成后，你的文件夾結構應該如下：

• _config.yml：主配置文件。
• package.json：項目依賴項的清單。
• scaffolds：模板文件夾。
• source：存放你的博客文章的文件夾。
• themes：主題文件夾。

3. 進入博客文件夾，安裝依賴項：npm install，如果npm下載反應太慢了，就換成cnpm哈，這個網(wǎng)上找找教程去配就行。

4. 找到根目錄下的.gitignore文件，打開后，在最后一行加上*.code-workspace

運行博客

1. 一樣的操作去到博客的根目錄打開Git,然后輸入命令hexo g

2. y運行完hexo g后再接著輸入hexo s,然后等待

3. 然后現(xiàn)在就打開瀏覽器輸入http://loaclhost:4000/,就能看到搭建好的博客啦

4. 現(xiàn)在博客雖然可以運行，但是只能本地查看，外人是無法訪問的，這時候就需要用上前面創(chuàng)建好的github倉庫了。

先找到你新建的倉庫，找到一下圖片的位置，然后復制這個

5. 去根目錄找到這個文件并打開，并往下翻，找到以下位置嗎，然后把剛剛復制到的東西粘貼進去

6. 打開Git輸入并執(zhí)行以下命令

7. 現(xiàn)在就已經(jīng)配好了，只需要把整個目錄文件推到你的倉庫里面就好，不知道怎么操作的就百度一下哈

現(xiàn)在就到瀏覽器輸入你的倉庫名就可訪問了

這種別人也能夠訪問到你的博客啦。但這種依賴github，訪問就會很慢，因為github是國外的，所以你懂。

域名

所以現(xiàn)在我們解決一下域名的一個問題，用了這個方法后，你的博客訪問就不會變得很慢。

我用的一個網(wǎng)站，就是https:///zh-CN，這里你可以免費使用一個域名，具體怎么使用，不用很多東西只需要登陸然后粘貼就行了。

這里我們用github賬號登陸，反應會有點慢，等待就好，或者你加點科學。

登錄之后，就點擊New Project，然后選擇這個，因為這個是免費使用的

創(chuàng)建好后，就會打開這個

點擊Add Service,在彈出界面選擇Github,選擇你的倉庫就可以了

選擇hexo

然后回到這個界面找到這個

輸入你要的域名（這里我痛失舊域名）