Share some information I accumulated when I was working as a dotnet9 blog site

from 2019 Annual use WordPress build Dotnet9 Website , Up to now, hand-in-hand code development , Introduce some resources used in the middle , Without reservation , I hope you found that useful .

1. Application domain name 、 build WordPress Website

Point in time ：2019 year 11 month

apply Dotnet9 domain name , Tell the truth , The webmaster is from Dotnet1 Try to Dotnet9 Of , front 8 All of them have been registered , ha-ha .

Site use WordPress Third party charging theme JustNews Theme building ：

JustNews The theme is for blogs 、 We-Media 、 Information website design and development , Adaptive compatible phones 、 Flat panel equipment , Support front end user center , It can be released in the front end / Contribution article , At the same time, the theme supports thematic functions , You can add article topics .

1.1 Classic style

• Demo address ：http://demo.wpcom.cn/justnews/

This style is very suitable for technical websites , The content is relatively compact , Show more content at a glance .

Just News Classic style

1.2 Style 2

• Demo address ：http://demo.wpcom.cn/justnews2/

This style is the style chosen by the webmaster before last year , It took more or less 2 year , It's more atmospheric , It seems that the final screenshot of the website is not retained , Let's take a screenshot of the demo .

Just News Style 2

2. Start to investigate the website development technology stack

Point in time ：2021 year 10 month

This is an important time point , In the first two years, the webmaster is basically maintaining the above WordPress Build a website .

Focus on Dotnet9 Netizens on the website often ask me , What language is this website developed in , Open source or not , Want to learn how to develop a website .

The webmaster also has the idea of developing his own website , But it has not been put into action , After all, their own technology stack is mainly in C/S,B/S Only occasionally guest stars .

So this time began to investigate the website development technology stack , This first chose Flutter Web, And made a home page display with reference to some videos ：

• Source code ：https://github.com/dotnet9/lequ/tree/main/src/flutter_blog

choice Flutter Web, Because the webmaster is also investigating in the company Flutter Development Mac project , The other is for its cross platform features , In order to make a desktop and App paving , But at the moment, Flutter Web It's not very mature ：

The most unsuitable technology at present , First load 2MB Left and right Flutter js library ,2、30 Wait for seconds to load the white screen , Yes SEO Third party plug-ins for , But immature , Just choose Flutter Like a desktop , Need to wait ...

3. Use ASP.NET Core MVC + Bootstrap Develop web site

Point in time ：2021 year 12 month

Source code ：https://github.com/dotnet9/lequ/tree/main/src/dotnet_blog

This should be the most appropriate thing to do SEO The technology stack selected for the type of website , I think it's good to be single .

The webmaster used to do B/S, Or just do ASP.NET Core Web API, Or add the front end Vue(vue-element-admin),React(Ant Design Prop),ASP.NET Core MVC I haven't touched it yet , So the whole network is looking for video learning .

With the goal of finding a teaching video with ready-made blog code , At Baidu 、 Google searched all over , Finally found a video website ：udemy.com, Many students have studied this website , There are teaching videos all over the world , chinese 、 english 、 Other languages ：

udemy Learning Websites

I found a Turkish teacher , Just use ASP.NET Core MVC 5 Teach blog website development , Just right for me , It took 19.9$ Here it is , It's still a little expensive , But I learned something real , He basically uses the three-tier architecture to develop , It is suggested that beginners learn MVC You can have a look , Sending screenshots and links here is not recommended to buy , I'll go on later .

• Video link ：https://www.udemy.com/course/kurumsal-mimaride-mvc5-ile-blog-projesi-gelistirelim/

Blog development video tutorial

Of course, the webmaster doesn't do it all according to his teaching video , Some codes also refer to Lao Zhang's Blog.Core Developed , It is suggested to collect Lao Zhang's blog Garden , Interested students can see his blog , stationmaster 18 I started reading Lao Zhang's blog at the end of the year B/S Development , This should be the most comprehensive network B/S Getting started series of tutorials ：.NET CORE Web API + Vue：

• Blog Garden [ Lao zhang's philosophy ]: https://www.cnblogs.com/laozhang-is-phi/

Lao zhang's philosophy

The webmaster is watching the video of the Turkish teacher and referring to Lao Zhang's Blog.Core After making a version of the blog front display , Found the Turkish teacher's account in the oil pipe , He opened a new video series , Also explain ASP.NET CORE MVC 5.0 Develop blog system , Just different themes , The technology used may have been updated , Yes 150 Set , The stationmaster chased 80 Several episodes , I didn't see it in the back , Similar to the previous charge , Friends in need don't have to buy paid videos （ Of course, support is OK ）, Directly watch his latest blog development video to learn .

• Video address ：https://www.youtube.com/watch?v=HXKnDUb06iw&list=PLKnjBHu2xXNNkinaVhPqPZG0ubaLN63ci

Tubing free blog development video tutorial

Language is not a barrier , Tubing can do language translation , The webmaster is sometimes 2 Times to watch , Knock and watch the code , Better effect .

4. Abp vNext + Blazor Server Development

Point in time ：2022 year 01 month

The stationmaster studies in front MVC In the process of , I've made an outline of the front desk , There is theme switching 、 Multi language switching .

stay 2022 year 01 month , The webmaster company has a project , Have use Abp vNext + Blazor Server Development project requirements , So I studied technology in the company , Work overtime in the evening and practice with new skills Dotnet9 Website front desk ,

Source code ：https://github.com/dotnet9/Dotnet9/tree/abp-blazor-server

Study address ：https://docs.abp.io/en/abp/latest/Tutorials/Part-1?UI=BlazorServer&DB=EF

summary ：

Abp vNext Is too heavy ,Hello World Run a memory 400MB about , One hand CRUD It takes a lot of time , Even with code generators , You shouldn't choose this way to be a blog website .

But it does not prevent everyone from using Abp vNext Develop enterprise level projects , There are many in the community Abp vNext Open source projects for , You can pay attention to this Github account number ：EasyAbp Team

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

EasyAbp Team

5. Pure use Blazor Server Develop web site

Point in time ：1 month ~2 month

Pure use Blazor Server Developed website

It's not used anymore Abp vNext The reasons for doing personal projects have put forward personal views , So from Blazor Server Hello Word Start to rebuild the website again .

Blazor The component library uses Masa Blazor：https://masa-blazor-docs-dev.lonsid.cn/

Masa Blazor

With the first 4 edition Abp vNext Integrated Blazor Server comparison , At that time, it was a choice for work to practice . This time choose the original Blazor Server, Do right .NET I mean , It should be second only to MVC Make your choice .

Tell the truth , Looking for a job depends on Blazor The possibility is very small , But it's great to play alone , Study here Blazor Look at a series of articles translated by the webmaster at that time ： learn Blazor, For stationmaster Blazor This version also says 2 An online gadget , It's been online for a while , Code reference ：

• Free and open source Blazor On-line Ico Transformation tool

Blazor On-line Ico Transformation tool

• Use Blazor Make a simple time stamp online conversion tool

Blazor Timestamp online conversion tool

I didn't continue to insist on choosing Blazor Server Develop personal websites , The webmaster mainly has this consideration ：Blazor The use of signalR Make long connections , Good real-time performance , However, the requirements for client network are high , The network is a little poor , You may be disconnected from the server , It has a great impact on the user experience , The webmaster doesn't want to continue to toss , So I chose MVC Develop personal websites .

episode ： It was useful in the middle .NET CORE Web API collocation Vue Develop web site , Because Lao Zhang's new book is on the market , The webmaster bought a Book , Followed by the back-end and front page , Tasted a fresh , Fore and aft end separation , front end Vue It's quite familiar, and it's also very cool to use , A little bit of trouble , No, MVC Agile .

6. The current development version

Point in time ：2022 year 03 Month so far （2022 year 05 month 03 Number ）

First time online ：2022 year 04 month 01 Number

Source code ：https://github.com/dotnet9/Dotnet9

Dotnet9 Website source code warehouse

Toss back MVC Make a website , Now the front desk of the website is basically formed , The front end of the front desk is a theme of online pickpocketing , Later, consider paying for a designer on Taobao to beautify it ：

home page ：

Dotnet9 homepage

One of the albums ： Open source WPF

Dotnet9 Website album

One of the categories ：Blazor

Dotnet9 Website classification

Article one ：ASP.NET Core The visual log component uses

Dotnet9 Website article details page

Used by the front desk ASP.NET Core MVC Development ,ORM The use of EF Core,MVC You can get the perfect SEO Support , Don't worry about Baidu anymore 、 Google's collection problem .

The website data makes a data seed , At present, the database needs to be deleted every time there is an update 、 Reinitialize , The background is under development , Reference Panda This project is being done in the background , Used in the background and front end Vue 3.0 + Element Plus：

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

Open source project Panda Warehouse

Finally, let's end this article with a dynamic diagram of the background and front end ：

Open source project Panda Backstage front end

This article is continuously updated , Welcome to your attention .