自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(18)
  • 收藏
  • 关注

原创 告别在线Markdown格式转换!基于原生 DOM 实现Markdown复制样式到公众号

以上就是我为了脱离第三方markdown编辑网站而做出的一个小小功能,没有依赖任何第三方插件,目前已经应用在了我的博客站上,用来往公众号同步。但我的博客站还没搞完,所以先不贴出来了。功能比较简单,相信大部分人都能实现,但我就是没搜到有类似的插件。大家都是画地为牢,做了一个个功能完全一样的markdown编辑网站…幸好我解决了这个问题,再也不用发愁啦!对自建博客或是此插件感兴趣,欢迎关注~更多实战内容,欢迎访问我的博客。

2025-01-16 13:54:30 797

原创 2025 年,我打算 All in Nuxt

但学习和开发过程中,发现可搜到的文章、视频都非常少(主要是看核心开发人员自己发的 youtube 视频),可交流的小伙伴也不多。腾讯云对象存储设置私有读写,套 CDN 和设置个人域名+SSL证书进行访问,CDN 设置流量上限,开启防盗链等,避免被人刷太多。上传插入的图片到腾讯云 COS,上传后删除源文件,一般我的图片都是从本地复制过来的,留在仓库里也没什么用。写完就不用管了,自动上传到 Github,但是还没自动触发部署操作,这个后续再加吧~小册,顾名思义:把文章整理成册就是小册,适合系统的整理某些资料。

2025-01-16 10:47:21 360

原创 使用Nuxt3开发博客,一篇文章教你如何配置全部依赖

作为一个展示为主的博客,前端使用这些模块、库已经够用了,但作为一个全栈框架,后端Nitro也是要玩一玩的,所以后续的开发计划偏向于后端。登录、注册、用户分组文章、动态支持评论文章、动态支持分享(图片、短链接)图片上传(cos)其中涉及到大量对 Nitro 的探索,鉴权、中间件、数据库等等。这也是后面文章输出的重点方向,即 Nuxt3 的全栈开发。更多实战内容,欢迎访问我的博客。

2025-01-08 11:27:31 733

原创 基于 Nuxt3 + Obsidian 搭建个人博客

以上就是用Nuxt搭建一个可以集成本地文件的博客的最简起手流程了其中我也是踩了不少的坑,这里分享给大家!后续关于个人博客的建设也会一直更新,欢迎关注~~有任何问题也欢迎私信交流更多实战内容,欢迎访问我的博客

2025-01-08 11:23:08 1135

原创 【Hono】部署篇 Docker+pm2部署

对于我来说,选择其中一种方式部署,意味着后续其他服务都用这一种方式进行部署。如果使用了docker,那我只在服务器上把docker装好,所有服务都通过docker来打包、分版本、发布、拉取、运行、重启。如果使用了pm2,我会在服务器上直接装一遍NodeBunGitNginxpm2,后续通过git管理代码,通过或是代码内管理版本,ssh工具在服务器打包代码pm2来运行和重启。当然有很多其他运维工具giteajenkins等等,我看过后感觉都不太适合我这种处于探索而非运营阶段的小水管服务器折腾。

2025-01-07 16:01:46 1189

原创 【Hono】实战:优化篇:提取配置项及公共函数

虽然代码没多少,但是基本的封装和目录划分还是要提前思考一下。总体的思路就是:一、整个项目公用的提取到src/common,每个模块公用的放在src/模块/下就近管理,不出现重复代码二、代码中不要出现不清不楚的常量,每个常量要定义好语意化的枚举、Map等变量引入的方式使用三、区分环境的配置进一步提取到env文件或其他配置中心服务ok,就这样。以后的问题碰到再解决即可(比如现在TS用了很多any更多文章,欢迎访问我的博客站。

2025-01-07 15:59:34 1022

原创 【Hono】实战:使用sqlite数据库及基于winston的日志持久化

这一章主要是对项目的补充,借助bun:sqlite可以很方便的使用sqlite数据库,而且不像Mysql那样还需要安装和启动数据库服务,省时省力,开箱即用。针对项目运行中方便排查可能出现的问题,加入了winston来让日志写入到文件中,同时日志文件可以限制大小,限制保存时长,按日期分割等等。目前整个项目的结构已经比较清晰了,最后的环境配置放在下一节的优化里来一起写,最后再补一个图来梳理一下整个流程更多实战内容,欢迎访问我的博客。

2025-01-03 09:49:47 1144

原创 【Hono】实战:参数校验+响应标准化

目前对项目模块进行了分组,如:用户,商品等等。每个模块可以写自己的,也可以去设置自定义中间件。而像csrfcors等共同的中间件则放在根路由下针对接口能否被请求,使用了hono/jwt,并为了让某些接口跳过校验以及不通过时返回自定义的错误信息,又封装装了一层。接口可以请求之后,来到参数校验的中间件,由于每个接口schema可能比较多,以及为了让来处理zod校验不通过的情况,又自定义了一个中间件在内部抛出错误。schema则是被提取到公共的文件夹(如common)下请求成功时,使用一个。

2025-01-03 09:46:42 777

原创 【Hono】Bun竟然能这么快?搭配HonoJS的入门指南

Hono🔥是一个基于 Web 标准构建的小型、简单且超快的 Web 框架。可以运行在所有JavaScript运行时,当然也包括了Bun,所以作为尝鲜,就图个鲜上加鲜。在使用任何框架前,我都习惯先通读一遍官方文档,这大概会花费我2-4小时的时候。在读完一遍官方文档后,如果使用过其他框架完成过类似的项目,就会大概知道这个框架哪些是自带的,哪些需要借助第三方。如果框架本身过于精简(比如Koa),你就不得不去研究一些官方插件或是第三方插件,或者说去拜读一些开源项目,或者去找一些快速启动模板,以便自己快速上手。

2024-12-26 10:05:37 683

原创 Nest从TypeORM到Prisma:迁移指南

最近把typeORM换成了prisma,主要是想用prisma的migrate功能,本文记录了一下其中发现的问题。

2024-12-26 09:55:06 764

原创 当一个程序员开始做了一款产品

生活里的方方面面是一个大桶里的小桶,某个方面做的够好(加水),大桶里的水位也会跟着上涨

2024-01-23 16:22:08 1055 1

原创 产品进度:像素风编辑器从Konva到Leafer

从Konva到Leafer

2024-01-22 11:15:31 1046

原创 使用 Docker Compose 部署 Nest 应用

分享一下使用 docker-compose 的部署流程,保证你可以按步骤完成 Nest 项目(小水管服务器的)部署工作。

2023-12-25 10:20:35 1707 1

原创 提升效率!早早下班!Sharp+Picgo实现压缩后上传并替换外链的命令行工具

一键压缩!Picgo上传!替换文本!复制粘贴!齐活!下班!

2023-12-20 14:10:45 1144 1

原创 一个产品要有一个“好底子”:Nest项目搭建

早早集市诞生的背景和设定,以及如何从零搭建一个Nest项目

2023-12-18 14:34:33 1092 1

原创 iKun集合!Pixeled Pic Pro 前端迭代篇(一)

当我用自己写的像素风LOGO编辑器给自己的头像换上iKun的皮肤

2023-12-15 10:37:58 796

原创 Vue3项目实战:像素风LOGO编辑器 Pixeled Pic Pro

Vue3项目实战,基于vue3模版快速开发,专注功能,快速迭代。基于Konva实现像素风格图片编辑器

2023-12-14 21:05:51 1866

原创 当一个程序员突然想做一款产品

你一定有很多瞬间,脑子诞生了一个有趣的产品雏形,但因为种种原因搁浅,最终没有落地。

2023-12-11 14:43:41 1579

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除