tiddlywiki 不是 php 应用,不能也不应通过 phpenv 运行;它仅支持单文件浏览器模式或 node.js 服务器模式,phpenv 的 apache 环境因 mime 类型缺失和 localstorage 限制会导致保存失败、插件不加载等问题。

phpEnv 不能安装或运行 TiddlyWiki。
TiddlyWiki 不是 PHP 应用,它根本不需要 PHP 环境。它的两种主流运行模式是:
-
单文件浏览器模式:直接双击
tiddlywiki.html在 Chrome/Firefox/Edge 中打开,所有逻辑在前端 JavaScript 中执行,不依赖任何服务端语言或解释器; -
Node.js 服务器模式:通过
tiddlywikiCLI 启动内置 HTTP 服务,依赖的是 Node.js 运行时,不是 PHP。
phpEnv 是一个 Windows 下用于快速切换多个 PHP 版本 + Apache/Nginx 的本地开发环境工具(类似 Laragon、XAMPP 的轻量替代),它管理的是 PHP+WebServer 栈,对纯前端 HTML/JS 应用无意义——你把它放进 www 目录下用 Apache 访问,反而会因缺少 MIME 类型配置、CORS 限制或 localStorage 权限问题导致功能异常(比如无法保存、插件加载失败、主题不生效)。
为什么有人误以为 phpEnv 能跑 TiddlyWiki?
常见误解来源:
- 把 “能放静态文件的目录” 当成 “能跑任意 Web 应用的环境”
- 看到 TiddlyWiki 有
.html后缀,就默认它是“PHP 风格的静态站”,忽略了它本质是一个自执行的前端单页应用(SPA),且严重依赖浏览器本地存储机制 - 尝试用 phpEnv 的 Apache 访问后发现「点保存没反应」「刷新后内容丢失」,误判为“配置没配好”,其实是运行模式错误
正确的本地部署方式(三选一,按推荐顺序)
-
直接双击打开(最简单,90% 场景够用)
- 下载官方最新
tiddlywiki.html(从 https://www.php.cn/link/4e997cbe9d93884f8ce686aa0094bf58) - 保存到桌面或 U 盘,双击用 Chrome 或 Firefox 打开
- 编辑 → 点右上角
Save changes→ 选择另存为新文件(覆盖原文件即可) - ✅ 无需安装、无端口冲突、离线可用
- ❌ 不支持多用户、无自动同步、不适合长期高频编辑(频繁弹出文件保存框)
- 下载官方最新
-
用 Node.js 启动服务(推荐用于日常维护)
- 确保已安装 Node.js(v16+,检查:
node -v) - 创建空目录,执行:
tiddlywiki mywiki --init server
- 启动服务:
tiddlywiki mywiki --server port=8080 host=127.0.0.1
- 浏览器访问
@#@#@#@#@#@#@#@#@#@1 - ✅ 自动保存、支持插件热加载、可配 HTTPS / 密码 / 备份脚本
- ❌ 需要命令行基础;若端口被占,得改
port参数
- 确保已安装 Node.js(v16+,检查:
-
Docker(适合 NAS 或想隔离环境的用户)
- 使用社区镜像如
jdlabs/tiddlywiki - 关键命令示例(绑定宿主机 9001 端口,数据落盘):
docker run -d --name tw1 -p 9001:8080 -v /path/to/mywiki:/var/lib/tiddlywiki jdlabs/tiddlywiki:latest
- ✅ 一次配置,跨平台复用;方便启停、备份、多实例
- ❌ 需要 Docker 基础;Windows 用户注意 WSL2 或 Docker Desktop 状态
- 使用社区镜像如
如果你已经把 TiddlyWiki 放进 phpEnv 的 www 目录并打不开
典型现象包括:
- 点击
Save changes后无反应,控制台报错Failed to execute 'write' on 'Document': It isn't possible to write into a document from an asynchronously-loaded external script unless it is explicitly opened - 插件管理页空白,或提示
Cannot load plugin: xxx - 主题切换无效,CSS 不加载
根本原因:Apache 默认不设 application/json 和 text/vnd.tiddlywiki MIME 类型,且浏览器在非 file:// 或非本地服务协议下会限制 localStorage 写入(尤其 Chromium 内核)。
临时绕过(不推荐长期用):
- 启动 Chrome 时加参数:
chrome.exe --unsafely-treat-insecure-origin-as-secure="@#@#@#@#@#@#@#@#@#@1" --user-data-dir=c:\temp\chrome-unsafe(仅调试用) - 或干脆别走 phpEnv,换回
tiddlywiki --server
TiddlyWiki 的设计哲学就是「去中心化」和「数据主权」,强行塞进 PHP 环境不仅多余,还会破坏它最核心的保存机制和插件兼容性。真正该花时间的地方,是选好存储路径、配好自动备份、挑几个关键插件(如 $:/plugins/tiddlywiki/filesystem 或 Git 同步),而不是折腾运行容器。
php免费学习视频:立即使用
踏上前端学习之旅,开启通往精通之路!从前端基础到项目实战,循序渐进,一步一个脚印,迈向巅峰!











