分享我做Dotnet9博客網(wǎng)站時積累的一些資料

時間：2023-05-28 06:15:01 | 來源：網(wǎng)站運營

時間：2023-05-28 06:15:01 來源：網(wǎng)站運營

分享我做Dotnet9博客網(wǎng)站時積累的一些資料：從2019年使用WordPress搭建Dotnet9網(wǎng)站，到現(xiàn)在手擼代碼開發(fā)，介紹中間使用的一些資源，絕無保留，希望對大家有用。

1. 申請域名、搭建WordPress網(wǎng)站

時間點：2019年11月

申請Dotnet9域名，講個實話，站長是從Dotnet1試到Dotnet9的，前面8個都被注冊了，哈哈。

網(wǎng)站使用WordPress的第三方收費主題JustNews主題搭建：

JustNews主題專為博客、自媒體、資訊類的網(wǎng)站設計開發(fā)，自適應兼容手機、平板設備，支持前端用戶中心，可以前端發(fā)布/投稿文章，同時主題支持專題功能，可以添加文章專題。

1.1 經(jīng)典風格

• 演示地址：http://demo.wpcom.cn/justnews/

這種風格挺適合技術(shù)類網(wǎng)站，內(nèi)容比較緊湊，一眼展示內(nèi)容較多。

1.2 風格二

• 演示地址：http://demo.wpcom.cn/justnews2/

這種風格是站長去年之前一直選用的風格，用了將近2年，看著比較大氣，貌似沒有保留網(wǎng)站最后的截圖，還是上演示截圖吧。

2. 開始調(diào)研網(wǎng)站開發(fā)技術(shù)棧

時間點：2021年10月

這是一個重要時間點，前面兩年站長基本就是在維護上面的WordPress搭建的網(wǎng)站。

關(guān)注Dotnet9網(wǎng)站的網(wǎng)友也經(jīng)常問我，這個網(wǎng)站是用什么語言開發(fā)的，是否開源，想學習一下怎么開發(fā)網(wǎng)站。

陸陸續(xù)續(xù)站長也有自己開發(fā)網(wǎng)站的想法，但一直未付諸行動，畢竟自己技術(shù)棧主要在C/S，B/S也只是偶爾客串。




所以這個時候就開始調(diào)研網(wǎng)站開發(fā)技術(shù)棧，這首先就選擇了Flutter Web，并參考油管一些視頻做了個首頁展示：

• 源碼：https://github.com/dotnet9/lequ/tree/main/src/flutter_blog

選擇Flutter Web，因為站長在公司也在調(diào)研Flutter開發(fā)Mac項目，另一個就是為了它的跨平臺特性，為了后面做桌面和App鋪路，但目前Flutter Web是還不太成熟的：

目前最不適合選用的技術(shù)，首次加載2MB左右的Flutter js庫，2、30秒加載白屏等待，有做SEO的第三方插件，但不成熟，就和選Flutter做桌面一樣，需要再等等...

3. 使用http://ASP.NET Core MVC + Bootstrap開發(fā)網(wǎng)站

時間點：2021年12月

源碼：https://github.com/dotnet9/lequ/tree/main/src/dotnet_blog

這應該是最適宜做需要SEO類型的網(wǎng)站選用的技術(shù)棧，個人感覺單體就好。

站長以前做B/S，要么只做ASP.NET Core Web API，或者加上前端Vue(vue-element-admin)，React(Ant Design Prop)，ASP.NET Core MVC是還沒有接觸過的，所以全網(wǎng)找視頻學習。

懷著找有現(xiàn)成博客代碼的教學視頻目標，在百度、谷歌找了個遍，終于找到了一個視頻網(wǎng)址：udemy.com，這個網(wǎng)址有不少同學在上面學習過吧，全球的教學視頻都有，中文、英文、其他語言：







我找到了一個土耳其老師的視頻，正好是使用ASP.NET Core MVC 5教授博客網(wǎng)站開發(fā)，正好對我路子，當時花了19.9$來著，還是有點小貴，不過學到了真東西，他基本使用的三層架構(gòu)開發(fā)的，建議初學MVC的同學可以看看，這里發(fā)截圖和鏈接不是推薦買哈，后面我接著講。

• 視頻鏈接：https://www.udemy.com/course/kurumsal-mimaride-mvc5-ile-blog-projesi-gelistirelim/

當然站長不全是按他的教學視頻做，有些代碼也參考了老張的Blog.Core開發(fā)的，建議收藏老張的博客園，有興趣的同學可以看看他的博客，站長18年底開始看的老張博客入門的B/S開發(fā)，這應該是全網(wǎng)最全的B/S入門系列教程了：.NET CORE Web API + Vue：

• 博客園 [老張的哲學]: https://www.cnblogs.com/laozhang-is-phi/

站長在看土耳其老師的視頻和參考老張的Blog.Core做了一個版本的博客前臺展示后，在油管發(fā)現(xiàn)了土耳其老師的賬號，他新開了一個視頻系列，也是講解ASP.NET CORE MVC 5.0開發(fā)博客系統(tǒng)，只是主題不同，使用的技術(shù)可能更新了，有150集，站長追了80幾集，后面沒看了，和前面收費的類似，有需求的朋友可不用買收費視頻（當然支持是可以的），直接看他最新的博客開發(fā)視頻學習吧。

• 視頻地址：https://www.youtube.com/watch?v=HXKnDUb06iw&list=PLKnjBHu2xXNNkinaVhPqPZG0ubaLN63ci

語言不是障礙哈，油管可以做語言翻譯，站長有時是2倍速觀看，邊看邊敲代碼學習，食用效果更佳。

4. Abp vNext + Blazor Server開發(fā)

時間點：2022年01月

站長在前面學習MVC的過程中，已經(jīng)把前臺做了個大概了，有主題切換、多語言切換。

在2022年01月，站長公司有個項目，有使用Abp vNext + Blazor Server開發(fā)項目的需求，遂在公司學習技術(shù)，晚上加班加點用新學的技術(shù)練手做Dotnet9網(wǎng)站前臺，

源碼：https://github.com/dotnet9/dotnet9.com/tree/abp-blazor-server




學習地址：https://docs.abp.io/en/abp/latest/Tutorials/Part-1?UI=BlazorServer&DB=EF

總結(jié)：

Abp vNext太重了，Hello World運行內(nèi)存400MB左右，個人手擼CRUD比較費時，即使有代碼生成器，也不應該選用這種方式做博客網(wǎng)站。

但不妨礙大家使用Abp vNext開發(fā)企業(yè)級項目哈，社區(qū)有不少Abp vNext的開源項目，大家可關(guān)注這個Github賬號： EasyAbp Team

• EasyAbp Team：https://github.com/EasyAbp

5. 純用Blazor Server開發(fā)網(wǎng)站

時間點：1月~2月







上面未再用Abp vNext做個人項目的原因已經(jīng)提了個人觀點，所以從Blazor Server Hello Word開始又重新搭建網(wǎng)站了。

Blazor組件庫使用的 Masa Blazor： https://masa-blazor-docs-dev.lonsid.cn/







與第4版Abp vNext集成的Blazor Server相比，當時是工作需要練手選擇的。這次選原生的Blazor Server，對做.NET的我來說，應該是僅次于MVC的選擇吧。

說實話，找工作靠Blazor可能性是很小的，但個人玩是非常爽的，這里學習Blazor可看下站長當時翻譯的一個臺灣小哥的系列文章：學Blazor，站長用Blazor這個版本還寫了2個在線小工具，上線了一段時間，代碼可參考：

• 免費開源Blazor在線Ico轉(zhuǎn)換工具

• 使用Blazor做個簡單的時間戳在線轉(zhuǎn)換工具

后面也沒有繼續(xù)堅持選擇Blazor Server開發(fā)個人網(wǎng)站，站長主要有這個考量：Blazor使用的signalR做長連接，實時性較好，但對客戶端網(wǎng)絡要求較高，網(wǎng)絡稍差，可能就與服務器斷開了連接，對用戶使用體驗影響較大，站長也不想繼續(xù)折騰下去，所以后面又選擇了MVC開發(fā)個人網(wǎng)站。

小插曲：當時中間有用 .NET CORE Web API搭配Vue開發(fā)網(wǎng)站，因為老張的新書上市了，站長上手買了一本，跟著做了后端和前臺首頁，嘗了個鮮，前后端分離，前端Vue比較熟用起來也很爽，稍微有點麻煩，沒有MVC利索。

6. 現(xiàn)在的開發(fā)版本

時間點：2022年03月至今（2022年05月03號）

第一次上線時間：2022年04月01號

源碼：https://github.com/dotnet9/Dotnet9







折騰回MVC做網(wǎng)站，現(xiàn)在網(wǎng)站前臺基本成型了，前臺前端在網(wǎng)上扒的一個主題，后面考慮在淘寶付費找個設計師美化一下：

首頁：







專輯之一：開源WPF







分類之一：Blazor







文章之一：ASP.NET Core可視化日志組件使用







前臺使用的ASP.NET Core MVC開發(fā)，ORM使用的EF Core，MVC可以得到完美的SEO支持，再也不用擔心百度、谷歌的收錄問題了。

網(wǎng)站數(shù)據(jù)做了個數(shù)據(jù)種子，目前每次有更新需要刪庫、重新初始化，后臺正在開發(fā)中，參考的Panda這個項目正在做后臺，后臺前端使用的Vue 3.0 + Element Plus：

• Panda：https://github.com/coolqingcheng/Panda

最后來個后臺前端動圖結(jié)束本文：







本文持續(xù)更新，歡迎關(guān)注。