基于.NetCore开发博客项目 StarBlog - (1) 为什么需要自己写一个博客?

前言

OK,我也来造轮子了

博客系统从一开始用WordPress,再到后来用hexo、hugo之类的静态博客生成放github托管,一直在折腾

折腾是为了更好解决问题,最终还是打算自己花时间搞一个好了

本系列文章将记录博客的开发过程~ 将会持续更新,欢迎关注~

后端基于最新的.Net6Asp.Net Core框架,遵循RESTFul接口规范,前端基于Vue+ElementUI开发,可作为 .Net Core 入门项目学习~

博客项目的开发已经基本完成,项目代码完全开源,点击原文可以查看项目地址,有兴趣的同学欢迎star/fork~

为啥要自己开发博客

  • 找不到一个让我满意的在线博客

  • 在线写博客体验不如在本地用typora写

  • 写公众号推文的话注意力会分散一部分到如何写得吸引读者而不是文章本身

  • 自己的网站才有完整的控制权,不会被垃圾平台添加不良信息污染

整体设计

虽然博客没啥技术含量,但还是要说一下我的想法

前面说到自己开发博客的原因有一点是我喜欢在本地用typora写博客,但markdown作为一种纯文本文件,有一个短板就是图片资源,无论是使用图床还是链接到本地,在发布的时候都有一定的麻烦。

图床可能失效,我还是习惯把资源放在本地可以自己掌握,但放在本地的话,要发布到博客园、公众号这类平台就免不了要一张张上传图片,很麻烦。

静态博客生成器可以把markdown转换成HTML然后放在github或者gitee托管,但前者国内几乎没法访问,后者自定义域名需要付费,加上现在管控严格,已经没法开启gitee pages了…

结合上述,我开发的博客最核心的一点就是要支持本地的markdown以及本地图片,要原封不动的利用我现有的几百个markdown文档来构建一个博客。

我不想做一个静态博客生成器,限制太大了,而且很多功能例如评论互动、更新推送等没办直接支持。

所以思路已经很明确了,这个博客需要读取本地的markdown文档,在不修改原有文档的基础上,将文档内容导入数据库中,同时收集文档里的资源文件(图片)。

然后博客前台为了更好的SEO效果,而且也很简单,使用后端渲染技术,不需要前后端分离;

博客数据都存储在数据库里,当然需要一个管理后台,这个后台就做成前后端分离的单页应用好了。

PS: 本来只考虑本地写完上传,后面又加了在线编辑功能,可以满足基本的文章编辑功能,体验还行

功能要求

所以总结下来,本项目开发的博客需要具备以下功能:

  • 本地markdown文章批量上传导入,根据目录结构解析文章分类(支持多级分类嵌套),解析markdown中的图片并导入到网站目录中

  • 本地摄影作品批量上传,读取图片EXIF信息并导入

  • 可以配置的博客主页(展示置顶和置顶的文章、图片、分类)

  • 代码片段编辑与分享功能

  • 后台需要完整的文章、分类、图片、代码片段编辑功能

  • 博客前台需要有将文章快捷发表到微信公众号、知乎专栏、博客园、掘金等平台的功能

OK,大概就这些了~ 更多功能可能后面想到了就加上~

技术选型

后端本来Django是最佳选择,自带管理后台,开发这类CMS系统最合适不过了。

然而我最近C#写得很顺手,也一直在学习AspNetCore这个高性能的web框架,觉得挺好用的,造轮子不能用太简单的工具来造,不然就失去挑战性也学不到太多新东西了… 于是就确定是AspNetCore了

前端选择之前用过的vue,前端技术栈除了不久前学了一点React之外就没怎么更新,所以先凑合一下快速实现,后面再考虑用blazor或者flutter之类好玩的新技术来重构~

所以很明确了

  • 后端:C# + AspNetCore

  • ORM:FreeSQL

  • 博客前台:Bootstrap + Vue + editor.md + bootswatch

  • 管理端:Vue + Vuex + VueRouter

  • 管理端UI:SCSS + ElementUI

博客截图

放几个截图咯

博客主页

d6dd9071ca4957cf46665d8058e22c99.png

文章列表

92df66b131a95f9be097b6225589813b.png

摄影页面(虽然现在还没把拍的照片放上去就是了)

46c2ec0523be70b9d1777fe376cc96e4.png

管理后台主页

4734d0b484b74461f3f87a5859943d26.png

后台文章列表

7fab9491b6dc2e7f38326e955f20b71a.png

文章编辑界面

0ac00a224777d6be283bbea33f7769c8.png

后台图片列表

3fc09745e955cae7ec3c374ffca72f8b.png

篇幅关系就放这些图片了~

博客马上就部署上线了,到时直接上demo链接!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/288969.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

linux之dig命令

1 dig命令的作用 一般我们可以用dig命令解析域名成ip,或者把ip解析成域名,或查看这个域名所经过的域名服务器,这点是 nslookup命令没有的功能. DNSpod:注册域名,首先得找到域名注册商,国内的比较著名的有DNSpod 2 一般使用 1) 解析域名成ip dig 域名 这里测试 dig ww…

Diocp截图

跑了个数据库的查询和插入,删除。 Http SVR DEMO http://123.232.98.202:8081/

C#中泛型在Class上的实现

using System; using System.Collections.Generic; using System.Linq; using System.Text;namespace ConsoleApplication1 {class Program{static void Main(string[] args){GenericArray<int> intArray = new GenericArray<int>(5);//实例化一个泛型的数组for (i…

mysql与oracle在软件测试_Oracle和MySQL的一些简单命令对比

SQL> select to_char(sysdate,yyyy-mm-dd) from dual;SQL> select to_char(sysdate,hh24-mi-ss) from dual;mysql> select date_format(now(),%Y-%m-%d);mysql> select time_format(now(),%H-%i-%S);日期函数增加一个月&#xff1a;SQL> select to_char(add_mon…

【C语言简单说】五:常用运算符

其实。。。这一节我我猜大家几分钟就会了&#xff08;&#xff09;…(⊙_⊙;)… ○圭~○列~~怎麼酱&#xff1f; 因为我相信大家的智商&#xff0c;我就随便给大家提一下就好了。我们看以下的代码&#xff1a; #include<stdio.h> #include<stdlib.h> int main(){…

关系型数据库

1、关系型数据库 关系型数据库&#xff1a;是一种建立在关系模型&#xff08;数学模型&#xff09;上的数据库。 关系模型&#xff1a;一种所谓建立在关系上的模型。关系模型包含三个方面&#xff1a; 数据&#xff1a;数据存储的问题&#xff0c;二维表&#xff08;有行和列&a…

python中lines是什么类型_Python中splitlines()方法的使用简介

splitlines()方法返回一个字符串的所有行&#xff0c;可选包括换行符列表(如果num提供&#xff0c;则为true) 语法 以下是splitlines()方法的语法&#xff1a; str.splitlines( numstring.count(\n)) 参数 num -- 这是任何数&#xff0c;如果存在它会被认为换行需要被包括行数。…

关于Unity中的本地存储

本地存储 在做游戏的时候&#xff0c;经常需要在本机存储一些数据&#xff0c;比如闯关类游戏要记录闯到第几关&#xff0c;做单机的时候要把数据保存到本地&#xff0c;下次启动的时候数据存在&#xff0c;就是把数据保存到磁盘里面或者手机的flash闪存里面。 Unity使用Player…

linux之history和!命令联合使用

1 问题 linux平台查找过去的使用的命令 2 解决方法 1&#xff09;history和! id联合使用 输入histroy命令&#xff0c;部分 显示如下 2008 echo 11 > 1.txt 2009 histroy 然后!id &#xff01;2008 echo 11 > 1.txt 如果&#xff01;&#xff08;命令的一部分&am…

sql 注入神器sqlmap 源码分析之调试sqlmap

为什么80%的码农都做不了架构师&#xff1f;>>> 相信大家平时 用sqlmap 命令&#xff0c;比如 python sqlmap.py -u"https://team.oschina.net/action/team/create" --data"nameonlyGuest&identonlyGuest&sidentonlyGuest&temp1431349…

【鉴权/授权】自定义一个身份认证Handler

微信公众号&#xff1a;趣编程ACE关注可了解.NET日常开发技巧。如需源码&#xff0c;请公众号留言 [源码];上文回顾【鉴权/授权】一步一步实现一个简易JWT鉴权自定义身份验证CustomerAuthenticationHandler使用上篇文章我演示了如何利用.net core 里面内置的验证方案-Bearer 进…

java把对象转成json_java 把对象 对象转换成json字符串 | 学步园

publicclassJSONCreateDemoActivity {//创建以下的JSON对象publicString createJSONObject() {Gsongson newGson();Configurationcon1 newConfiguration();con1.setDisplay(true);con1.setFillColor("#FF0000");con1.setID(1);con1.setLineColor("#FF0000&quo…

【C语言简单说】六:取模运算符以及变量的扩展

┴┴ &#xff08;╰(&#xff40;□′)╯&#xff08; ┴┴ … 这一节我们就来说另外的运算符——取模运算符&#xff08;说白了跟取余数差不多…&#xff1c;—_-)&#xff01;&#xff01;&#xff01;&#xff09; 先看看好难懂的定义&#xff1a;取模运算和取余运算两个…

Android Studio开发基础之Activity之间参数传递

一、简单数值传递 1、MainActivity protected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);findViewById(R.id.button1).setOnClickListener(new View.OnClickListener() {@Overridepublic void o…

ExtJs5.0在WebStorm上的使用之入门教程(一)编写第一个网页 HelloExt

首先&#xff0c;必须声明一下笔者使用的软件版本&#xff1a; 前端开发工具&#xff1a;WebStorm 11.0.3 辅助插件&#xff1a;ext-5.0.0-gpl 以上工具包括下面的代码我已经打包上传在此处了&#xff1a;点击打开链接 先上代码&#xff0c;再废话&#xff1a;<!DOCTYPE htm…

python赋值语句的一般格式为_[零基础学Python]赋值,简单也不简单

变量命名在《初识永远强大的函数》一文中&#xff0c;有一节专门讨论“取名字的学问”&#xff0c;就是有关变量名称的问题&#xff0c;本温故而知新的原则&#xff0c;这里要复习&#xff1a;名称格式&#xff1a;(下划线或者字母)(任意数目的字母&#xff0c;数字或下划线)注…

linux之下载文件或测试网络常用命令(curl和wget)

1 问题 在自己的设备上测试网络 2 解决办法 1)使用wget命令(主要用来下载文件或测试网络) 一般用使用 wget www.baidu.com 效果如下: wget www.baidu.com --2018-12-04 23:48:23-- http://www.baidu.com/ Resolving www.baidu.com (www.baidu.com)... 14.215.177.38, 14…

腾讯视频涨价:一年多赚74亿!关注我领取腾讯VIP会员,周卡低至7元

不久前&#xff0c;腾讯视频的用户又一次“喜迎会员价格上涨”&#xff0c;甚至让腾讯视频因此登上了微博热搜。但要知道的是&#xff0c;此前在去年4月的时候&#xff0c;腾讯视频就已经涨过一次价了。4月9日&#xff0c;腾讯视频方面发布通知称&#xff0c;将于4月20日零点调…

RAID 01 和RAID 10的区别

之前没搞明白&#xff0c;今天看了篇文章&#xff0c;终于清楚了。RAID 01 就是先做RAID 0磁盘组&#xff0c;再2组RAID 0做成RAID 1。这种情况下&#xff0c;RAID 1 的其中一个镜像 RAID 0中,有一块盘坏掉,RAID 1 的其中一个镜像就全坏了。RAID 10,就是先做1&#xff0c;再2组…

使用JUnitParams简化Parameterized tests

为什么80%的码农都做不了架构师&#xff1f;>>> 序 junit4的Parameterized tests的使用方法太过费劲了&#xff0c;这里介绍下如何使用JUnitParams来简化Parameterized tests。 junit4原生的Parameterized tests实例 RunWith(Parameterized.class) public class Fi…