关于本站

主要是分享一些技术类的文章，如果对您有用，那就再好不过了。

网站新搭建好，各方面还没完善好。

文章在陆续添加。并不是我只有这么点文章，云笔记上的文章非常非常多，后面会全部搬过来。

如果有任何文章相关问题，欢迎联系我。

如果你想要一个和我一样的笔记博客，可以直接去我的 github上自取，我已经开源了这个 笔记博客。

整个网站所有的内容，都是我一点点敲出来的（不是用的第三方博客系统），网站任何地方都是可以进行优化改进的，包括但不限于 markdown 渲染的样式和功能，网站布局、后台接口等等。

如果你有什么好的，关于站点设计的idea，愿意和我分享，非常欢迎您联系我😁

为什么叫它笔记博客？

因为这个系统可以按目录分类查询笔记，方便随时查看温习，查阅习惯和你的云笔记是一样的。

它不是一个传统日记风格的博客。

主要的技术栈介绍

• 整站采用next作为开发框架
• 使用国外非常流行的shadcn作为ui组件库, 样式处理使用tailwindcss
• 文章使用mdx或者md文件作为数据源，基于next本身的api能力, 提供简单的数据服务。

开发计划

第一期

实现基本的博客功能。

• 主体布局
• 顶部进度条，平滑滚动到顶部
• 文章目录区域，使用吸顶设计，便于文章目录的查看和切换。
• 多语言支持
• redux 状态管理
• 标签统计
• 开源许可
• github 链接
• 首页博客卡片列表
• 博客正文渲染
• 自动化部署到云服务器
• 博客支持二级目录树，两级目录都可以筛选右侧的博客列表
• 适配低分辨率的屏幕，主要就是适配 手机 和 pad
• 支持 Google seo
• 使用三级路由参数的设计，避免编写文章时需要反复查询的一二目录的名称和目录的排序，使用目录来组织文章，也更易于维护。
• 标签列表，使用词云来展示.
• 查看文章详情页的时候，左边自动显示当前二级目录下，所有文章的列表，便于文章浏览。
• 文章搜索功能，支持 pc 和 移动端
• 博客列表使用虚拟列表技术进行渲染，搜索窗口和首页都完成了虚拟列表渲染。
• 左右布局的中间空白区域，可以手动拖拽，调整两侧的宽度，方便查看。
• 目录列表直接显示，当前目录下有多少文章
• 文章目录的交互，调整为accordion风格。
• 链接跳转使用了next自带的命令式路由，在保留了seo代码风格的同时，拥有更好的用户体验。
• 文章的TOC目录，可以在页面左侧查看使用。便于用户快速定位章节的页面位置。

第二期

对外扩展