从2019年使用WordPress搭建Dotnet9网站,到现在手撸代码开发,介绍中间使用的一些资源,绝无保留,希望对大家有用。

1. 申请域名、搭建WordPress网站

时间点:2019年11月

申请Dotnet9域名,讲个实话,站长是从Dotnet1试到Dotnet9的,前面8个都被注册了,哈哈。

网站使用WordPress的第三方收费主题JustNews主题搭建:

JustNews主题专为博客、自媒体、资讯类的网站设计开发,自适应兼容手机、平板设备,支持前端用户中心,可以前端发布/投稿文章,同时主题支持专题功能,可以添加文章专题。

1.1 经典风格

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

这种风格挺适合技术类网站,内容比较紧凑,一眼展示内容较多。

Just News经典风格

1.2 风格二

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

这种风格是站长去年之前一直选用的风格,用了将近2年,看着比较大气,貌似没有保留网站最后的截图,还是上演示截图吧。

Just News风格二

2. 开始调研网站开发技术栈

时间点:2021年10月

这是一个重要时间点,前面两年站长基本就是在维护上面的WordPress搭建的网站。

关注Dotnet9网站的网友也经常问我,这个网站是用什么语言开发的,是否开源,想学习一下怎么开发网站。

陆陆续续站长也有自己开发网站的想法,但一直未付诸行动,毕竟自己技术栈主要在C/S,B/S也只是偶尔客串。

所以这个时候就开始调研网站开发技术栈,这首先就选择了Flutter Web,并参考油管一些视频做了个首页展示:

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

选择Flutter Web,因为站长在公司也在调研Flutter开发Mac项目,另一个就是为了它的跨平台特性,为了后面做桌面和App铺路,但目前Flutter Web是还不太成熟的:

目前最不适合选用的技术,首次加载2MB左右的Flutter js库,2、30秒加载白屏等待,有做SEO的第三方插件,但不成熟,就和选Flutter做桌面一样,需要再等等...

3. 使用ASP.NET Core MVC + Bootstrap开发网站

时间点:2021年12月

源码: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,这个网址有不少同学在上面学习过吧,全球的教学视频都有,中文、英文、其他语言:

udemy学习网站

我找到了一个土耳其老师的视频,正好是使用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=PLKnjBHu2xXNNkinaVhPqPZG0ubaLN63ci

油管免费博客开发视频教程

语言不是障碍哈,油管可以做语言翻译,站长有时是2倍速观看,边看边敲代码学习,食用效果更佳。

4. Abp vNext + Blazor Server开发

时间点:2022年01月

站长在前面学习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的开源项目,大家可关注这个Github账号:
EasyAbp Team

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

EasyAbp Team

5. 纯用Blazor Server开发网站

时间点:1月~2月

纯用Blazor Server开发的网站

上面未再用Abp vNext做个人项目的原因已经提了个人观点,所以从Blazor Server Hello Word开始又重新搭建网站了。

Blazor组件库使用的 Masa Blazor: https://masa-blazor-docs-dev.lonsid.cn/

Masa Blazor

与第4版Abp vNext集成的Blazor Server相比,当时是工作需要练手选择的。这次选原生的Blazor Server,对做.NET的我来说,应该是仅次于MVC的选择吧。

说实话,找工作靠Blazor可能性是很小的,但个人玩是非常爽的,这里学习Blazor可看下站长当时翻译的一个台湾小哥的系列文章:学Blazor,站长用Blazor这个版本还写了2个在线小工具,上线了一段时间,代码可参考:

  • 免费开源Blazor在线Ico转换工具

Blazor在线Ico转换工具

  • 使用Blazor做个简单的时间戳在线转换工具

Blazor时间戳在线转换工具

后面也没有继续坚持选择Blazor Server开发个人网站,站长主要有这个考量:Blazor使用的signalR做长连接,实时性较好,但对客户端网络要求较高,网络稍差,可能就与服务器断开了连接,对用户使用体验影响较大,站长也不想继续折腾下去,所以后面又选择了MVC开发个人网站。

小插曲:当时中间有用 .NET CORE Web API搭配Vue开发网站,因为老张的新书上市了,站长上手买了一本,跟着做了后端和前台首页,尝了个鲜,前后端分离,前端Vue比较熟用起来也很爽,稍微有点麻烦,没有MVC利索。

6. 现在的开发版本

时间点:2022年03月至今(2022年05月03号)

第一次上线时间:2022年04月01号

源码:https://github.com/dotnet9/Dotnet9

Dotnet9网站源码仓库

折腾回MVC做网站,现在网站前台基本成型了,前台前端在网上扒的一个主题,后面考虑在淘宝付费找个设计师美化一下:

首页:

Dotnet9网站首页

专辑之一:开源WPF

Dotnet9网站专辑

分类之一:Blazor

Dotnet9网站分类

文章之一:ASP.NET Core可视化日志组件使用

Dotnet9网站文章详情页

前台使用的ASP.NET Core MVC开发,ORM使用的EF Core,MVC可以得到完美的SEO支持,再也不用担心百度、谷歌的收录问题了。

网站数据做了个数据种子,目前每次有更新需要删库、重新初始化,后台正在开发中,参考的Panda这个项目正在做后台,后台前端使用的Vue 3.0 + Element Plus:

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

开源项目Panda仓库

最后来个后台前端动图结束本文:

开源项目Panda后台前端

本文持续更新,欢迎关注。

标签智能推荐:

【Dotnet9-01】从0开始搭建开源项目-lqclass.com

端项目依赖包后,再在vs中一键运行即可,react前端路径:lqclass.com\src\lqclass.com\ClientApp`三.结语项目已经创建完成,可以先提交代码了,这就不截图了,大家可以访问仓库地址查看:点击浏览接下来,站长将后台前后端部署在云服务器上,几个月前买了香港的腾讯云服务器,不用备案,部署很方便,下篇见。一些推荐【Blazor开源控件库】点击浏览【B/S开源项目】WTM【

企业建站多端小程序之酱茄企业官网小程序开源版发布

点特点:多端(微信、QQ、百度、H5)、免费开源、功能后台配置模块:留言反馈、产品服务、新闻动态、合作伙伴、关于我们等三、安装文档/常见问题https://www.jiangqie.com/owfree/7713.html四、开源协议遵循GPLV2.0开源协议发布五、免责声明用户在接受酱茄服务之前,请务必仔细阅读本条款(www.jiangqie.com/mzsm)并同意本声明六、特别鸣谢我们借助了

IntelliJ IDEA 2020.2 破解版(附永久破解激活方法)Java开发者必备的神器

.3及以下AppCode2019.3.7及以下CLion2019.3.5及以下DataGrip2020.2.3及以下GoLand2020.2.3及以下PhpStorm2020.2.3及以下PyCharm2020.2.3及以下Rider2019.3.4及以下RubyMine2019.3.4及以下WebStorm2020.2.3及以下PS:如果你需要服务器的服务,用于建站、Linux学习等多种用途,v

献给那些想自建站搭建博客的新人们(启篇)

我搭建博的方向找一个优秀的开源博客自我搭建,然后根据自我需求进行修改,请注意查看开源协议。自己写一个博客,这样可以高度定制,包括技术栈及业务。(目前自己和同学开源一个博客,正在开发中)搭建博客的好处与不良好处:可以自我定制,也可以扩展成个人网站,里面可以有很多自己的想法与新奇的功能。如果自己扩展或者自己完全自己开发,可以锻炼自己的code水平。不良:短期内甚至长期内,没有人关注,不建议没有一定的关

如何在Siteground中给WordPress网站安装SSL证书

击操作项中的enforcehttps,进入下个页面后,打开httpsenforce开关检查SSL证书是否生效此时我们访问网站域名后,将在域名左侧发现多了一个锁状的安全图标及证书信息Siteground的httpsenforce能强制为网站实现http到https,如果你担心修改的不够彻底,也可以看这篇安装SSL后,如何将wordpress网站中的http改为https(2种方法)教程进行复检。本文

phpstudy搭建多个局域网项目

在网上找半天,发现只有通过ip局域网访问本地某一个项目,也许是我比较笨,没有想通怎么搭建N个,所以自己在整合这些资料后总结出来的搭建多个局域网可访问的项目,当然还有其他办法,一个项目建站两次也是可以的,不过项目多了看着头痛,不说了,直接上步骤,这个步骤也许可以简化,欢迎各位指导首先“设置”=》配置文件=》vhosts.conf=》对应已经本地可以运行要搭建的局域网的项目,然后参照下图 修

.NET Core/.NET5/.NET6 开源项目汇总10:实用工具

; 开源项目是众多组织与个人分享的组件或项目,作者付出的心血我们是无法体会的,所以首先大家要心存感激、尊重。请严格遵守每个项目的开源协议后再使用。尊重知识产权,共建和谐开源社区。以下开源项目(含组件),从网络搜集,后期会不断补充。9、负载测试/压力测试工具NBomberNBomber是一个开源的.NET框架,开源协议是Apache2.0,NBomber用于对多种服务进行负载测试,包括We

Python小白的数学建模课-07 选址问题

sion:2.9.0BuildDate:Feb122015Result-OptimalsolutionfoundAssignment_problem_for_swimming_relay_race最佳分配:[0.0.1.0.]队员A参加项目:蝶泳[0.1.0.0.]队员B参加项目:蛙泳[1.0.0.0.]队员C参加项目:自由泳[0.0.0.1.]队员D参加项目:仰泳预测最好成绩为:249.04.案

Wordpresss建站笔记——Woo中如何将产品分类加到首页菜单中?

使用WooCommerce建站中,按照默认的菜单,不能调出产品相关的类别,如果需要调用,则按如下所示指示图点开既可实现:1.选择Appearance>>>Menus>>> Screen Options>>>Products>>>Addmenuitems

新手如何快速学习SEO

第一步:SEO基础知识第二步:SEO操作能力学习第三步:熟悉空间域名的使用第四步:利用本地环境搭建网站学习建站第五步:熟悉百度、谷歌搜索管理工具第六步:尝试出网站建设及优化方案第七部:完成网站SEO的基础设置