在Gitee搭建個(gè)人博客網(wǎng)站之前我們需要做一些準(zhǔn)備：注冊(cè)好Gitee,安裝visual studio code（功能齊全，實(shí)用)，安裝node.js。
這些我都會(huì)一 一介紹。
一、Gitee注冊(cè)
1、Gitee介紹
Gitee是開源中國（OSChina）推出的基于Git的一款開源的源代碼管理和協(xié)作平臺(tái)，類似于GitHub和GitLab。Gitee提供了Git倉庫托管、代碼托管、代碼審查、代碼協(xié)作、代碼打包、部署、社交化編程、CI/CD行業(yè)領(lǐng)先的自動(dòng)化構(gòu)建、issue、Wiki等開發(fā)服務(wù)，同時(shí)，Gitee集成了很多國內(nèi)外流行的代碼掃描、編譯、測(cè)試、部署等開發(fā)工具，公有倉庫免費(fèi)不限使用私有倉庫托管價(jià)格低，服務(wù)穩(wěn)定，反應(yīng)快速。Gitee致力于為開發(fā)者提供更好的代碼協(xié)作環(huán)境和更優(yōu)質(zhì)的服務(wù)，為開源做貢獻(xiàn)，支持開源、關(guān)注開發(fā)者、服務(wù)創(chuàng)新。
Gitee目前已經(jīng)成為國內(nèi)最大的代碼托管平臺(tái)，致力于為國內(nèi)開發(fā)者提供優(yōu)質(zhì)穩(wěn)定的托管服務(wù)。
2、Gitee網(wǎng)站的應(yīng)用
Gitee網(wǎng)址：https://gitee.com
在進(jìn)入Gitee網(wǎng)頁后只需要跟著它的提示步驟注冊(cè)就可以使用了，Gitee界面介紹。
在這里我們可以看到各種各樣的項(xiàng)目和工具，我們只需要找到自己需要的即可。
在搭建個(gè)人博客網(wǎng)站時(shí)，我們需要構(gòu)建自己的倉庫，倉庫的搭建步驟：在右上角找到+號(hào),第二步:鼠標(biāo)右鍵點(diǎn)擊新建一個(gè)倉庫，取好倉庫名稱，它會(huì)自己給我們標(biāo)好路徑，輸入倉庫介紹，點(diǎn)擊私有，創(chuàng)建就完成了一個(gè)屬于我們的倉庫。
新建倉庫界面：
這里 建議把倉庫改為 開源倉庫，因?yàn)镚itee Pages 不支持私有倉庫服務(wù)，但是設(shè)置為私有倉庫后期也很好設(shè)置為開源倉庫，僅僅需要一個(gè)步驟即可。
二、visual studio code安裝
1、visual studio code介紹
Visual Studio Code是一款免費(fèi)、開源、跨平臺(tái)的代碼編輯器，由微軟公司開發(fā)，支持多種編程語言，例如：JavaScript、TypeScript、CSS、HTML等。它支持智能代碼補(bǔ)全、語法高亮、調(diào)試、Git版本控制等功能，同時(shí)還提供了許多擴(kuò)展插件，用戶可以自由安裝和使用。Visual Studio Code號(hào)稱是輕量級(jí)的IDE，但其功能卻十分強(qiáng)大，受到了廣泛的使用和好評(píng)。
2、安裝visual studio code
下載地址：VS Code的官網(wǎng)： https://code.visualstudio.com/下載慢，我們可以用鏡像網(wǎng)站下載：https://vscode.cdn.azure.cn/stable/dfd34e8260c270da74b5c2d86d61aee4b6d56977/VSCodeUserSetup-x64-1.66.2.exe
運(yùn)行下載安裝就可以了。visual studio code界面，很適合初學(xué)者。
下載幾個(gè)插件：
如果你只是搭建一個(gè)屬于自己的個(gè)人博客網(wǎng)站，那安裝到這里就可以了。如果你還想繼續(xù)使用visual studio code來做一些C++實(shí)驗(yàn)什么的，可以看以下步驟來安裝MinGW。
安裝完擴(kuò)展Code Runner，還需點(diǎn)擊左邊工具欄的設(shè)置圖標(biāo)->設(shè)置，搜索Run In Terminal并勾選Run In Terminal設(shè)置。
3、下載MinGW（搭建個(gè)人博客網(wǎng)站不需要安裝MinGW,此處是為想實(shí)現(xiàn)C++的朋友做的一個(gè)補(bǔ)充，搭建個(gè)人博客網(wǎng)站跳過安裝MinGW）
官方下載網(wǎng)站：MinGW-w64 - for 32 and 64 bit Windows download | SourceForge.net
查看你的Jdk版本是32還是64位，選擇下載。cmd輸入：java -version,可以看出我的64位。
x86_64是指64位的操作系統(tǒng)，i686是指32位的操作系統(tǒng)， seh是新的，支持64位系統(tǒng)，sjlj 是穩(wěn)定的，支持64位和32位。
下載速度會(huì)有點(diǎn)慢。
在D盤新建文件夾：D:\MinGW-w64。
把x86_64-8.1.0-release-posix-sjlj-rt_v6-rev0.7z解壓到MinGW-w64里。
4、MinGW配置環(huán)境變量
在系統(tǒng)變量中配置環(huán)境。
編輯環(huán)境變量
記得點(diǎn)擊確定。
測(cè)試是否成功，輸入：gcc -v
顯示已經(jīng)成功了。
三、安裝node.js（重要，因?yàn)橐洵h(huán)境變量）
1、node.js介紹
Node.js是一種基于Chrome V8 引擎的JavaScript運(yùn)行環(huán)境，在服務(wù)器端運(yùn)行JavaScript代碼。它使用事件驅(qū)動(dòng)、非阻塞I/O模型，能夠輕松處理高并發(fā)的應(yīng)用程序。Node.js也被稱為輕量級(jí)的Web應(yīng)用框架，它提供了非常豐富的庫和模塊，可以幫助程序員快速地構(gòu)建高效的網(wǎng)絡(luò)應(yīng)用程序。Node.js 可以運(yùn)行在多個(gè)操作系統(tǒng)上，例如：Windows、Linux 以及 Mac OS 等。運(yùn)行環(huán)境包括：V8引擎 內(nèi)置API (通俗講：在待執(zhí)行的JavaScript帶，調(diào)用內(nèi)置API，由V8引擎解析執(zhí)行)。
2、下載地址：http://nodejs.cn/download/（官網(wǎng)）
3、接下來就是安裝node.js
點(diǎn)擊change按鈕，更換到自己的指定安裝位置，不點(diǎn)擊也可以，我的安裝地址為（D:\node2023）它會(huì)默認(rèn)安裝路徑，然后點(diǎn)擊next。
最后點(diǎn)擊finish安裝成功。
輸入win+R鍵，輸入cmd，然后回車，打開命令行界面，或者點(diǎn)擊命令提示符。
進(jìn)入命令提示符窗口，分別輸入node -v，npm -v，顯示如下界面則安裝成功。
注：node -v 顯示安裝的nodejs版本
npm -v 顯示安裝的npm版本
修改全局模塊下載路徑
為了使全模塊所在路徑和緩存路徑都放在node.js安裝的文件夾中，所以要在安裝的文件夾 D:\node2023下創(chuàng)建兩個(gè)文件夾node_global及 node_cache 如下圖：
創(chuàng)建完兩個(gè)空文件夾之后，跟之前操作一樣，在鍵盤按下win+R鍵，輸入cmd，然后回車，打開命令行界面，輸入下面命令（路徑可以隨便指定，路徑不存在會(huì)自動(dòng)生成）如圖。
如果你創(chuàng)建失敗，那是你的權(quán)限不夠，右鍵點(diǎn)擊node2023，屬性 —》安全 --》設(shè)置users用戶完全控制權(quán)限就可以了。
修改系統(tǒng)環(huán)境變量
將用戶變量下的Path修改為【D:\node2023\node_global】，之后點(diǎn)擊確定。
在系統(tǒng)變量新建變量名NODE_PATH，變量值 D:\node2023\node_modules，然后點(diǎn)擊確定。
如圖所示：
在系統(tǒng)變量下的Path新建添加node全局文件夾D:\node2023\node_global，之后點(diǎn)擊確定
我們?cè)囋嚳词欠癯晒α?，輸入?code>npm install express -g
如果成功 express模塊就會(huì)自動(dòng)下載到我們自定義的目錄中，接下來，我們?nèi)サ降刂稤:\node2023\node_global\node_modules 里看看。
已經(jīng)成功了。
安裝 cnpm
因?yàn)閚pm服務(wù)器在海外，所以我們用阿里源的cnpm。
進(jìn)入 cmd 面板，輸入以下命令：
1）npm install -g cnpm --registry=https://registry.npm.taobao.org（全局安裝基于淘寶源的cnpm）
2）npm config get registry (檢查是否安裝成功）
3）cnpm -v 查看版本
我們?nèi)サ?D:\node2023\node_global\node_modules 看看是否成功。
可以看到有cnpm包，表示成功了。
四、hexo的安裝與基本配置
1、hexo介紹
Hexo是一個(gè)快速、簡(jiǎn)潔且高效的基于Node.js的靜態(tài)博客框架。它可以把Markdown格式的文件轉(zhuǎn)換成HTML文件，并提供多種主題模板讓用戶選擇。Hexo使用EJS模版引擎和Sass CSS預(yù)處理器，可以自定義主題樣式。Hexo還具有插件系統(tǒng)，允許用戶通過插件實(shí)現(xiàn)各種功能，例如：語法高亮、RSS、sitemap等。
Hexo最初是由Tommy Chen創(chuàng)建的，它的源代碼存儲(chǔ)在GitHub上，是一個(gè)開源項(xiàng)目。它在全球范圍內(nèi)得到廣泛應(yīng)用，它不僅是個(gè)人博客的絕佳工具，也可以作為企業(yè)或機(jī)構(gòu)搭建靜態(tài)網(wǎng)站的利器。Hexo具有容易上手、穩(wěn)定可靠的優(yōu)點(diǎn)，可以讓用戶快速創(chuàng)建一個(gè)個(gè)性化的、高效的靜態(tài)博客網(wǎng)站。
2、在D盤中創(chuàng)建：Diyigebokehexo文件，又在Diyigebokehexo文件中創(chuàng)建Mylove文件。
以管理員身份打開visual studio code，找到我們的Diyigebokehexo文件，將文件拖進(jìn)vscode進(jìn)行打開，打開visual studio code終端，
輸入：
npm install hexo -g
等待完成，初始化一個(gè)網(wǎng)站，輸入命令
hexo init Mylove
在這里會(huì)出現(xiàn)一個(gè)問題：
解決方法：
1）.在終端執(zhí)行：get-ExecutionPolicy，顯示Restricted。
2）.在終端執(zhí)行：set-ExecutionPolicy RemoteSigned。
3）.刪除本機(jī)電腦用戶目錄下的.npmrc文件，文件 具體路徑為 C:\用戶\leglog
5）還需要下載webpack：
npm install webpack-dev-server --save-dev
操作如圖：
再次輸入：
hexo init Mylove
回到：Diyigebokehexo文件中可以發(fā)現(xiàn)會(huì)自動(dòng)給我們安裝一些必要文件，如圖：
輸入：hexo -v檢查版本信息
輸入：cd Mylove
進(jìn)入到Mylove 文件。
輸入：
hexo server
就可以預(yù)覽了，點(diǎn)擊這個(gè)鏈接。
如圖：
按下鍵盤：Ctrl+C 去停止運(yùn)行?；蛘咧苯油顺鲈僦匦逻M(jìn)入vs code。
輸入：cd Mylove
在輸入：hexo new "我要發(fā)大財(cái)"（這里輸入的命令為：hexo new"你的主題"），再次運(yùn)行你可以看到：
輸入：hexo clean，清除博客緩存，輸入：hexo g，生成靜態(tài)頁面。注：（hexo clean 清空已經(jīng)存在的hexo網(wǎng)站文件；hexo generate(可簡(jiǎn)寫 hexo g) ，依據(jù)網(wǎng)頁文件和新的css樣式生成新的網(wǎng)站文件；hexo server(可簡(jiǎn)寫為hexo s) ，啟動(dòng)本地服務(wù)器，可以在localhost：4000查看網(wǎng)站修改效果）
五、博客部署
1、創(chuàng)建個(gè)人倉庫
進(jìn)入到Gitee網(wǎng)頁，登錄，新建一個(gè)屬于我們自己的倉庫。
記住我們的博客倉庫地址。
打開vs code終端，輸入：cnpm install --save hexo-deployer-git，下載Git 插件。
回到D盤中的D:\Diyigebokehexo\Mylove文件，打開_config.yml ，開始編輯。
第一處改動(dòng)：
注釋：1）url: http://example.com/你的Gitee名字
2）root: /你的倉庫名字/
3）冒號(hào)后面一定要有空格，否則不能正確識(shí)別
第二處改動(dòng)在文件的最后面
部署到遠(yuǎn)端：hexo d
可能會(huì)出現(xiàn)：
只要寫你的Gitee用戶名和密碼就可以了。
輸入：hexo deploy或者hexo d
出現(xiàn)代碼：INFO Deploy done: git，表示成功。
我們回到Gitee會(huì)發(fā)現(xiàn)文件已經(jīng)上傳到了倉庫之中。
2、在Gitee托管博客網(wǎng)站
接下來打開Gitee Pages服務(wù)，這個(gè)需要實(shí)名認(rèn)證。這個(gè)實(shí)名認(rèn)證要根據(jù)它的要求來，我實(shí)名了好多次，它會(huì)在2天內(nèi)出結(jié)果。
接下來打開 Gitee Pages 服務(wù)。
可以看到：
因?yàn)?Pages 只支持公開倉庫開通了，所以我們需要把倉庫變?yōu)楣_倉庫。打開倉庫，點(diǎn)擊 管理。
把倉庫設(shè)置為開源倉庫。
做好以上步驟，我們點(diǎn)擊啟動(dòng)。
就會(huì)看到我們已經(jīng)成功的創(chuàng)建了自己的博客網(wǎng)站。
這里的網(wǎng)站地址就是我們的 博客地址了，快行動(dòng)起來去搭建自己的博客網(wǎng)站吧。
補(bǔ)充
在搭建博客網(wǎng)站中，除了 可以用 visual studio code 以外，還可以用 Git 來代替 visual studio code 實(shí)現(xiàn)搭建
Git 安裝
1、Git 介紹
GIT是一個(gè)免費(fèi)開源的分布式版本控制系統(tǒng)，它可以追蹤文件的變更歷史，并且可以把多個(gè)開發(fā)者對(duì)同一個(gè)文件的修改合并。1）GIT可以在不同的計(jì)算機(jī)上進(jìn)行協(xié)作開發(fā)，支持不同的開發(fā)者在同一時(shí)間修改同一文件。以下是GIT的一些功能應(yīng)用：
2）版本控制：GIT可以輕松地追蹤文件的變更歷史，開發(fā)者可以輕松地恢復(fù)之前的版本。
3）分支管理：GIT可以管理多個(gè)分支，允許開發(fā)者在不同分支上獨(dú)立開發(fā)，然后將結(jié)果合并到主分支上。
4）團(tuán)隊(duì)協(xié)作：多個(gè)開發(fā)者可以同時(shí)協(xié)作開發(fā)同一個(gè)項(xiàng)目，GIT可以輕松地合并各自的修改。
5）備份和恢復(fù)：GIT可以將代碼庫備份到遠(yuǎn)程服務(wù)器或者本地硬盤，也可以從備份中恢復(fù)代碼。
6）版本比較：GIT可以比較不同版本之間的代碼差異，方便開發(fā)者進(jìn)行代碼審查和測(cè)試。
總之，GIT是一個(gè)強(qiáng)大的版本控制工具，可以幫助開發(fā)者更加高效地管理自己的代碼庫。
2、Git 的下載
可以去 Git 官網(wǎng)下載Git軟件，下載地址為 https://git-scm.com/downloads，或者去阿里鏡像網(wǎng)站下載，或者在csdn中搜索Git下載,會(huì)有很多下載途徑。
https://git-scm.com/downloads官網(wǎng)下載，選擇WIndows版本，但是官網(wǎng)下載太慢了，我還是更支持去阿里鏡像網(wǎng)站。
阿里云鏡像網(wǎng)站下載：https://npm.taobao.org/mirrors/git-for-windows/，選擇你想要的版本就可以了。
3、下載好后開始安裝步驟：
選擇你的安裝路徑，我一般喜歡安裝在D盤。
接下來一路默認(rèn)安裝就可以了
打開顯示如下界面就表示安裝成功了（不同的新版本安裝可能有略微不同，可以根據(jù)自己的下載版本來安裝），很像linux的終端。
如果使用 Git 來編寫， 只需要在右鍵點(diǎn)擊你的 博客文件夾，選擇 Git Bash Here, 打開界面如圖。文章來源：http://www.zghlxwxcb.cn/news/detail-706341.html
文章來源地址http://www.zghlxwxcb.cn/news/detail-706341.html
到了這里，關(guān)于新手利用hexo在Gitee搭建第一個(gè)博客網(wǎng)站（2023巨細(xì)）的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
