演示地址：https://lilli_jingjing.gitee.io/blog/
效果圖：
1、準備一臺可以聯網的電腦【我以機房電腦為例】
2、下載nodeJs【我們去下載12版本的，高版本會伴隨一些小問題】
下載成功后，雙擊進行安裝，一直點下一步即可：
3、然后打開控制臺安裝cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
安裝hexo
cnpm install hexo-cli -g
4、下載git
下載完成后一直點擊下一步即可完成安裝，
5、我們需要創建一個檔案夾用來存放我們的專案
進入這個檔案夾，然后滑鼠右擊選擇如下：
然后配置你的用戶名和郵箱
# 用戶名
git config --global user.name "username"
# 設定郵箱
git config --global user.email useremail@qq.com
繼續輸入hexo init[初始化倉庫，稍加等待即可]
輸入hexo s[啟動專案]
然后再瀏覽器輸入localhost:4000,成功訪問，頁面如下
6、更換一個漂亮的主題【這里我拿我的進行舉例】
git clone https://github.com/ZEROKISEKI/hexo-theme-gal.git themes/gal
然后以此輸入以下三個命令
cnpm install hexo-renderer-sass --save
cnpm install hexo-renderer-scss --save
cnpm install hexo-generator-json-content --save
然后記事本打開我們的這個檔案
在末尾粘貼如下代碼
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
修改我們的主題為gal
可以設定我們自己的一些資訊
執行一些必要步驟
# 開啟搜索功能
hexo new page "search"
# 配置錯誤頁面
hexo new page "404"
輸入hexo s運行一下
然后在瀏覽器查看效果
到這里我們已經在本地配置成功了，但是頁面上的分類、標簽，關于我是缺失的，繼續進行完善，
hexo new page"tags"
hexo new page "categories"
hexo new page "about"
完成后，重新hexo s啟動即可
然后我們打開這個檔案,加入一行即可【為了我們創建博客的時候可以給文章添加分類】
7、開始撰寫博客
hexo new "我的第一次博客"
我們在這個檔案夾下面可以找到
注意：這里我們可以下載一個typora軟體，不然用記事本打開實在太丑，不方便撰寫，不會下載的看這篇文章
typero下載安裝教程
然后打開我的第一次博客進行編輯，編輯完成后Ctrl＋s保存即可
然后重新啟動，進行訪問：
點擊查看內容：
到這里我們的本地配置已經OK了，那怎么樣才能被別人訪問到呢,接下來我們需要把專案部署到gitee上，
8、部署專案
我們到gitee官網進行注冊：
創建一個倉庫
起一個倉庫名稱，然后點擊創建
然后復制這個url路徑：
打開我們的博客目錄，找到_config.yml,記事本打開，注意冒號后面有空格，然后ctrl+s保存一下
然后輸入hexo g
再輸入以下內容
cnpm install --save hexo-deployer-git
繼續進行:
hexo d
這里會彈出賬號和密碼，就是我們注冊的賬號和密碼，一定要填寫正確，
重繪我們的倉庫
點擊右邊的服務，選擇Gitee Pages
這里我們需要實名認證一下即可，完成后如下，點擊啟動即可
部署成功后，點擊我們的網站地址
出現以下頁面：
這是我們的一些資源沒有被加載到，解決方法：打開_config.yml組態檔
url為剛才生成的網站地址，下面再加一個root，對應/后面的bolg，修改完成后ctrl+s保存，
hexo g
hexo d
最后點擊更新：
然后進行訪問：
到這里，你的個人博客就搭建成功了，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/374809.html
標籤：其他
上一篇：cgb2110-day09
下一篇：如何替換pdf中的特定影像？