基于微积分思维的数学分析教学
2026/7/1 2:56:15
一、工具介绍
很多想要做离线剧情写作工具的朋友，都会被复杂的 Qt 安装、CMake 编译、dll 依赖缺失等问题劝退，既要下载好几 G 开发软件，编译时还会频繁报错，新手门槛极高。
今天给大家分享一套纯前端离线 AI 叙事网页工具，全程不需要下载任何软件、不用配置开发环境、没有 exe 可执行程序，仅一份 HTML 文本源码，复制粘贴保存后，双击浏览器就能打开，断网也能正常使用。
工具完全本地离线运行，不会上传你的任何创作内容，隐私安全有保障；源码无加密，可自由修改界面文字、新增故事题材、调整功能逻辑，个人、小型工作室均可免费商用，不存在开源版权纠纷。
二、完整内置功能清单
账号登录验证系统，默认账号admin，密码123456；
五大主流故事题材素材库：玄幻修仙、都市现实、古风言情、科幻未来、悬疑推理；
自定义世界观、人物设定输入框，自由搭建故事背景；
篇幅长度滑块调节，数值越大生成的剧情片段越丰富；
内置敏感词过滤功能，一键替换违规词汇；
自动生成文本专属版权哈希，留存原创创作凭证；
支持 TXT、Markdown 两种格式本地导出文案；
浏览器本地缓存全部创作历史，点击即可一键调取编辑；
内置合规说明页面，清晰标注商用权限与运行原理。
三、超简单使用教程
在电脑桌面右键，新建「文本文档」；
复制文末完整程序源码，全部粘贴到文档内，点击保存；
重命名文件，将后缀.txt修改为网页版离线AI叙事工具.html；
双击文件，会自动用系统浏览器打开；
输入默认账号密码登录，即可开始创作。
源码：
登录系统
登录进入
网页版离线AI叙事工具
创作工作台 历史记录 合规说明
<!-- 创作面板 --> <div class="tab-content show" id="tab0"> <div class="row"> <label>题材分类</label> <select id="themeSel"> <option value="玄幻修仙">玄幻修仙</option> <option value="都市现实">都市现实</option> <option value="古风言情">古风言情</option> <option value="科幻未来">科幻未来</option> <option value="悬疑推理">悬疑推理</option> </select> </div> <div class="row"> <label>世界观/人物设定</label> <textarea id="worldInput" placeholder="填写故事背景、人物、核心冲突"></textarea> </div> <div class="row"> <label>篇幅长度（数值越大内容越长）</label> <input type="range" id="lenSlider" min="1" max="10" value="4"> <span id="lenTip">当前篇幅：4</span> </div> <div class="btn-group"> <button class="btn-primary" onclick="genStory()">一键生成文案</button> <button class="btn-warning" onclick="filterWord()">违规词过滤</button> </div> <div class="row" style="margin-top:20px"> <label>生成结果</label> <textarea id="resultBox" readonly></textarea> <div class="hash-text">版权哈希标识：<span id="hashShow"></span></div> </div> <div class="btn-group"> <button class="btn-success" onclick="saveRecord()">存入历史记录</button> <button class="btn-success" onclick="exportTxt()">导出TXT</button> <button class="btn-success" onclick="exportMd()">导出Markdown</button> </div> </div> <!-- 历史记录面板 --> <div class="tab-content" id="tab1"> <div id="historyList"></div> <div class="btn-group" style="margin-top:15px"> <button class="btn-warning" onclick="clearAllHistory()">清空全部记录</button> </div> </div> <!-- 合规说明面板 --> <div class="tab-content" id="tab2"> <h3>商用合规说明</h3> <p style="line-height:1.8;margin:10px 0;color:#4a5568"> 本工具纯网页离线运行，无需联网、无后端服务器、无付费接口；<br> 全部代码开源免费商用，无版权限制；<br> 所有创作内容仅保存在本地浏览器缓存，清除浏览器数据会丢失记录；<br> 内置素材生成、敏感词过滤、版权哈希、本地文件导出、历史存档功能。 </p> <h3 style="margin-top:20px">完整功能清单</h3> <ul style="line-height:2;color:#4a5568;padding-left:20px"> <li>账号密码登录（默认admin / 123456）</li> <li>五大题材随机剧情素材生成</li> <li>自定义世界观、篇幅长短调节</li> <li>本地敏感词自动替换过滤</li> <li>文本专属版权哈希，留存创作凭证</li> <li>TXT、Markdown两种格式本地导出</li> <li>浏览器本地永久存储创作历史，一键调取</li> </ul> </div>