效果圖：

1、準(zhǔn)備一臺可以聯(lián)網(wǎng)的電腦【我以機(jī)房電腦為例】

2、下載nodeJs【我們?nèi)ハ螺d12版本的，高版本會伴隨一些小問題】

下載成功后，雙擊進(jìn)行安裝，一直點(diǎn)下一步即可：

3、然后打開控制臺安裝cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

安裝hexo

cnpm install hexo-cli -g

4、下載git

下載完成后一直點(diǎn)擊下一步即可完成安裝。

5、我們需要創(chuàng)建一個(gè)文件夾用來存放我們的項(xiàng)目

進(jìn)入這個(gè)文件夾，然后鼠標(biāo)右擊選擇如下：

然后配置你的用戶名和郵箱

# 用戶名
git config --global user.name "username"
# 設(shè)置郵箱
git config --global user.email useremail@qq.com

 
 

 
 

• 1
• 2
• 3
• 4

繼續(xù)輸入hexo init[初始化倉庫，稍加等待即可]

輸入hexo s[啟動項(xiàng)目]

然后再瀏覽器輸入localhost:4000,成功訪問，頁面如下

6、更換一個(gè)漂亮的主題【這里我拿我的進(jìn)行舉例】

git clone https://github.com/ZEROKISEKI/hexo-theme-gal.git themes/gal

 
 

 
 

• 1

然后以此輸入以下三個(gè)命令

cnpm install hexo-renderer-sass --save

 
 

 
 

• 1

cnpm install hexo-renderer-scss --save

 
 

 
 

• 1

cnpm install hexo-generator-json-content --save

 
 

 
 

• 1

然后記事本打開我們的這個(gè)文件

在末尾粘貼如下代碼

jsonContent:
  dateFormat: MM-DD
  pages:
    title: true
    text: true
    path: true
    date: true
    excerpt: true
    preview: true
  posts:
    title: true
    text: true
    path: true
    date: true
    excerpt: true
    tags: [{
      name: tag.name,
      slug: tag.slug,
      permalink: tag.permalink
    }]
    preview: true

 
 

 
 

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20
• 21

修改我們的主題為gal

可以設(shè)置我們自己的一些信息

執(zhí)行一些必要步驟

# 開啟搜索功能
hexo new page "search"
# 配置錯(cuò)誤頁面
hexo new page "404"

 
 

 
 

• 1
• 2
• 3
• 4

輸入hexo s運(yùn)行一下

然后在瀏覽器查看效果

到這里我們已經(jīng)在本地配置成功了，但是頁面上的分類、標(biāo)簽，關(guān)于我是缺失的，繼續(xù)進(jìn)行完善。

hexo new page"tags"
hexo new page "categories"
hexo new page "about"

 
 

 
 

• 1
• 2
• 3

完成后，重新hexo s啟動即可

然后我們打開這個(gè)文件,加入一行即可【為了我們創(chuàng)建博客的時(shí)候可以給文章添加分類】

7、開始編寫博客

hexo new "我的第一次博客"

 
 

 
 

• 1

我們在這個(gè)文件夾下面可以找到

注意：這里我們可以下載一個(gè)typora軟件，不然用記事本打開實(shí)在太丑，不方便編寫。不會下載的看這篇文章

typero下載安裝教程

然后打開我的第一次博客進(jìn)行編輯，編輯完成后Ctrl＋s保存即可

然后重新啟動，進(jìn)行訪問：

點(diǎn)擊查看內(nèi)容：

到這里我們的本地配置已經(jīng)OK了，那怎么樣才能被別人訪問到呢,接下來我們需要把項(xiàng)目部署到gitee上。

8、部署項(xiàng)目

我們到gitee官網(wǎng)進(jìn)行注冊：

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

起一個(gè)倉庫名稱，然后點(diǎn)擊創(chuàng)建

然后復(fù)制這個(gè)url路徑：

打開我們的博客目錄，找到_config.yml,記事本打開，注意冒號后面有空格，然后ctrl+s保存一下

然后輸入hexo g

再輸入以下內(nèi)容

cnpm install --save hexo-deployer-git

 
 

 
 

• 1

繼續(xù)進(jìn)行:

hexo d

 
 

 
 

• 1

這里會彈出賬號和密碼，就是我們注冊的賬號和密碼，一定要填寫正確。

刷新我們的倉庫

點(diǎn)擊右邊的服務(wù)，選擇Gitee Pages

這里我們需要實(shí)名認(rèn)證一下即可，完成后如下，點(diǎn)擊啟動即可

部署成功后，點(diǎn)擊我們的網(wǎng)站地址

出現(xiàn)以下頁面：

這是我們的一些資源沒有被加載到，解決方法：打開_config.yml配置文件

url為剛才生成的網(wǎng)站地址，下面再加一個(gè)root，對應(yīng)/后面的bolg，修改完成后ctrl+s保存。

hexo g
hexo d

 
 

 
 

• 1
• 2

最后點(diǎn)擊更新：

然后進(jìn)行訪問：

到這里，你的個(gè)人博客就搭建成功了。文章來源地址http://www.zghlxwxcb.cn/news/detail-413232.html

到了這里，關(guān)于從零開始快速配置個(gè)人博客的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！