博客文章

前言 以前.NetCore是不内置JSON库的，所以大家都用Newtonsoft的JSON库，而且也确实挺好用的，不过既然官方出了标准库，那更方便更值得我们多用用，至少不用每次都nuget安装Newtonsoft.Json库了。 不过日常开发使用中会有一些问题，本文记录一下解决方法，欢迎交流~ ~~（文章末尾包含小彩蛋）~~ 字符编码问题 默认的 System.Text.Json 序列化的时候会把

OneCat的坑还没填完，我又开了新坑…… 名字由来 我喜欢的一个乐队：Michael Learns to Rock，有一首歌Fairy Tale，翻唱的中文版传奇

《StarBlogPublisher》是一款提升博客与公众号文章创作效率的工具。作者在原有版本基础上进行了多项优化，包括界面调整（空间利用率更高、统一Font Awesome图标）及功能增强（新增文章Slug配置、独立的AI配置窗口、多组AI配置文件管理）。新功能支持AI模型动态加载、API Key灵活切换，显著提升大模型创作效率。作者计划持续开发AI辅助工具以解放生产力。

前台UI勉强能看，后台总算不那么辣眼睛了。数据库分页改对了，不然性能差得离谱。新增slug检查？哦，终于知道避免重复了。

面对破破烂烂的后台，只能先缝缝补补。重写了丑出水平的登录页，还做了分类树和照片墙。看着几年前写的代码直呼好家伙，这种临时方案迟早要重构。

Nginx 反向代理 后端配置中间件 app.UseForwardedHeaders(new ForwardedHeadersOptions { ForwardedHeaders = ForwardedHeaders.XForwardedFor | ForwardedHeaders.XForwardedProto }); Nginx配置 server { listen

身份认证使用JWT，关于AspNetCore的身份认证和JWT可以看看我之前这篇博客 先安装nuget包 dotnet add package Microsoft.AspNetCore.Authentication.JwtBearer 在Services目录下新建一个AuthService类，先留着不写代码，等把准备工作完成了再来。 用户模型 在 StarBlog.Data 项目的 Models

我的做法： 自己定义一套返回值包装对象 用过滤器处理状态码 用过滤器包装错误信息 参考资料 【5min+】美化API，包装AspNetCore的返回结果：https://www.cnblogs.com/uoyo/p/12895627.html HTTP 状态码：https://www.runoob.com/http/http-status-codes.html Filters in ASP.NET

markdown编辑器 v-md-editor，http://ckang1229.gitee.io/vue-markdown-editor/zh/ 在我的项目里最大化有问题，后面我自己搭配vuex实现了 优点是界面比较好，TOC可以放在左边 其他尝试 vue-element-admin整合的markdown编辑器：https://panjiachen.github.io/vue-element-a

用到的组件：vue-waterfall 项目地址：https://github.com/MopTym/vue-waterfall 参考资料 Vue<瀑布流加载效果>：https://www.jianshu.com/p/97b89597ab5c

参考资料 前端通过axios和FormData实现文件上传功能遇到的坑：https://segmentfault.com/a/1190000016927601 Element el-upload上传组件详解：https://segmentfault.com/a/1190000013796215

路由对象router给我们提供了beforeEach方法，可以在每次路由之前进行一些相关处理，也叫导航守卫，我们这里就通过导航守卫实现一些类似身份认证的辅助功能。 修改router/index.js文件，添加导航守卫，在每次路由时判断用户会话是否过期。如果登录有效且跳转的是登录界面，就直接路由到主页；如果是非登录页面且会话过期，就跳到登录页面要求登录。 代码如下 router.beforeEach

状态管理 在很多应用场景下，我们需要在组件之间共享状态，比如我们的左侧导航栏需要收缩和展开的功能，收缩状态时宽度很小，只显示菜单图标，因为导航菜单栏收缩之后宽度变了，所以右侧的主内容区域要占用导航栏收缩的空间，主内容区域宽度也要根据导航栏的收缩状态做变更，而导航栏和主内容区域是两个不同的组件，而非父子组件之间不支持状态传递，所以组件之间的状态共享问题发生了。 之前我写flutter的时候，响应式设

界面设计 按照ElementUI提供的布局来 左边是导航栏，右边上方是标签页，然后是主内容区 如图 二级类目 开始写代码 主页面的内容已经比较复杂了，全部写在一个文件内不现实 我们来分解一下 根据这个布局，页面可以分为头部、主体、左侧导航栏三部分 所以我来新建三个vue页面 HeaderBar.vue Navbar.vue MainContent.vue 完成之后目录结构如下 views ├──

前言 前端开发的准备工作在前面已经完成了，接下来就要开启写页面（Copy/Paste）操作了~ 用ElementUI写页面很简单，对照着官网文档代码一顿复制粘贴就完事了。 写代码 没啥好说的，直接代码 布局 template el-form :model=loginForm :rules=fieldRules ref=loginForm label-position=left label-wi

安装axios axios是一个基于Promise用于浏览器和Node.js的HTTP客户端，我们后续需要用来发送HTTP请求，先来记录一下axios的安装和使用。 安装命令 yarn add axios 写代码 修改一下src/views/Home.vue 首先布局改一下 template div class=page h2Home Page/h2 el-alert