準(zhǔn)備工作

windows安裝nodejs
windows安裝git
windows安裝hexo
擁有g(shù)itee個(gè)人賬戶

配置信息

通過(guò)gitee創(chuàng)建博客倉(cāng)庫(kù)

登錄gitee平臺(tái)，進(jìn)入主界面，右側(cè)加號(hào)+，新建倉(cāng)庫(kù)，注意：倉(cāng)庫(kù)名稱和gitee用戶名稱一致

生成/添加 SSH 公鑰

碼云 Gitee 、GitHub 提供了基于 SSH 協(xié)議的 Git 服務(wù)，在使用 SSH 協(xié)議訪問(wèn)倉(cāng)庫(kù)倉(cāng)庫(kù)之前，需要先配置好賬戶/倉(cāng)庫(kù)的 SSH 公鑰

配置ssh賬戶和郵箱，郵箱不必與 GitHub、Gitee 賬號(hào)相同，個(gè)人郵箱即可
查看賬戶郵箱

git config --global user.name git config --global user.email

配置賬戶郵箱

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

本地生成ssh公鑰
命令行執(zhí)行如下命令，郵箱是剛才配置的郵箱abc@qq.com

ssh-keygen -t rsa -C "xxxxx@xxxxx.com"

按照提示完成三次回車(chē)，即可生成 ssh key
默認(rèn)生成目錄是 C:\Users\PMB\.ssh (pmb各自電腦的用戶名)

打開(kāi)id_rsa.pub文件復(fù)制內(nèi)容，后面在gitee創(chuàng)建公鑰使用

gitee創(chuàng)建公鑰

首先用戶登錄之后，打開(kāi)設(shè)置頁(yè)面，安全設(shè)置里面ssh公鑰打開(kāi)，下面就是公鑰的模板，標(biāo)題隨便起，知道表達(dá)意思即可，公鑰就是剪切板內(nèi)容，

點(diǎn)擊確定即可

測(cè)試連接是否成功

命令行輸入

ssh -T git@gitee.com # 顯示如下內(nèi)容 # 表示連接成功 Hi “您的用戶名”! You've successfully authenticated, but GitHub does not provide shell access.

hexo建站，主題配置

建站

安裝hexo

npm install -g hexo # 通過(guò)npm安裝hexo

初始化hexo

hexo init blog # 初始化創(chuàng)建，會(huì)再桌面創(chuàng)建blog文件夾 cd blog # 進(jìn)入blog目錄 npm install # 進(jìn)一步安裝hexo所需文件

初始化目錄情況

. ├── .deploy #需要部署的文件 ├── node_modules #Hexo插件 ├── public #生成的靜態(tài)網(wǎng)頁(yè)文件 ├── scaffolds #模板 ├── source #博客正文和其他源文件等都應(yīng)該放在這里 | ├── _drafts #草稿 | └── _posts #文章 ├── themes #主題 ├── _config.yml #全局配置文件 └── package.json

啟動(dòng)hexo

hexo clean # 清除所有記錄 /hexo c hexo generate # 生成靜態(tài)網(wǎng)頁(yè) /hexo g hexo server # 啟動(dòng)服務(wù) /hexo s

INFO Hexo is running at http://localhost:4000 . Press Ctrl+C to stop. 則運(yùn)行成功

然后使用瀏覽器訪問(wèn) http://localhost:4000

配置連接 Gitee

進(jìn)入到我們新創(chuàng)建的倉(cāng)庫(kù)，復(fù)制項(xiàng)目地址，這個(gè)url是以ssh方式，找到hexo配置文件_config.yml,對(duì)應(yīng)位置修改

注意：冒號(hào)后面一定要有空格，否則不能正確識(shí)別。

deploy:type: git # type為gitrepo: git@gitee.com:XXXXXX/blog.git # 倉(cāng)庫(kù)的 URLbranch: master

部署博客

安裝自動(dòng)部署發(fā)布工具，不然部署會(huì)報(bào)錯(cuò)

npm install hexo-deployer-git --save

新建 deploy.sh 文件，輸入代碼

hexo clean hexo g hexo d

一鍵部署博客

sh deploy.sh

Gitee Pages 設(shè)置

在項(xiàng)目的服務(wù)中選擇 Pages 選項(xiàng)

默認(rèn)配置，點(diǎn)擊啟動(dòng)即可

下圖則成功開(kāi)啟，記住博客地址，之后可以點(diǎn)更新進(jìn)行操作

博客發(fā)布成功之后，可以訪問(wèn)博客地址：xxxxxx，就可通過(guò)他提供的博客地址進(jìn)行訪問(wèn)，預(yù)覽在線博客啦！！

如果博客的樣式不對(duì)，則需要在_config.yml中配置下博客地址和路徑

url: “碼云提供給您的博客地址” root: /

url: “碼云提供給您的博客地址” root: /

再執(zhí)行命令 sh deploy.sh 就可以啦，之后就是美化我們的博客了。

關(guān)于主題

• 我個(gè)人用的主題是fluid，更多主題見(jiàn)官網(wǎng)。
• 更多主題美化可以參考大佬的Hexo 博客主題個(gè)性化。

博文來(lái)源

hexo+gitee搭建個(gè)人博客

基于Gitee+Hexo搭建個(gè)人博客

總結(jié)

以上是生活随笔為你收集整理的使用hexo+gitee免费搭建个人博客全网最详细的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。