IMQI1.COM

正在加载中

加载未完成?点击任意处或按 Esc 跳过

跳转到主要内容

欢迎来到 ImQi1

IMQI1.COM
做技术的分享者,生活的摄影师,时事的评论员。
头像

? 为什么要做这个网站

起初建站只是一时兴起,和大多数人一样,我只是想记录下自己学习编程的心路历程和笔记,供自己以后有个参考。刚开始我以为有一个自己的网站是一个小众爱好,直到后来我才发现网络上有很多对此感兴趣的伙伴,于是我开始和他们保持联系。随着时间的增长,我对软件开发有了更浓厚的兴趣,我开始和同学、朋友交流,也有了自己独立开发的想法。在这之前我曾换过多个框架、主题,最终还是觉得自己开发一个主题最有成就感,也最能证明自己真正地学到了东西,所以你能在这里看到这些文字,也能看到我在此记录的其他内容。

我喜欢游山玩水,有自己的爱好,活动。我觉得一切有趣的事情,都会在此记录。

网站架构

高开发效率 + 类型安全 + 全栈统一

Nuxt4 为本站提供了快速、简单、可维护的网站架构

Prisma 提供了类型安全的数据库操作,确保数据的一致性和完整性

ImQi1-CMS
Nuxt 4
Prisma
TypeScript
Tailwind
本站主题为 ImQi1-CMS,是我制作的第二款主题,从 2026 年 4 月开始制作,至今持续更新中。这一版基于 Nuxt 4 与 TypeScript 前后端同构搭建,配合 Tailwind CSS 构建现代化响应式布局,集成 APlayer 音乐播放器、Fancybox 图片灯箱、实况照片与轮播等富媒体组件,为文章内容提供更丰富的交互体验。系统涵盖文章、评论、友链、订阅、归档与搜索等完整博客功能,配合完善的后台管理,构成一套真正意义上的全栈内容管理系统。

样式选择

保持界面清爽,同时不牺牲功能丰富度
选择字体类型,合理规划布局,注意颜色搭配,添加边框圆角。
字体选择
主要字体
代码字体
JetBrains Mono
图标
Remixicon
调整布局
适当采用圆角、阴影、遮罩、背景,添加动画、交互,让页面尽量简洁的同时不牺牲用户体验。
用小组件丰富文章内容
音乐播放器
视频播放器
代码块
TIP 组件
轮播图
...
用文章的方式记录生活
小记
记录旅游、活动、生活中的小事
图片
小物件,风景,合照,值得记录的瞬间
技术
分享开发中有趣的事情
讨论
理性地发表自己的看法

文章内容

最新发布的内容
生活中的小事、照片,感兴趣的技术等
查看全部文章

小记

记录旅游、活动、生活中的小事
查看更多

技术

分享开发中有趣的事情
查看更多

讨论

理性地发表自己的看法
查看更多

最新图片

最近发布的图片
小物件,风景,合照,值得记录的瞬间
网站架构
样式选择
最新内容
最新图片

阅读更多

订阅文章

来自订阅源的最新内容
查看这些站点位于哪里博客网络
查看更多

更新日志

站点最新更新
查看更多
2026-08-05
新增

后台 Markdown 编辑器从纯 textarea 整体重构为 Tiptap v3 所见即所得:粗体/斜体/标题/列表/代码块等标准语法即时渲染,::: 自定义容器渲染为不可编辑的可视化卡片,点击编辑按钮改原始源码

新增

markdown 两段式分割器(markdownSplit.ts):::: 容器块永不进入 markdown 解析器,作为不透明原子节点保存原始全文,实现容器部分字节级往返保真;v-model 仍是 markdown 字符串,DB 存储格式不变

新增

自定义容器节点的 Vue NodeView:按类型显示图标/标签/callout 变体色/源码预览,弹窗编辑原始 ::: 源码;代码块扩展叠加语言选择输入框(StarterKit CodeBlock 原本无改语言入口)

新增

工具栏抽成独立组件 EditorToolbar.vue,顶部与底部各渲染一份(此前约 340 行 markup 复制两遍);光标进入表格时整条工具栏切换为行列增删/合并/拆分/删除

新增

编辑器新增下划线按钮(Ctrl+U);为 13 个有快捷键的工具栏按钮在 title 提示中补上组合键(粗体 Ctrl+B、斜体 Ctrl+I、删除线 Ctrl+Shift+S、标题 Ctrl+Alt+1-6、引用 Ctrl+Shift+B、行内代码 Ctrl+E、代码块 Ctrl+Alt+C、链接 Ctrl+K、无/有序列表 Ctrl+Shift+8/7)

新增

粘贴图片迁移到 ProseMirror handlePaste(同步拦截 + 异步上传,占位节点替换为真实 URL,挂起回写防占位 URL 落库);Mod-K 链接快捷键;空编辑器「开始写作…」占位提示

其他

撤销/重做改用 StarterKit 自带 History,替代 textarea 时代的自研 useTextareaHistory 栈(该 composable 已删除)

其他

编辑器外层 ClientOnly 包裹(disabled textarea 作为 SSR fallback);model↔doc 经 useDebounceFn(150ms) 防抖回写,聚焦时不回灌 + lastEmitted 防回环

2026 © ImQi1冀ICP备2023007665号