kizumi_header_banner_img

Hello! 欢迎光临Aurora.歆の小破站!

加载中

文章导读

📝 槐序笔记 · 一个轻量、干净的笔记系统


avatar
Aurora.歆Official 2026年9月3日 38

📌 项目简介

槐序笔记是一个轻量级的笔记系统。它不堆砌复杂功能,只专注于让“记笔记”这件事变得简单、高效、赏心悦目。

无论是个人知识管理,还是小型工作室的文档存档,简记都能轻松胜任。

在线体验: https://note.lruriawa.top

🛠️ 技术栈

简记采用前后端分离架构,技术选型务实且现代:

层级 技术
前端 原生 JavaScript + Vite(极速构建)
样式 纯 CSS(毛玻璃 + 科技风)
后端 Node.js + Express
数据库 SQLite + Prisma ORM
认证 JWT(JSON Web Token)
Markdown marked.js(实时预览)

✨ 核心功能一览

1️⃣ 多账号 + 管理员后台

简记支持多用户注册登录,每个用户的笔记完全隔离。管理员可以:

  • 查看所有注册用户

  • 删除违规用户

  • 查看全站笔记

  • 删除违规内容

清新简洁的登录注册界面,支持快速切换


管理员可以查看所有用户及其笔记数量

2️⃣ 笔记增删改查 + 分类 + 搜索

  • 创建笔记时支持设置分类(如:工作、生活、学习)

  • 按分类筛选笔记

 

  • 关键词搜索(标题 + 内容)

工具栏集成了新建、搜索、分类筛选、标签云、回收站等入口

3️⃣ Markdown 编辑器 + 实时预览

写笔记支持完整的 Markdown 语法,右侧实时预览渲染效果。

支持的语法包括:

  • 标题 # ## ###

  • 加粗 **文本**

  • 列表 - 项目

  • 代码块 ```js

  • 引用 > 引用内容

  • 表格、链接、图片等


左边写,右边看,所见即所得

4️⃣ 笔记详情页 + 分享链接

点击笔记卡片进入详情页,支持:

  • 查看完整内容(Markdown 渲染)

  • 一键复制公开分享链接

  • 删除笔记(移至回收站)


干净清爽的阅读界面,专注内容本身

分享功能: 点击“分享”按钮,自动复制公开链接,任何人(无需登录)都能查看笔记内容。

5️⃣ 回收站(软删除 + 恢复)

删除笔记不会立即消失,而是进入回收站。

  • 支持恢复笔记

  • 支持永久删除


已删除的笔记会在回收站保留,随时可恢复

6️⃣ 标签云

根据笔记分类自动生成可视化标签云,字体大小和透明度反映笔记数量。


一目了然的分类统计

7️⃣ 个人设置

支持自定义:

  • 昵称(显示在页面顶部)

  • 头像(支持外链图片)


简单直观的设置界面

8️⃣ 导出全部笔记

一键导出所有笔记为 Markdown 格式文件,方便本地备份或迁移。


批量导出,数据永远属于你自己

9️⃣ 移动端适配

在手机上也能获得良好的浏览和编辑体验:

  • 工具栏自动折叠换行

  • 卡片紧凑适配

  • 编辑器上下分栏布局

  • 所有弹窗适配小屏


手机端同样精致好用

🚀 部署指南

槐序笔记支持一键部署到宝塔面板,步骤简单:

  1. 上传前端构建文件(dist)到网站根目录

  2. 上传后端代码到服务器

  3. 安装依赖:npm install

  4. 生成数据库:npx prisma migrate dev --name init

  5. 在宝塔中添加 Node 项目

  6. 配置 Nginx 反向代理

最低配置要求:

  • 1 核 CPU / 1 GB 内存

  • 20 GB 硬盘空间

  • Node.js 18.x 以上

  • 宝塔面板(推荐)

📊 项目数据

  • 代码量:约 2000+ 行(前后端合计)

  • 数据库表:2 张(User + Note)

  • API 接口:15+ 个

  • 页面路由:6 个(登录/注册、笔记列表、详情页、分享页、管理员后台、个人设置)

  • 部署方式:宝塔面板 

🌐 相关链接

📌 总结

槐序笔记不是一个“大而全”的笔记平台,而是一个“小而美”的灵感工具。它不堆砌功能,只做一件事:让记录变得简单、专注、有质感。

如果你正在寻找一个轻量级的笔记系统,或者想自己搭建一个私有化的知识管理工具,简记值得一试。

槐序笔记 · 简单记录,深度思考。

Copyright©2023-2026 天津市槐序网络科技工作室

感谢您的支持
微信赞赏

微信扫一扫

支付宝赞赏

支付宝扫一扫



评论(0)

查看评论列表

暂无评论


发表评论

表情 颜文字
插入代码
Aurora.歆の小破站

About Me

avatar

Aurora.歆Official

网易音乐人、歌手、制作人

35
文章
18
评论
5
用户

Ads