一、Web建站(纯HTML/无后端/可视化)
- GrapesJS(可视化拖拽建站)
- 定位:无代码可视化网页构建器,纯前端开源
- 核心:拖拽组件 → 自动生成HTML/CSS/JS,可导出纯静态页面
- 用途:做个人站、 landing page、作品集、知识库首页
- 优势:零后端、可嵌入Obsidian、可二次开发
- 开源:GitHub 24k+ Star
- Bootstrap Studio(可视化+代码)
- 定位:可视化+代码混合建站,基于Bootstrap
- 核心:拖拽生成响应式页面,一键导出纯HTML/CSS/JS
- 用途:快速做官网、后台页面、表单系统
- 优势:纯前端、可本地运行、可嵌入Obsidian
二、替代Word(HTML富文本/文档)
- OnlyOffice Docs(开源Web Office)
- 定位:纯HTML5 Canvas实现,开源、可私有化部署
- 核心:完整替代Word(docx)、Excel(xlsx)、PPT(pptx)
- 功能:富文本、样式、表格、图片、批注、导出PDF/HTML
- 优势:可嵌入iframe、支持本地/离线版(OnlyOffice Personal)
- 开源:GitHub 10k+ Star
- Tiptap / ProseMirror(纯前端富文本编辑器)
- 定位:可嵌入的HTML富文本编辑器,完全开源
- 核心:生成干净HTML,无冗余代码,可自定义工具栏
- 用途:在Obsidian/网页里做Word级文档编辑
- 优势:轻量、可扩展、可导出纯HTML
三、替代Excel(纯前端表格/数据处理)
- Luckysheet(最强纯前端Excel)
- 定位:纯HTML/JS实现,开源、零后端、媲美Excel
- 核心:公式、筛选、排序、图表、冻结、合并单元格、复制粘贴
- 用途:2000行+数据处理、财务表、清单、数据库前端
- 优势:可嵌入Obsidian、可导出xlsx、纯本地运行
- 开源:GitHub 15k+ Star
- Handsontable(企业级数据表格)
- 定位:纯前端可编辑表格,开源、支持大数据量
- 核心:单元格编辑、筛选、排序、拖拽、自定义渲染
- 用途:数据管理、CRM、报表、数据库前端
- 优势:稳定、API丰富、可嵌入任何HTML页面
- EtherCalc(极简在线表格)
- 定位:轻量开源表格,单文件部署、零数据库
- 核心:公式、多人协作、数据以URL/本地存储
- 用途:临时数据、清单、预算表
- 优势:秒开、不卡、可离线
四、替代PPT(HTML演示/幻灯片)
- Reveal.js(最流行HTML PPT)
- 定位:纯HTML/JS开源演示框架,零后端
- 核心:幻灯片、动画、3D、代码高亮、Markdown支持
- 用途:汇报、演讲、教程、产品演示
- 优势:可嵌入Obsidian、全屏播放、导出PDF
- 开源:GitHub 60k+ Star
- impress.js(3D空间PPT)
- 定位:3D旋转/平移HTML演示,纯前端
- 核心:空间化幻灯片、炫酷转场、适合创意演示
- 用途:发布会、作品集、技术分享
- 优势:纯HTML、可本地运行
五、HTML做数据库(纯前端/无服务器)
- LocalForage / IndexedDB(浏览器内置数据库)
- 定位:浏览器原生持久化存储,纯前端、零后端
- 核心:存储JSON/文本/文件、增删改查、离线可用
- 用途:个人数据、清单、配置、2000行数据本地存储
- 优势:完全免费、无服务器、可嵌入Obsidian
- PouchDB(同步型前端数据库)
- 定位:开源、可离线、可与CouchDB同步
- 核心:文档型数据库、查询、索引、同步
- 用途:本地知识库、多设备同步、离线数据管理
- 优势:纯JS、可嵌入任何HTML页面
- SQL.js(浏览器内SQLite)
- 定位:WebAssembly实现的SQLite,纯前端运行SQL
- 核心:完整SQL语法、表、查询、事务
- 用途:复杂数据查询、报表、数据库前端
- 优势:零后端、可本地运行、支持导入SQL文件
六、图床(HTML上传/图片托管)
- CloudFlare-ImgBed(免费+CDN+无服务器)
- 定位:基于Cloudflare R2/KV的开源图床,零成本
- 核心:HTML5上传、返回URL、CDN加速、版本管理
- 用途:Obsidian图片、博客、网页图片托管
- 优势:免费、全球加速、完全开源、可私有化
- Lsky Pro(兰空图床,成熟开源)
- 定位:PHP+HTML开源图床,支持本地/云存储
- 核心:上传、管理、外链、压缩、防盗链、API
- 用途:个人/团队图片托管、Obsidian图床
- 开源:GitHub 4.5k+ Star
- PicGo + GitHub + jsDelivr(纯免费静态图床)
- 定位:纯前端+GitHub存储+CDN加速,零成本
- 核心:上传→GitHub→jsDelivr CDN→返回URL
- 用途:个人博客、Obsidian、Markdown图片
- 优势:完全免费、稳定、无服务器
七、一站式方案:把所有工具塞进Obsidian
你可以在Obsidian里直接嵌入这些工具,一个软件搞定全部:
1. Word/文档:嵌入 OnlyOffice / Tiptap HTML 2. Excel/数据:嵌入 Luckysheet HTML(支持2000行粘贴) 3. PPT/演示:嵌入 Reveal.js HTML 4. 数据库:用 LocalForage / SQL.js 做本地数据存储 5. 图床:用 CloudFlare-ImgBed 做图片上传 6. 建站:用 GrapesJS 做个人站,导出HTML放进Obsidian
八、给你的2000行数据导入方案(最实用)
方案A:纯前端(零后端,最推荐)
1. 用 Luckysheet 做一个HTML表格页面 2. 从Excel复制2000行 → 直接粘贴进网页(自动分列) 3. 数据存在浏览器 LocalForage/IndexedDB(永久保存) 4. 可导出xlsx、可嵌入Obsidian、可本地运行
方案B:轻量后端(适合长期管理)
1. 用 Lsky Pro 做图床 + SQL.js 做数据库 2. 上传CSV/Excel → 自动解析成HTML表格 3. 数据存在本地文件/云存储,可查询、筛选、导出
九、我可以直接给你的成品
你要的话,我可以马上给你:
- 一个 可直接用的HTML超级表格(支持2000行粘贴、自动匹配、导出xlsx)
- 一个 Obsidian专用HTML模板(嵌入Luckysheet+图床+本地数据库)
- 一个 纯前端建站模板(GrapesJS导出,可直接放进Obsidian)
需要我先把那个支持2000行数据的HTML超级表格完整代码发给你吗?你直接保存成html就能用,也能放进Obsidian。