博客文章

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

在现代前端开发中，图标已成为构建用户友好界面的重要元素。Font Awesome 是全球最流行的图标库之一，提供了大量的矢量图标，支持多种平台和框架。无论是网站、应用程序，还是管理面板，Font Awesome 都能帮助开发者轻松地为界面增添直观且易于识别的视觉元素。

前言 本项目需要使用SCSS来编写页面样式。 这里的SASS，是指名为SASS的css预处理器 然后SCSS是一种 CSS-like 语法 对于初学者，SCSS 是完全和 CSS 兼容的，这意味着几乎为零的学习曲线。SCSS语法即是：它只是加了一些功能的 CSS。当你和没经验的开发者一起工作时这很重要：他们可以很快开始编码而不需要首先去学习Sass。 此外，SCSS 还是 易于阅读 的，因为它是有

前言 Vue.js使用虚拟DOM处理单页面，然后使用Webpack打包。通过第5章的示例，读者也许已经发现，无论语法和写法如何不同，Vue.js程序打包后都是一个单一的HTML文件，同时会引入一个标准的JavaScript文件。 Vue.js中编写的所有代码都被Webpack自动打包成可以被浏览器解析的HTML和JavaScript代码，并且项目本身就只有一个页面。这意味着所有的用户对服务器发出进

环境准备 NodeJs 首先需要安装NodeJs 下载地址：http://nodejs.cn/download/ 安装前端工具链 国内使用NPM需要设置国内镜像才能正常安装，之前常用的淘宝镜像说是要停止解析了，可以用这个npmmirror 中国镜像，命令如下： npm config set registry https://registry.npmmirror.com npmmirror 中国镜像

后端实现，前端的后面说 可以先在swagger里测试 ImageSharp组件文档：https://docs.sixlabors.com/articles/imagesharp/gettingstarted.html service private string GetPhotoFilePath(Photo photo) { return Path.Combine(_environment

系列文章 基于.NetCore开发博客项目 StarBlog - (1) 为什么需要自己写一个博客？ 基于.NetCore开发博客项目 StarBlog - (2) 环境准备和创建项目 基于.NetCore开发博客项目 StarBlog - (3) 模型设计 基于.NetCore开发博客项目 StarBlog - (4) markdown博客批量导入 基于.NetCore开发博客项目 StarBl

系列文章 基于.NetCore开发博客项目 StarBlog - (1) 为什么需要自己写一个博客？ 基于.NetCore开发博客项目 StarBlog - (2) 环境准备和创建项目 基于.NetCore开发博客项目 StarBlog - (3) 模型设计 基于.NetCore开发博客项目 StarBlog - (4) markdown博客批量导入 基于.NetCore开发博客项目 StarBl

系列文章 基于.NetCore开发博客项目 StarBlog - (1) 为什么需要自己写一个博客？ 基于.NetCore开发博客项目 StarBlog - (2) 环境准备和创建项目 基于.NetCore开发博客项目 StarBlog - (3) 模型设计 基于.NetCore开发博客项目 StarBlog - (4) markdown博客批量导入 基于.NetCore开发博客项目 StarBl

系列文章 基于.NetCore开发博客项目 StarBlog - (1) 为什么需要自己写一个博客？ 基于.NetCore开发博客项目 StarBlog - (2) 环境准备和创建项目 基于.NetCore开发博客项目 StarBlog - (3) 模型设计 基于.NetCore开发博客项目 StarBlog - (4) markdown博客批量导入 基于.NetCore开发博客项目 StarBl

系列文章 基于.NetCore开发博客项目 StarBlog - (1) 为什么需要自己写一个博客？ 基于.NetCore开发博客项目 StarBlog - (2) 环境准备和创建项目 基于.NetCore开发博客项目 StarBlog - (3) 模型设计 基于.NetCore开发博客项目 StarBlog - (4) markdown博客批量导入 基于.NetCore开发博客项目 StarBl

系列文章 基于.NetCore开发博客项目 StarBlog - (1) 为什么需要自己写一个博客？ 基于.NetCore开发博客项目 StarBlog - (2) 环境准备和创建项目 基于.NetCore开发博客项目 StarBlog - (3) 模型设计 基于.NetCore开发博客项目 StarBlog - (4) markdown博客批量导入 ... 前言 上周介绍了博客的模型设计，现在模

系列文章 基于.NetCore开发博客项目 StarBlog - (1) 为什么需要自己写一个博客？ 基于.NetCore开发博客项目 StarBlog - (2) 环境准备和创建项目 基于.NetCore开发博客项目 StarBlog - (3) 模型设计 ... 基于.NetCore开发博客项目 StarBlog - 接口返回值包装 基于.NetCore开发博客项目 StarBlog - 上传

RSS 的对立面是算法推荐，像微信公众号、知乎、微博、今日头条等平台。 且不说算法推送平台广告多，迁移麻烦的问题。算法推荐的特点是，你不需要刻意选择，算法会根据你的喜好，给你推送内容。这样一来，你几乎没有选择的余地，在不断被「喂饱」中逐渐失去判断的能力。

前言 这是StarBlog系列在2023年的第二篇更新😂 这几个月都在忙，更新变得很不勤快，但是拖着不更新我的心里更慌，很久没写，要开头就变得很难😑 说回正题，之前的文章里，我们已经把博客关键的接口都开发完成了，但还少了一个最关键的「认证授权」，少了这东西，网站就跟筛子一样，谁都可以来添加和删除数据，乱套了~ 关于「认证授权」的知识，会比较复杂，要学习这块的话，建议分几步： 基础概念 AspN

前言 这是StarBlog系列在2023年的第一篇更新😃~ 在之前的文章里，我们已经完成了部分接口的开发，接下来需要使用 curl、Postman 这类工具对这些接口进行测试，但接口一多，每次测试都要一个个填入地址和对应参数会比较麻烦… 我们需要一种直观的方式来汇总项目里的所有接口，并且如果能直接在里面调试接口，那就更好了。 Swagger：诶嘿，说的不就是我吗？😎 Swagger介绍 来一段

前言 上传文件的接口设计有两种风格，一种是整个项目只设置一个接口用来上传，然后其他需要用到文件的地方，都只存一个引用ID；另一种是每个需要文件的地方单独管理各自的文件。这俩各有优劣吧，本项目中选择的是后者的风格，文章图片和照片模块又要能CRUD又要批量导入，还是各自管理文件比较好。 图片接口 说会正题，先介绍一下图片相关接口。 图片列表 首先CRUD是肯定有的，图片列表的分页查看也是有的，不过因为

前言 开发接口，是给客户端（Web前端、App）用的，前面说的RESTFul，是接口的规范，有了统一的接口风格，客户端开发人员在访问后端功能的时候能更快找到需要的接口，能写出可维护性更高的代码。 而接口的数据返回格式也是接口规范的重要一环，不然一个接口返回JSON，一个返回纯字符串，客户端对接到数据时一脸懵逼，没法处理啊。 合格的接口返回值应该包括状态码、提示信息和数据。 就像这样： { st

前言 上一篇留的坑，火速补上。 在之前的第6篇中，已经有初步介绍，本文做一些补充，已经搞定这部分的同学可以快速跳过，基于.NetCore开发博客项目 StarBlog - (6) 页面开发之博客文章列表 对标准的WebApi来说，分页、过滤、搜索、排序是很常见的功能，既可以方便用户查看数据，又可以提升程序性能。 通用请求参数 定义一个类来作为通用的请求参数 列表接口通用的参数是这几个：PageSi

前言 本文介绍博客文章相关接口的开发，作为接口开发介绍的第一篇，会写得比较详细，以抛砖引玉，后面的其他接口就粗略带过了，着重于WebApi开发的周边设施。 涉及到的接口：文章CRUD、置顶文章、推荐文章等。 开始前先介绍下AspNetCore框架的基础概念，MVC模式（前后端不分离）、WebApi模式（前后端分离），都是有Controller的。 区别在前者的Controller集成自 Contr

前言 最近电脑坏了，开源项目的进度也受到一些影响 这篇酝酿很久了，作为本系列第二部分（API接口开发）的第一篇，得想一个好的开头，想着想着就鸽了好久，索性不扯那么多了，直接开写吧~ 关于RESTFul 网上很多相关的文章都要把RESTFul历史来龙去脉给复制一遍，所以我这就不重复了，现在主要的HTTP接口风格就俩：RPC和RESTFul。 举个例子就可以看出这俩的区别 RPC风格 分别是增删改查的

前言 我的服务器带宽比较高，博客部署在上面访问的时候几乎没感觉有加载延迟，就没做图片这块的优化，不过最近有小伙伴说博客的图片加载比较慢，那就来把图片优化完善一下吧~ 目前有两个地方需要完善 图片瀑布流 图片缩略图 图片瀑布流 关于瀑布流之前的文章有介绍： 基于.NetCore开发博客项目 StarBlog - (10) 图片瀑布流 不过当时直接套用的 Bootstrap5 例子代码，有偶尔显示错位

系列文章 基于.NetCore开发博客项目 StarBlog - (1) 为什么需要自己写一个博客？ 基于.NetCore开发博客项目 StarBlog - (2) 环境准备和创建项目 ... 基于.NetCore开发博客项目 StarBlog - 接口返回值包装 基于.NetCore开发博客项目 StarBlog - 上传图片功能 基于.NetCore开发博客项目 StarBlog - 身份认证

前言 笔者认为，一个博客网站，最核心的是阅读体验。 在开发StarBlog的过程中，最耗时的恰恰也是文章的展示部分功能。 最开始还没研究出来如何很好的使用后端渲染，所以只能先用Editor.md组件做前端渲染，过渡一下。前端渲染我是不满意的，因为性能较差，页面加载出来还会闪一下，有割裂感，影响体验。 现在我已经做出了比较完善的后端渲染方案，前端渲染就可以直接退休了。本文介绍StarBlog博客开发

前言 九月太忙，只更新了三篇文章，本来这个功能是从九月初就开始做的，结果一直拖到现在国庆假期才有时间完善并且写文章~ 之前我更新了几篇关于 Python 的文章，有朋友留言问是不是不更新 .Net 了，那肯定不能啊，我只能说**「我 全 都 要」**，所以我反手就更新了一篇Asp-Net-Core开发笔记。 然后顺便立个Flag：今年底前完成StarBlog系列文章的主体部分（即API开发+后台前

系列文章 基于.NetCore开发博客项目 StarBlog - (1) 为什么需要自己写一个博客？ 基于.NetCore开发博客项目 StarBlog - (2) 环境准备和创建项目 基于.NetCore开发博客项目 StarBlog - (3) 模型设计 基于.NetCore开发博客项目 StarBlog - (4) markdown博客批量导入 基于.NetCore开发博客项目 StarBl

系列文章 基于.NetCore开发博客项目 StarBlog - (1) 为什么需要自己写一个博客？ 基于.NetCore开发博客项目 StarBlog - (2) 环境准备和创建项目 基于.NetCore开发博客项目 StarBlog - (3) 模型设计 基于.NetCore开发博客项目 StarBlog - (4) markdown博客批量导入 基于.NetCore开发博客项目 StarBl

系列文章 基于.NetCore开发博客项目 StarBlog - (1) 为什么需要自己写一个博客？ 基于.NetCore开发博客项目 StarBlog - (2) 环境准备和创建项目 基于.NetCore开发博客项目 StarBlog - (3) 模型设计 基于.NetCore开发博客项目 StarBlog - (4) markdown博客批量导入 基于.NetCore开发博客项目 StarBl

系列文章 基于.NetCore开发博客项目 StarBlog - (1) 为什么需要自己写一个博客？ 基于.NetCore开发博客项目 StarBlog - (2) 环境准备和创建项目 基于.NetCore开发博客项目 StarBlog - (3) 模型设计 基于.NetCore开发博客项目 StarBlog - (4) markdown博客批量导入 基于.NetCore开发博客项目 StarBl

系列文章 基于.NetCore开发博客项目 StarBlog - (1) 为什么需要自己写一个博客？ 基于.NetCore开发博客项目 StarBlog - (2) 环境准备和创建项目 基于.NetCore开发博客项目 StarBlog - (3) 模型设计 基于.NetCore开发博客项目 StarBlog - (4) markdown博客批量导入 基于.NetCore开发博客项目 StarBl

系列文章 基于.NetCore开发博客项目 StarBlog - (1) 为什么需要自己写一个博客？ 基于.NetCore开发博客项目 StarBlog - (2) 环境准备和创建项目 基于.NetCore开发博客项目 StarBlog - (3) 模型设计 基于.NetCore开发博客项目 StarBlog - (4) markdown博客批量导入 基于.NetCore开发博客项目 StarBl

系列文章 基于.NetCore开发博客项目 StarBlog - (1) 为什么需要自己写一个博客？ 基于.NetCore开发博客项目 StarBlog - (2) 环境准备和创建项目 基于.NetCore开发博客项目 StarBlog - (3) 模型设计 基于.NetCore开发博客项目 StarBlog - (4) markdown博客批量导入 基于.NetCore开发博客项目 StarBl

系列文章 基于.NetCore开发博客项目 StarBlog - (1) 为什么需要自己写一个博客？ 基于.NetCore开发博客项目 StarBlog - (2) 环境准备和创建项目 基于.NetCore开发博客项目 StarBlog - (3) 模型设计 基于.NetCore开发博客项目 StarBlog - (4) markdown博客批量导入 基于.NetCore开发博客项目 StarBl

前言 OK，我也来造轮子了 博客系统从一开始用WordPress，再到后来用hexo、hugo之类的静态博客生成放github托管，一直在折腾 折腾是为了更好解决问题，最终还是打算自己花时间搞一个好了 本系列文章将记录博客的开发过程~ 后端基于最新的.Net6和Asp.Net Core框架，遵循RESTFul接口规范，前端基于Vue+ElementUI开发，可作为 .Net Core 入门项目学习

StarBlog Publisher是一款针对StarBlog博客系统的专业文章发布工具，简化了Markdown文章的发布流程。它支持预览、一键发布，自动处理图片，提供AI辅助创作，且支持跨平台使用。该工具基于.NET 8.0开发，集成多种AI模型，提升内容创作者效率。

本文介绍了作者在开发博客发布工具时，针对Markdown目录生成逻辑的改进。作者深入研究了Markdig源码，优化了目录生成逻辑，使用AutoIdentifiers扩展自动生成标题ID，提高了代码的可维护性和准确性。文章详细解析了Markdig的heading处理部分和ID生成机制，并提供了解决ID冲突的方法。最终，作者实现了与Markdig一致的ToC提取功能。

虽然现在工作重心以AI为主了，不过相比起各种大模型的宏大叙事，我还是更喜欢自己构思功能、写代码，享受解决问题和发布上线的过程。 之前 StarBlog 系列更新的时候我也有提到，随着功能更新，会在教程系列完结之后继续写番外，这不第一篇番外就来了。 这次是全新设计的访问统计功能。

服务器故障逼得更新，直接上云服务器迁移。v1.3.0版本来了，架构、界面、SEO全升级，还加了图片压缩工具，代码总算整理干净点。来看看这波大更新如何？

简介 Spring Boot 是一个轻量级框架，可以完成基于 Spring 的应用程序的大部分配置工作。在本教程中，将学习如何使用 Spring Boot 的 starter、特性和可执行 JAR 文件结构，快速创建能直接运行的基于 Spring 的应用程序。 本文使用IDEA作为开发工具，Gradle作为构建工具，创建一个简单的SpringBoot应用，暂时不涉及数据库的配置。 使用IDEA创建

又一个把Django/Rails那套“约定优于配置”搬进.NET生态的尝试，看着有点意思。预置了认证、队列、定时任务这些破事，省得自己天天重复造轮子。但767个star连个正式release都没有，就敢打着“生产级”旗号？呵，C#全栈爱好者们可以先玩玩，但别指望它能替代ASP.NET Core的体量。

SharpIco 是一款纯 C# 实现的跨平台图标生成工具，支持 AOT 编译，无需外部依赖。它能将 PNG 图片分解为多尺寸（16x16至512x512）合成 ICO 图标，并支持图标结构分析。工具提供命令行界面，可通过 dotnet tool 一键安装，并已发布至 NuGet 和 Scoop。项目旨在简化图标生成与验证，追求轻量、纯粹、易集成的使用体验。