Nuxt

共 5 篇文章

图片表情的类型、分组与标记文本

图片表情的类型、分组与标记文本

【这是一篇写在此项目开发期的文章】 评论区的表情面板本来只有两组写死的 Emoji 和颜文字,所以我打算给它加自定义表情包。做完在页面上试的时候遇到了这样的问题:图片表情插进输入框只剩一串 URL,发出去也还是那串 URL;翻后端,发现没有 image 类型,表情也不分组织。这篇记录如何解决遇到的以上问题,以及评论字数按码元算、URL 里不能有方括号这些约束。

全栈架构VueNuxtExpressSpring BoottiptapXSS
34 分钟9 阅读
content_format 落地与双编辑模式

content_format 落地与双编辑模式

【这是一篇写在此项目开发期的文章】 我的后台一直有富文本和 Markdown 两个编辑模式,但文章自己并不记录是用哪种模式写的,于是前台靠正则去猜、后台重新打开时总是回到富文本。这篇记录我给文章加上 content_format 字段、在前后台和两套后端把它接起来、写脚本回填存量文章的过程,以及切换模式丢格式、预览和前台对不上这些坑。

全栈架构VueNuxtExpressSpring BootMarkdown编辑器数据迁移
22 分钟2 阅读
从等比缩放到 Mobile-First 的移动端重构

从等比缩放到 Mobile-First 的移动端重构

【这是一篇写在此项目开发期的文章】 我的博客移动端一直只是把桌面版按断点往下塌缩,字号还整体偏大。这篇记录我用容器查询替掉固定断点、把触摸目标补到 44px、用根字号加 rem 统一收紧全站字号的过程,以及导航抽屉被 Header 裁掉、改根字号却不见效这些遇到的问题。

移动端适配NuxtCSS响应式移动端Mobile-First容器查询
12 分钟3 阅读
按内容更新频率给页面选渲染模式:SSR / ISR / SWR / CSR 混合实践

按内容更新频率给页面选渲染模式:SSR / ISR / SWR / CSR 混合实践

【这是一篇写在此项目开发期的文章】 一个博客里,首页、文章详情、归档、关于、搜索、工具箱的内容更新频率完全不同,用一种渲染模式套全站总让人感到别扭。这篇文章用来记录我按"内容多久变一次"给每个路由分档、用 Nuxt 的 routeRules 配出混合方案的过程,以及在自建 node-server 上踩到的几个坑。

渲染策略NuxtSSRISRSWRCSR渲染模式性能
10 分钟3 阅读