服務(wù)器故障逼得更新，直接上云服務(wù)器遷移。v1.3.0版本來了，架構(gòu)、界面、SEO全升級，還加了圖片壓縮工具，代碼總算整理干凈點。來看看這波大更新如何？

前言

最近好久沒更新博客了

不是不想更新

相反我攢了一堆文章沒發(fā)

主要是 StarBlog 所在的服務(wù)器故障了

我在各個平臺的文章都是通過 StarBlog 來發(fā)送的

所以這段時間各個平臺的文章更新都暫停了

為了盡快恢復(fù)更新，我決定把 StarBlog 遷移到云服務(wù)器上。

穩(wěn)定一些，也可以減少一些維護成本。

訪問查看效果: https://blog.deali.cn/

關(guān)于 StarBlog

StarBlog 是一個基于 .NET Core 開發(fā)的現(xiàn)代博客系統(tǒng)，2022年春節(jié)開始開發(fā)，當(dāng)時是邊學(xué) .NET Core 邊做的，算是一個 .NET Core 的練手項目。

自從 StarBlog 系列文章 完結(jié)之后，功能穩(wěn)定下來，我就沒怎么去動這個項目的代碼

太久沒維護總有點屎山的感覺，而且現(xiàn)在是 2025 年了，現(xiàn)在回看以前的代碼總覺得哪都不滿意，所以我又計劃重構(gòu)一個 StarBlog v2，具體的計劃可以看我之前的文章: StarBlog - (32) 第一期完結(jié)

既然這次要把 StarBlog 遷移到云服務(wù)器上，那就順手修改一下吧，v2 太遙遠(yuǎn)，先解決一些眼前的問題要緊。

更新

這大概是 v2 之前的最后一次大更新了

版本也升級到了 v1.3.0

PS: 順帶一提，這次更新我順便整理了代碼

這才引入了版本，以 第一期文章完結(jié) 的版本為 v1.0.0 節(jié)點

番外篇介紹的全新訪問統(tǒng)計功能 是 v1.2.0 版本的主要內(nèi)容

這次更新主要有幾塊：

• 架構(gòu)與依賴升級
• 界面 & 交互改進
• SEO 功能 & 搜索優(yōu)化
• 性能優(yōu)化
• 工具鏈增強

架構(gòu)與依賴升級

被念叨好久的項目升級，終于來了??

這項目從 2022 年開發(fā)，就一直在 .NET 6.0 版本，這次直接一口氣升級到最新版

• 項目整體遷移至 .NET 9.0，更新主要依賴。
• 移除冗余功能（數(shù)據(jù)采集、圖片庫、Rin 日志系統(tǒng)等）。
• 前端資源改為生產(chǎn)版本，清理代碼結(jié)構(gòu)。

界面與交互改進

現(xiàn)在寫前端都是用 Tailwind CSS 了

好久沒用過 Bootstrap 了，這套界面現(xiàn)在看來真的有點老了

• 首頁新增 Hero 區(qū)域樣式與動畫。
• 優(yōu)化文章卡片、照片卡片和導(dǎo)航欄，全面中文化。
• 提升響應(yīng)式設(shè)計和可訪問性。

SEO 功能 & 搜索優(yōu)化

SEO 是之前被我忽略的功能，這次一口氣加了很多 SEO 相關(guān)的功能

• 引入結(jié)構(gòu)化數(shù)據(jù)、動態(tài)元數(shù)據(jù)和圖片 SEO 優(yōu)化。
• 統(tǒng)一 Sitemap 服務(wù)（支持主/圖片/索引）。
• 新增 SEO 測試頁面和 robots.txt 優(yōu)化。

性能優(yōu)化

之前 StarBlog 部署的服務(wù)器性能較高，所以沒考慮這些優(yōu)化的細(xì)節(jié)

接下來需要部署在云服務(wù)器上，性能和帶寬都捉急

所以我做了一些優(yōu)化，盡可能提高用戶訪問體驗

• 添加響應(yīng)壓縮功能
• 配置靜態(tài)文件緩存策略
• 并發(fā)性能優(yōu)化，讓小水管服務(wù)器也能提供比較好的訪問體驗

工具鏈增強

前面說了性能優(yōu)化，其實大頭還是圖片

所以我又基于 ImageSharp 開發(fā)了圖片壓縮工具，對博客里的文章配圖、相冊等進行壓縮，這一步驟也耗費了不少時間??

接下來我會寫幾篇文章介紹一下這些新增的工具

• 新增多模式圖片壓縮、格式轉(zhuǎn)換（WebP/JPEG/GIF）、輸出目錄、統(tǒng)計報告等功能。
• 獨立了 BlogImageOptimizer 工具，支持批量壓縮與 Docker 部署。
• 開發(fā)了專門用于數(shù)據(jù)處理的 DataProc 工具，支持訪問記錄處理、圖片壓縮、大模型輔助創(chuàng)作等功能。

主頁重構(gòu)

作為網(wǎng)站的門面，主頁的重要性不言而諭

之前的主頁在現(xiàn)在看來有點簡陋了

這次我把 HERO 部分重構(gòu)了一下，背景是漸變色動畫，左側(cè)加了一些介紹，右側(cè)顯示隨機相冊圖片

按鈕想復(fù)刻一下 iOS 26 的液態(tài)玻璃效果，不過太麻煩只實現(xiàn)了個低配版哈哈哈??

下方的圖片也增加了加載中的動畫，大大增強了用戶體驗！

PS: 之前沒有加載動畫，圖片沒加載出來那個地方就是空的，會導(dǎo)致頁面閃爍

加載完成后長這樣

同樣的，文章列表的圖片也加了圖片加載動畫，我就不截圖了。

相關(guān)文章推薦

文章底部加了相關(guān)文章推薦

這個是增加內(nèi)鏈的手段，對提高 SEO 性能很有用

而且也可以提高用戶的閱讀時間

SEO

在 SEO 方面，我也是新手

StarBlog 之前這方面基本是空白的

這次做的事情是這些

• 引入結(jié)構(gòu)化數(shù)據(jù)、動態(tài)元數(shù)據(jù)和圖片 SEO 優(yōu)化。
• 統(tǒng)一 Sitemap 服務(wù)（支持主/圖片/索引）。
• 新增 SEO 測試頁面和 robots.txt 優(yōu)化。

這里截圖看看新的 SEO 測試頁面

還增加了這些測試頁面

Meta標(biāo)簽測試會隨機打開一篇文章，顯示 meta 標(biāo)簽的說明、關(guān)鍵詞什么的

Sitemap 測試

小結(jié)

具體代碼就不貼了

本文只是介紹這次新增的功能

后面看心情再介紹具體的實現(xiàn)吧??

發(fā)布說明

最后是詳細(xì)的發(fā)布說明

因為可能沒什么人看，所以放在最后

? Features

• 圖片優(yōu)化與壓縮：新增多模式圖片壓縮配置與智能選擇功能，支持文章配圖、縮略圖、頭圖等不同模式；引入格式轉(zhuǎn)換功能，自動選擇最佳輸出格式（WebP/JPEG），并支持GIF壓縮與優(yōu)化。
• 圖片優(yōu)化工具：新增 BlogImageOptimizer 工具，支持批量壓縮、格式轉(zhuǎn)換和Docker化部署。
• 圖片優(yōu)化增強：添加輸出目錄配置、壓縮統(tǒng)計與報告功能，提供詳細(xì)的處理進度、成功率及節(jié)省空間分析。
• SEO 功能：新增結(jié)構(gòu)化數(shù)據(jù)、圖片SEO優(yōu)化、動態(tài)元數(shù)據(jù)生成、統(tǒng)一的 Sitemap 服務(wù)（支持主/圖片/索引），并提供 SEO 測試頁面與優(yōu)化后的404頁面。
• 文章與推薦：相關(guān)文章推薦邏輯改為隨機排序，提升推薦多樣性。
• 界面與交互：
  • 新增首頁 Hero 區(qū)域樣式與動畫交互效果。
  • 優(yōu)化文章卡片布局與圖片組件，增加響應(yīng)式支持。
  • 增強照片卡片功能，支持漸變遮罩、標(biāo)題顯示和可訪問性優(yōu)化。
  • 導(dǎo)航欄文本更新為中文，并新增 SEO 測試入口。
• 中間件與緩存：新增靜態(tài)文件調(diào)試中間件，并優(yōu)化緩存策略（開發(fā)環(huán)境禁用緩存，生產(chǎn)環(huán)境短期緩存）。
• 數(shù)據(jù)處理：新增 FakeIpSearcher 實現(xiàn)，支持模擬 IP 查詢。

?? Bug Fixes

• 修復(fù) SeoTestController 隨機文章獲取時的空引用問題。
• 修復(fù) SeoTestController 查詢時的同步阻塞，改為異步查詢以提升性能。
• 在 robots.txt 中禁止爬取 /seo-test 路徑。
• 修復(fù) PicLibService 初始化時路徑不存在導(dǎo)致的異常。

?? Refactor

• 前端優(yōu)化：統(tǒng)一前端資源加載，切換至生產(chǎn)版本的 Vue.js 與 editormd，清理冗余代碼與格式。
• 項目結(jié)構(gòu)：將主要項目調(diào)整至 src 與 tools 目錄，BlogImageOptimizer 獨立為工具模塊。
• 移除冗余：刪除數(shù)據(jù)采集、圖片庫、Rin 日志系統(tǒng)及相關(guān)依賴。
• 視圖優(yōu)化：改進首頁布局、推薦區(qū)塊排序與樣式；移除未使用的縮略圖與命名空間代碼。
• 服務(wù)優(yōu)化：為敏感詞過濾服務(wù)添加日志與文件檢查邏輯。

?? Dependencies

• 升級整體項目至 .NET 9.0，更新 Markdig、MailKit、X.PagedList.EF 等依賴包。
• 更新 Serilog 文件日志組件至 6.0.0。
• 移除未使用的 highlight.js 依賴。
• 添加 SixLabors.ImageSharp 與 Markdig 依賴以支持圖片處理與 Markdown 增強。

?? Docs

• README 更新：
  • 新增 gulp min 命令說明，補充完整構(gòu)建流程。
  • 添加 v1.0.0 版本代碼說明與技術(shù)棧優(yōu)化描述。
  • 增加敏感詞庫免責(zé)聲明，明確僅限學(xué)習(xí)研究使用。

?? Others

• 性能優(yōu)化：
  • 為 Brotli 與 Gzip 添加壓縮級別配置，提高壓縮效率。
  • 優(yōu)化圖片壓縮的并發(fā)處理邏輯，利用并行與線程安全集合提升性能。
• 樣式優(yōu)化：改進照片卡片背景與邊框效果，統(tǒng)一視覺體驗。
• 構(gòu)建優(yōu)化：更新 .dockerignore 規(guī)則，移除開發(fā)環(huán)境無關(guān)文件。