點擊關注強哥，查看更多精彩文章呀
不知道大家平常有沒有寫博客的習慣，一般寫博客都會記錄什么？都會在哪里寫自己的博客呢？
強哥平常就有寫博客的習慣，不過沒有強制自己多久寫一篇，一般都是工作中遇到問題解決問題了會寫篇博客分享一下。
前前后后，在CSDN上總共也寫了217篇博客了，原創87篇。最新的總排名有排到了3823名。
哈哈，雖然自己也沒有特殊的去整理自己的博客，沒有系列總結系列文章，不過能夠通過平常的總結分享幫助到大家自己也就挺高興了。
但是話說回來，強哥最近也覺得，總是在博客平台上寫文章，一直都沒有一個歸屬於自己的博客網站，總是有點不夠高端大氣上檔次。於是，前些天，就花了點時間，用Hexo在Gitee上整了一個自己的博客網站：https://breakingdawn.gitee.io/blog/。 選了自己喜歡的主題搭建完后，是這樣色兒的：
哈哈，不知道大家覺得怎么樣，不過這個主題確實就是我喜歡的風格：簡單直白，不花里胡哨，最重要的是一目了然。
話不多說，如果你也被上面的博客網站打動的話，就趕緊行動起來。重點是一毛錢不花，按着教程走，一個小時左右就能搭建完。強哥雖然最開始搭建不止花了一小時，不過在把彎路都走過之后。現在自己要再搭建類似的網站，按着下面的教程，一個小時准夠。
小伙伴們先無腦按教程操作，搭建成功后，自然很多東西就都懂了。
一、本地環境搭建
1.1、安裝git:
按照如下地址安裝：https://www.runoob.com/git/git-install-setup.html
1.2、安裝node：
(Node.js 版本需不低於 10.13，建議使用 Node.js 12.0 及以上版本)
按照如下地址安裝：https://www.runoob.com/nodejs/nodejs-install-setup.html
1.3、安裝hexo：
上一步安裝完node后，直接打開終端，輸入命令：
npm install -g hexo-cli
1.4、創建gitee賬號
很多人gitee可能還不知道是什么，gitee就是馬雲，哦不，是碼雲。也就是國內的“github”。
這個自己登陸網站創建吧：https://gitee.com/
1.5、建完賬號后，配置gitee的ssh公鑰（可選）：
這一步非必須，使用http克隆的可忽略。不過強烈建議配置下，之后提交代碼什么的會方便很多。
配置教程：https://gitee.com/help/articles/4181#article-header0
二、搭建Hexo博客
2.1、初始化Hexo博客
隨便建一個空目錄，輸入如下命令，並安裝前端依賴包
cd <folder> //進入空目錄
hexo init //初始化
npm install //安裝依賴包
運行完后，目錄結構如下：
2.2、本地試運行Hexo服務
輸入如下命令運行最原始的Hexo服務
hexo s //左邊是hexo server的簡化命令
輸入后終端顯示如下：
瀏覽器訪問http://localhost:4000/ 如下
2.3、選主題啦
哈哈，這個可以說是最耗時的了，為什么，因為hexo支持的好看的主題太多了。
主題地址：https://hexo.io/themes/
強哥博客網站用的是pure，對應主題地址：https://github.com/cofess/hexo-theme-pure
對應主題使用教程：https://blog.cofess.com/2017/11/01/hexo-blog-theme-pure-usage-description.html
配置完主題后，本地再次運行。如果順利，重新啟動hexo服務后，應該就能在http://localhost:4000/ 看到新的主題博客網站了。
三、創建Gitee倉庫
首先很多人會問為什么不去github上搭建，而要在Gitee上。原因有二：
1、Github網站畢竟是境外網站，訪問比較卡
2、Gitee上支持直接對Hexo源碼進行編譯更新，而Github暫時還只支持Jekyll進行編譯更新。Jekyll是類似Hexo的另一種靜態網站生成工具。
3.1、創建倉庫
這里要注意，如果你想要一個創建一個首頁訪問地址不帶二級目錄的 pages，如ipvb.gitee.io，而不是ipvb.gitee.io/blog ，那么，你需要建立一個與自己個性地址同名的倉庫，如 https://gitee.com/ipvb 這個用戶，想要創建一個自己的站點，但不想以子目錄的方式訪問，想以ipvb.gitee.io直接訪問，那么他就可以創建一個名字為ipvb的倉庫 https://gitee.com/ipvb/ipvb 部署完成后，就可以以 https://ipvb.gitee.io 進行訪問了。
登錄gitee后，點右上角創建倉庫
3.2、克隆倉庫到本地
復制如下位置的倉庫地址
在本地終端選擇一個合適的博客存放的空目錄，輸入如下命令克隆倉庫：
git clone git@gitee.com:xxx/demo.git //修改你自己倉庫對應的地址
克隆完后，進入本地倉庫目錄。
Http方式克隆的就將上面地址改成Http的倉庫地址克隆即可。
3.3、添加gitignore文件
在本地倉庫目錄下，新建文件：.gitignore，內容如下：
/node_modules
/public
/.deploy_git
3.3、復制博客代碼到當前目錄下
直接將第二步驟創建好的博客代碼(不要最外層的文件夾，只要與_config.yml同級別的所有文件或文件夾) 復制到當前的倉庫目錄下。
然后在當前文件夾下，再重新啟動下hexo server看看是否還能再次瀏覽（強哥試過，應該是能正常顯示）
3.4、git提交代碼
直接輸入如下命令將代碼同步到倉庫
git add . //添加文件夾下所有代碼帶git
git commit -m "xxx" //提交代碼並添加消息xxx（消息內容自行修改）
git push -u origin master //推送源碼到gitee遠程倉庫上
四、線上服務部署
4.1、查看代碼是否成功推送
直接刷新gitee上倉庫，看看代碼是否成功提交
4.2、開通gitee pages服務
首先點擊服務，gitee pages服務：
第一次點進去，需要提交身份證信息進行認證：
認證要1個工作日審核，一個工作日認證完后，頁面是這樣的：
4.3、啟動服務
這里注意一點就是：gitee上的hexo源碼，可以直接在上面更新成靜態網站，而不需要像很多教程里說的，還要在本地進行hexo g -d的操作，將編譯后的代碼推送到gitee倉庫上。
直接點擊啟動按鈕（第二次就會變成更新按鈕），gitee就會自動在線編譯部署服務了（自動npm install，hexo deploy)。
啟動完后，頁面如下：
直接點擊鏈接就能看到我們的網站在公網上部署成功了。
4.4、修改配置
哈哈，如果你之前弄主題的時候，url的配置沒有修改的話，那頁面可能會是這樣
這個時候，只要修改博客源碼_config.yml的url參數為你的新域名即可：
然后在gitee pages頁面，點更新后，網站就能正常顯示了。
五、寫博客
新建Markdown文件
直接在本地新建一個Markdown的文件，並編寫我們自己的博客內容。
給博客文件加上標簽等信息
在博客文件的文件最上方，添加如下信息：
title: 大家新春快樂~
date: 2022-01-31 22:54:00
categories:
- 生活
tags:- 生活記錄
toc: true # 是否啟用內容索引
效果如下：
然后將新建的博客文件放入到source/_posts 目錄下，最后上傳到gitee倉庫上，更新gitee pages服務即可。
關於博客的圖片地址
博客因為是Markdown文件寫的，所以如果我們在本地直接粘貼的圖片地址，地址會是本地主機的，那么等gitee倉庫上更新服務后，會導致圖片無法顯示。
所以，解決辦法有如下兩種：
- 我們將博客對應的圖片文件放到一個固定的源碼目錄下，然后在Markdown文件上使用相對地址引用它。
- 我們將圖片傳到公共圖床上（圖床就是其他公司給我們提供的裝門方圖片的服務器，如：七牛圖床、微博圖床等）。然后Markdown文件直接用鏈接方式引用圖片。
寫在最后
好啦，通過上面的教程，大家跟着走，應該很快就能擁有一個自己的博客網站啦。
強哥還是很建議大家去動手搞一搞的，第一次搭建完自己的網站應該還是很有成就感的。
當然如果有問題，也可以在這篇推文下留言或者在后台留言，強哥看到了會及時回復的哈。
點擊關注強哥，查看更多精彩文章呀