从 2019 年使用WordPress搭建Dotnet9 网站，到现在手撸代码开发，介绍中间使用的一些资源，绝无保留，希望对大家有用。
1. ドメイン名の取得とWord Pressサイトの構築
タイトル：December 2019
申请Dotnet9域名，讲个实话，站长是从 Dotnet1 试到 Dotnet9 的，前面 8 个都被注册了，哈哈。
网站使用WordPress的第三方收费主题JustNews 主题搭建：
JustNewsのテーマは、ブログ、セルフメディア、情報サイトの設計と開発のために設計され、モバイル、タブレットデバイスとの適応互換性があり、フロントエンドユーザーセンターをサポートし、フロントエンドで記事を公開/投稿でき、テーマはテーマ機能をサポートし、記事のテーマを追加できます。
1.1クラシックスタイル。
- デモのアドレスhttp//demo.wpcom.cn/justnews/
このスタイルは技術的なウェブサイトに適しており、コンテンツは比較的コンパクトで、一目でより多くのコンテンツを表示します。
1.2スタイル2。
- デモのアドレスhttp//demo.wpcom.cn/justnews2/
このスタイルは、ウェブマスターが昨年のスタイルを選択しており、ほぼ2 年で、比較的雰囲気を見て、サイトの最後のスクリーンショット、またはデモスクリーンショットを保持していないようです。
2. Web開発技術の調査を開始
タイトル：December 2021
这是一个重要时间点，前面两年站长基本就是在维护上面的WordPress搭建的网站。
关注Dotnet9 网站的网友也经常问我，这个网站是用什么语言开发的，是否开源，想学习一下怎么开发网站。
ウェブマスターはウェブサイトを開発する独自のアイデアを持っていますが、結局、彼のテクノロジースタックは主にC/Sにあり、B/Sは時折ゲストに過ぎません。
所以这个时候就开始调研网站开发技术栈，这首先就选择了Flutter Web，并参考油管一些视频做了个首页展示：
- ソースコードhttps//github.com/dotnet9/lequ/tree/main/src/flutter_blog
Flutter Webを選んだのは、ウェブマスターもFlutterのMacプロジェクトを研究しているからです。もう一つは、クロスプラットフォーム機能のためで、デスクトップとアプリの舗装を行うためですが、現在のFlutter Webはまだ成熟していません。
現時点では、選択する技術に最も適していません。最初に2MBくらいのFlutter jsライブラリをロードし、2、30 秒で白画面をロードし、SEOを行うサードパーティプラグインがありますが、成熟していない、ちょうどFlutterを選択してデスクトップを行うのと同じです。
3. ASP.NET Core MVC + BootstrapでWebサイトを開発
タイトル：December 2012
ソースコードhttps//github.com/dotnet9/lequ/tree/main/src/dotnet_blog
これは、SEOタイプのウェブサイトの選択を行うのに最適なテクノロジースタックであり、個人的にはモノリスが良いと感じます。
站长以前做 B/S，要么只做ASP.NET Core Web API，或者加上前端 Vue(vue-element-admin)，React(Ant Design Prop)，ASP.NET Core MVC是还没有接触过的，所以全网找视频学习。
怀着找有现成博客代码的教学视频目标，在百度、谷歌找了个遍，终于找到了一个视频网址：udemy.com，这个网址有不少同学在上面学习过吧，全球的教学视频都有，中文、英文、其他语言：
我找到了一个土耳其老师的视频，正好是使用ASP.NET Core MVC 5教授博客网站开发，正好对我路子，当时花了 19.9$来着，还是有点小贵，不过学到了真东西，他基本使用的三层架构开发的，建议初学 MVC 的同学可以看看，这里发截图和链接不是推荐买哈，后面我接着讲。
- ビデオへのリンクhttps//www.udemy.com/course/kurumsal-mimaride-mvc5-ile-blog-projesi-gelistirelim/
当然站长不全是按他的教学视频做，有些代码也参考了老张的Blog.Core开发的，建议收藏老张的博客园，有兴趣的同学可以看看他的博客，站长 18 年底开始看的老张博客入门的 B/S 开发，这应该是全网最全的 B/S 入门系列教程了：.NET CORE Web API + Vue：
- 园 [张张的哲学] https://www.cnblogs.com/laozhang-is-phi/
站长在看土耳其老师的视频和参考老张的Blog.Core做了一个版本的博客前台展示后，在油管发现了土耳其老师的账号，他新开了一个视频系列，也是讲解 ASP.NET CORE MVC 5.0 开发博客系统，只是主题不同，使用的技术可能更新了，有 150 集，站长追了 80 几集，后面没看了，和前面收费的类似，有需求的朋友可不用买收费视频（当然支持是可以的），直接看他最新的博客开发视频学习吧。
- ビデオアドレスhttps//www.youtube.com/watch? v= HXKnDUb06iw & list = PLKnjBHu2xXkinaVhPqPZG0ubaLN63ci
言語は障害物ではなく、チューブは言語翻訳を行うことができ、駅長は時々 2倍で見て、コード学習をノックしながら、消費効果が良いです。
4. Abp vNextとBlazor Serverの開発
期間：2022 年0 1月
ウェブマスターはMVCを学ぶ過程で、フロントデスクを約しており、テーマ切り替え、多言語切り替えがあります。
在 2022 年 01 月，站长公司有个项目，有使用 Abp vNext + Blazor Server 开发项目的需求，遂在公司学习技术，晚上加班加点用新学的技术练手做Dotnet9网站前台，
ソースコードhttps//github.com/dotnet9/Dotnet9/tree/abp-blazor-server
学習アドレスhttps//docs.abp.io/en/abp/latest/Tutorials/Part-1? UI=BlazorServer&DB=EF
** 概要：**
Abp vNext 太重了，Hello World运行内存 400MB 左右，个人手撸 CRUD 比较费时，即使有代码生成器，也不应该选用这种方式做博客网站。
しかし、Abp vNextを使用してエンタープライズレベルのプロジェクトを開発することを妨げないでください。コミュニティにはAbp vNextオープンソースプロジェクトがたくさんあります。 EasyAbp Team](https://github.com/EasyAbp)
- EasyAbp Team：https://github.com/EasyAbp
5. Blazor Serverを使用したWebサイト開発
開催時期：1 月~2 月
Abp vNextを個人的なプロジェクトに使用しない理由については、すでに個人的な意見を述べているので、Blazor Server Hello Wordからサイトを再構築しました。
Blazorコンポーネントライブラリで使用されるMasa Blazor：https://masa-blazor-docs-dev.lonsid.cn/
Abp vNextに統合されたBlazor Serverのバージョン4と比較して、当時の仕事は練習が必要でした。今回のネイティブBlazor Serverの選択は、. NETを行う私にとってMVCの次の選択肢です。
说实话，找工作靠 Blazor 可能性是很小的，但个人玩是非常爽的，这里学习 Blazor 可看下站长当时翻译的一个台湾小哥的系列文章：学 Blazor，站长用 Blazor 这个版本还写了 2 个在线小工具，上线了一段时间，代码可参考：
個人的なウェブサイトを開発するためにBlazor Serverを選択し続けなかった後、ウェブマスターは主にこの考慮事項を持っています。Blazorは長い接続を行うためにsignalRを使用し、リアルタイムが良いですが、クライアントネットワーク要件が高く、ネットワークがわずかに悪い、サーバーから切断される可能性があり、ユーザーエクスペリエンスに大きな影響を与え、ウェブマスターは続けたくないので、MVC個人的なウェブサイトを開発することを選択しました。
** 小さなエピソード：当時、Vue開発サイトで使用されていた. NET CORE Web APIは、張さんの新しい本がリストされているので、ウェブマスターは手で1つを購入し、バックエンドとフロントフロントのホームページを行い、新鮮な味、フロントとリアの分離、フロントエンドVueは比較的よく使用されていて、少し面倒で、MVCリソなし。**
6. 現在の開発バージョン（May 2022）
期間：2022 年3月から現在まで（2022 年5月3日）
最初のオンライン時間：2022 年4月1日
ソースコードhttps//github.com/dotnet9/Dotnet9
MVCに戻ってウェブサイトを行うには、今、ウェブサイトのフロントデスクは基本的に形成され、フロントデスクは、オンラインピックのテーマでフロントデスクは、Taobaoで支払うことを検討するデザイナーを美しくする：
トップページ：
专辑之一：开源 WPF
分类之一：Blazor
前台使用的ASP.NET Core MVC开发，ORM 使用的 EF Core，MVC 可以得到完美的 SEO 支持，再也不用担心百度、谷歌的收录问题了。
网站数据做了个数据种子，目前每次有更新需要删库、重新初始化，后台正在开发中，参考的Panda这个项目正在做后台，后台前端使用的 Vue 3.0 + Element Plus：
- Panda：https://github.com/coolqingcheng/Panda
最後に、この記事を締めくくるために、バックグラウンドフロントマップ：
7. Mar 11，2023アップデート
現在、ウェブサイトはリファクタリングの新ラウンドを行っており、フロントディスプレイの効果は以下のとおりです。
トップページ：
詳細ページより：
参照項目：
- フロントエンドフロントエンドhttps//github.com/linhaojun857/aurora/tree/master/aurora-vue/aurora-blog
- バックグラウンドフロントエンドhttps//github.com/linhaojun857/aurora/tree/master/aurora-vue/aurora-admin
- バックエンドhttps//github.com/yangzhongke/NETBookMaterials/tree/main/%E6%9C%80%E5%90%8E%E5%A4%A7%E9%A1%B9%E7%9B%AE%E4%BB%A3%E7%A0%81/YouZack-VNext
Dotnet9のウェブサイト：
- フロントエンドフロントエンド（Vue3 + Element Plus）https//github.com/dotnet9/Dotnet9/tree/develop/src/dotnet9-web-vue3
- バックエンドフロントエンド（Vue2 + Element UI）https//github.com/dotnet9/Dotnet9/tree/develop/src/Dotnet9.Admin.Web/dotnet9-adminvue
- バックエンドASP.NET Core 7.0 Web API https//github.com/dotnet9/Dotnet9/tree/develop/src/Dotnet9.Admin.WebAPI
8. May 3，2023の更新
前台由 Vue 3 换回ASP.NET Core Razor Pages，风格以简约为主，主打内容为王，放弃花哨，网友称风格类似早期博客园，站长其实买的杨青青个人博客（https://www.yangqq.com/）的静态模板；后端采用MASA Framework 搭建，框架地址是 https://www.masastack.com/framework，后端依然以DDD设计为开发指导，这次加入了CQRS。开发总体规划是：后端框架采用MASA Framework 应该是不变了，并且前后台现在全面拥抱了 .NET 8。
なぜ再建したのか。
技術の継続的な発展に伴い、ウェブサイトのリファクタリングは避けられないトレンドとなっています。個々の学習ニーズをより良く満たし、ウェブサイトのパフォーマンスとユーザーエクスペリエンスを向上させるために、Dotnet9のウェブサイトはリファクタリングの新しいラウンドを受けました。このリファクタリングにはフロントとバックの2つの側面が含まれます。
フォアグラウンド再構築
ASP.NET Core 8.0 Razor Pagesの概要
在前台方面，Dotnet9 网站将原来的 Vue 3 换回了 Razor Pages 。这是因为 Vue 3 虽然有很多优点，但是在性能和 SEO 方面还存在一些问题。而 Razor Pages 则更加适合于构建前台网站（服务端渲染），具有更好的性能和 SEO 优化效果。
一方、Dotnet9のウェブサイトにはいくつかのスタイル変更が加えられました。ウェブサイトのスタイルはシンプルで、あまりにも多くの派手な効果を放棄し、コンテンツのプレゼンテーションにもっと注意を払っています。このスタイルは初期のブログパークに似ており、ユーザーは読書と学習に集中できる。
バックグラウンド·リファクタリング
テクニックスタックASP.NET Core 8.0 Web API MASA Framework + EF Core 8.0 PostgreSQL、DDD + CQRS
在后台后端方面，Dotnet9 网站采用了 MASA Framework 作为开发框架。MASA Framework 是.NET 下一代微服务开发框架, 助力开发者和企业开启全新的现代化应用开发交付体验。
開発とデザインに関しては、Dotnet9のウェブサイトはDDD（ドメイン駆動設計）の考え方を採用しています。この設計思考は、開発者がビジネスニーズをよりよく理解し、ビジネスロジックと技術実装を分離し、コードの保守性と拡張性を向上させるのに役立ちます。
此外，Dotnet9 网站还加入了 CQRS（命令查询职责分离）的设计模式，由 MASA Framework 提供技术支持。CQRS 是一种与领域驱动设计(DDD)和事件溯源相关的架构模式，它将事件（Event）划分为 命令端（Command）和 查询端（Query），可以提高系统的性能和可扩展性。在 Dotnet9 网站中，博客文章的查询就使用了查询（Query），文章阅读统计（开发中）使用了命令（Command）。
概要まとめまとめ
Dotnet9ウェブサイトのリファクタリングは、ウェブサイトのパフォーマンスとユーザーエクスペリエンスを向上させるだけでなく、最新のテクノロジーとデザインアイデアを採用して、ウェブサイトをより保守的でスケーラブルにします。将来の開発では、Dotnet9ウェブサイトは、この哲学を堅持し続け、継続的な最適化と改善を続け、ユーザーにより良いサービスを提供します。もちろん、主に個人的な学習、継続的な進化です。
成果の表示
トップページ：
アルバムの記事：
記事の詳細：
ソースコードソース
今回は履歴ブランチもクリーンアップされ、developとmainブランチのみが残っています。
リポジトリhttps//github.com/dotnet9/dotnet9
ソリューションの構造は次のとおりです。
メインプロジェクト：Dotnet 9. RazorPages
主なプロジェクト：Dotnet 9. Service
- Dotnet 9. Commons：ツールライブラリ
- Dotnet 9. Contracts：Dtoクラスを一時的にリリース
- Dotnet 9. Razor Pages：フロントのメインプロジェクト、徐々に改善
- Dotnet 9. Service：バックエンドメインプロジェクト、一時的に様々な階層ファイルをプロジェクトに置く、再ライブラリが必要です。
- Dotnet 9. Admin：バックグラウンドフロントエンド暫定
ウェブサイトの開発が完了したら、Dotnet9ウェブサイト前のバックグラウンド開発シリーズのチュートリアル共有、今年ではなく、来年です。..。
9. 2024年7月
Ant Designスタイルのリファクタリング、ソースコード：htts//github.com/dotnet 9/CodeWF：
- Blazor静的SSRを使用する。
- データベースがなく、コアデータはローカルで読み取り、メモリ使用量をロードするため、バックグラウンドはありません。
オンラインhtts//dotnet9..コムコムコム
アクセス速度は一般的に飛ぶ感覚がない：
この記事は常に更新され、歓迎。