下面給你一份纯HTML/JS/前端開源工具清单,完全覆盖你要的:Web建站、Word/Excel/PPT替代、數據庫、圖床,全部開源、可本地/私有化部署、可嵌入Obsidian。
一、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。