开源工具

一、Web建站(纯HTML/无后端/可视化)

  1. GrapesJS(可视化拖拽建站)
  • 定位:无代码可视化网页构建器,纯前端开源
  • 核心:拖拽组件 → 自动生成HTML/CSS/JS,可导出纯静态页面
  • 用途:做个人站、 landing page、作品集、知识库首页
  • 优势:零后端、可嵌入Obsidian、可二次开发
  • 开源:GitHub 24k+ Star
  1. Bootstrap Studio(可视化+代码)
  • 定位:可视化+代码混合建站,基于Bootstrap
  • 核心:拖拽生成响应式页面,一键导出纯HTML/CSS/JS
  • 用途:快速做官网、后台页面、表单系统
  • 优势:纯前端、可本地运行、可嵌入Obsidian

 

二、替代Word(HTML富文本/文档)

  1. OnlyOffice Docs(开源Web Office)
  • 定位:纯HTML5 Canvas实现,开源、可私有化部署
  • 核心:完整替代Word(docx)、Excel(xlsx)、PPT(pptx)
  • 功能:富文本、样式、表格、图片、批注、导出PDF/HTML
  • 优势:可嵌入iframe、支持本地/离线版(OnlyOffice Personal)
  • 开源:GitHub 10k+ Star
  1. Tiptap / ProseMirror(纯前端富文本编辑器)
  • 定位:可嵌入的HTML富文本编辑器,完全开源
  • 核心:生成干净HTML,无冗余代码,可自定义工具栏
  • 用途:在Obsidian/网页里做Word级文档编辑
  • 优势:轻量、可扩展、可导出纯HTML

 

三、替代Excel(纯前端表格/数据处理)

  1. Luckysheet(最强纯前端Excel)
  • 定位:纯HTML/JS实现,开源、零后端、媲美Excel
  • 核心:公式、筛选、排序、图表、冻结、合并单元格、复制粘贴
  • 用途:2000行+数据处理、财务表、清单、数据库前端
  • 优势:可嵌入Obsidian、可导出xlsx、纯本地运行
  • 开源:GitHub 15k+ Star
  1. Handsontable(企业级数据表格)
  • 定位:纯前端可编辑表格,开源、支持大数据量
  • 核心:单元格编辑、筛选、排序、拖拽、自定义渲染
  • 用途:数据管理、CRM、报表、数据库前端
  • 优势:稳定、API丰富、可嵌入任何HTML页面
  1. EtherCalc(极简在线表格)
  • 定位:轻量开源表格,单文件部署、零数据库
  • 核心:公式、多人协作、数据以URL/本地存储
  • 用途:临时数据、清单、预算表
  • 优势:秒开、不卡、可离线

 

四、替代PPT(HTML演示/幻灯片)

  1. Reveal.js(最流行HTML PPT)
  • 定位:纯HTML/JS开源演示框架,零后端
  • 核心:幻灯片、动画、3D、代码高亮、Markdown支持
  • 用途:汇报、演讲、教程、产品演示
  • 优势:可嵌入Obsidian、全屏播放、导出PDF
  • 开源:GitHub 60k+ Star
  1. impress.js(3D空间PPT)
  • 定位:3D旋转/平移HTML演示,纯前端
  • 核心:空间化幻灯片、炫酷转场、适合创意演示
  • 用途:发布会、作品集、技术分享
  • 优势:纯HTML、可本地运行

 

五、HTML做数据库(纯前端/无服务器)

  1. LocalForage / IndexedDB(浏览器内置数据库)
  • 定位:浏览器原生持久化存储,纯前端、零后端
  • 核心:存储JSON/文本/文件、增删改查、离线可用
  • 用途:个人数据、清单、配置、2000行数据本地存储
  • 优势:完全免费、无服务器、可嵌入Obsidian
  1. PouchDB(同步型前端数据库)
  • 定位:开源、可离线、可与CouchDB同步
  • 核心:文档型数据库、查询、索引、同步
  • 用途:本地知识库、多设备同步、离线数据管理
  • 优势:纯JS、可嵌入任何HTML页面
  1. SQL.js(浏览器内SQLite)
  • 定位:WebAssembly实现的SQLite,纯前端运行SQL
  • 核心:完整SQL语法、表、查询、事务
  • 用途:复杂数据查询、报表、数据库前端
  • 优势:零后端、可本地运行、支持导入SQL文件

 

六、图床(HTML上传/图片托管)

  1. CloudFlare-ImgBed(免费+CDN+无服务器)
  • 定位:基于Cloudflare R2/KV的开源图床,零成本
  • 核心:HTML5上传、返回URL、CDN加速、版本管理
  • 用途:Obsidian图片、博客、网页图片托管
  • 优势:免费、全球加速、完全开源、可私有化
  1. Lsky Pro(兰空图床,成熟开源)
  • 定位:PHP+HTML开源图床,支持本地/云存储
  • 核心:上传、管理、外链、压缩、防盗链、API
  • 用途:个人/团队图片托管、Obsidian图床
  • 开源:GitHub 4.5k+ Star
  1. 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。