寫在前面

華為云 828 云服務(wù)器活動(dòng)來啦，B2B 企業(yè)節(jié)正在舉辦，F(xiàn)lexus X 實(shí)例的促銷也非常給力，詳情可以看這里：點(diǎn)我查看

具體的活動(dòng)規(guī)則可以參考如下：

活動(dòng)對(duì)象：

（1）新用戶專享：華為云官網(wǎng)已完成注冊(cè)和實(shí)名認(rèn)證，且從未購買過華為云資源的用戶（客戶等級(jí)是 V0）才可購買；

（2）企業(yè)新客專享：僅從未購買過華為云資源（客戶等級(jí)是 V0），且已完成企業(yè)實(shí)名認(rèn)證用戶可購買；

（3）產(chǎn)品新客專享：華為云官網(wǎng)已完成注冊(cè)和實(shí)名認(rèn)證，且從未購買過相關(guān)華為云資源的用戶（不限客戶等級(jí)）才可購買；

（具體用戶范圍以屆時(shí)活動(dòng)頁面展示為準(zhǔn)）

活動(dòng)時(shí)間：

2024 年 8 月 22 日-2024 年 9 月 15 日（活動(dòng)期間如有調(diào)整，以屆時(shí)活動(dòng)頁面展示為準(zhǔn)）

這不，我手里正好拿到了一臺(tái)華為云 Flexus X 實(shí)例的服務(wù)器，經(jīng)過幾天的評(píng)測(cè)，整體來說還是很滿意的。今天，我們繼續(xù)基于華為云 Flexus X 實(shí)例的服務(wù)器，結(jié)合實(shí)際場(chǎng)景，部署一款精美的博客系統(tǒng)。

效果圖

還是老規(guī)矩，在看正文之前，我們先看看效果圖，畢竟，長篇大論不如一幅圖表現(xiàn)的更加直觀。

上面，我簡(jiǎn)單的了放了三張圖片，說實(shí)話，這種小清新的風(fēng)格，大部分開發(fā)者還是比較喜歡的，我目前的博客也是用的他的，不過很老啦，再加上好多自己的業(yè)務(wù)也在里面，就一直沒有更新。

下面，我們來看看具體如何進(jìn)行部署。

部署拾壹博客系統(tǒng)

一款 vue+springboot 前后端分離的博客系統(tǒng)，博客后臺(tái)管理系統(tǒng)使用了 vue+elmentui 開發(fā)，后端使用 Sa-Token 進(jìn)行權(quán)限管理,支持動(dòng)態(tài)菜單權(quán)限，動(dòng)態(tài)定時(shí)任務(wù)，文件支持本地和七牛云上傳，使用 ElasticSearch 作為全文檢索服務(wù)，支持 QQ、微信公眾號(hào)掃碼、碼云、GitHub 登錄。實(shí)現(xiàn)即時(shí)通訊聊天室功能

項(xiàng)目特點(diǎn)

·后臺(tái)參考"vue-element-template"設(shè)計(jì)，側(cè)邊欄，歷史標(biāo)簽，面包屑自動(dòng)生成。

·采用 Markdown 編輯器，寫法簡(jiǎn)單。

·評(píng)論支持表情輸入回復(fù)等

·前后端分離部署，適應(yīng)當(dāng)前潮流。

·接入第三方登錄，減少注冊(cè)成本。

·留言采用彈幕墻，更加炫酷。

·支持代碼高亮和復(fù)制，圖片預(yù)覽，深色模式等功能，提升用戶體驗(yàn)。

·搜索文章支持高亮分詞，響應(yīng)速度快。

·新增文章目錄、推薦文章等功能，優(yōu)化用戶體驗(yàn)。

·新增 aop 注解實(shí)現(xiàn)日志管理

·支持動(dòng)態(tài)權(quán)限修改，采用 RBAC 模型，前端菜單和后臺(tái)權(quán)限實(shí)時(shí)更新。

·后臺(tái)管理支持修改背景圖片，博客配置等信息，操作簡(jiǎn)單，支持上傳相冊(cè)。

·代碼支持多種搜索模式（Elasticsearch 或 MYSQL），可支持配置。

·代碼支持多種文件上傳模式（七牛云 oss 或本地上傳），可支持配置。

·代碼遵循阿里巴巴開發(fā)規(guī)范，利于開發(fā)者學(xué)習(xí)。

·使用 netty+websocket 技術(shù)實(shí)現(xiàn)博客群聊和單聊功能

詳細(xì)介紹

·前端：vue3.0 + pinia + vue-router + axios + element-plus + echarts

·后端：SpringBoot + nginx + docker + sa-token + Swagger2 + MyBatisPlus + Mysql + Redis + elasticsearch

·其他：接入 QQ、微博、碼云、微信公眾號(hào)等第三方登錄，接入七牛云對(duì)象存儲(chǔ)

·服務(wù)器：騰訊云 2 核 4G CentOS7.6

·對(duì)象存儲(chǔ)：七牛云 OSS

·最低配置：1 核 2G 服務(wù)器（關(guān)閉 ElasticSearch）

部署博客系統(tǒng)

該博客暫未提供 docker 部署，所以我們只能采用源碼的方式部署。

2. 導(dǎo)入數(shù)據(jù)庫

接下來，我們使用工具連接上 mysql 數(shù)據(jù)庫（數(shù)據(jù)庫安裝的方式暫不在這里講解）

打開我們拉下來的項(xiàng)目，找到 blog.sql 這個(gè)文件，他就是數(shù)據(jù)庫腳本。

在 mysql 工具中，先新建一個(gè)名為 blog 的數(shù)據(jù)庫。

接下來，我們導(dǎo)入剛剛找到的 blog.sql 文件的腳本。

可以從圖中看到，我們已經(jīng)導(dǎo)入成功。

更改 redis 的信息

數(shù)據(jù)庫設(shè)置好了之后，下面我們需要需要設(shè)置一下 redis 的配置信息，我們需要找到項(xiàng)目中的配置文件，路徑在這里 src/main/resources/application.yml，在這個(gè) yml 文件中，找到 redis 這個(gè)配置，修改一下 Host 為我們服務(wù)器的地址，端口和密碼都按照實(shí)際情況更改：

另外，一定要在 yml 文件中，修改一下數(shù)據(jù)庫的配置信息，比如 ip 地址，端口，以及密碼。

下面，我們來啟動(dòng)一下項(xiàng)目。

如果看到和我一樣的輸出信息，則代表后端沒有問題，已經(jīng)成功啟動(dòng)。

打包后端

如果能啟動(dòng)，則表示服務(wù)和配置都是沒有問題的，下面我們來繼續(xù)下一步--打包。

先點(diǎn)擊這個(gè) clean，清空一下緩存，不然可能會(huì)導(dǎo)致出現(xiàn)莫名的錯(cuò)誤。

執(zhí)行完畢后，繼續(xù)雙擊下面的 package，執(zhí)行打包的操作。

然后進(jìn)行等待。

如圖展示，證明打包成功。

上傳 jar 到服務(wù)器中

首先，我們需要再服務(wù)器上新建個(gè)目錄，我這邊在/home/project 這個(gè)目錄下創(chuàng)建了個(gè) blog 的目錄，如圖：

然后我們將包傳入這個(gè)地方：

千萬別傳錯(cuò)了哈，是這里的 shiyi-blog.jar 這個(gè)包，因?yàn)榇虬?，他每個(gè)模塊都會(huì)有這個(gè)名字一樣的包，傳錯(cuò)了就沒法正常使用了。

我這邊已經(jīng)傳輸成功，然后我們通過下面的命令來啟動(dòng)后端服務(wù)：

安裝一下依賴，安裝的時(shí)候可能比較長，耐心等待即可。

注意：前端是有 bolg-admin 和 bolg-web 兩部分，打包方式都一樣。

兩個(gè)端都需要執(zhí)行，執(zhí)行完畢后，我們開始打包。打包的方式很簡(jiǎn)單，我們找到 package.json 這個(gè)文件，然后點(diǎn)擊 build:prod 前面的綠色小箭頭即可。

等待執(zhí)行完畢后，我們將 dist 目錄上傳到服務(wù)器中，如圖所示：

總結(jié)

這款博客總體來說，要求的服務(wù)器配置不是很高，只要求了 1-2 的服務(wù)器，我們這款服務(wù)器無論是從配置上還是性能上，都要遠(yuǎn)超于官方的要求，所以部署完成后，速度非常快。

最后，如果正好有服務(wù)器需求的伙伴，強(qiáng)烈推薦大家趁現(xiàn)在有 828 的活動(dòng)，還有 8280 的優(yōu)惠券，抓緊入手吧~活動(dòng)地址在這里：點(diǎn)我查看

審核編輯 黃宇