实用工具
实用工具
把在线预览、正式发布、插件调试这些高频操作整理成一页。需要临时验证页面效果时，可以直接在这里粘贴代码预览。
在线预览
用于快速检查 HTML、Markdown、JSON 或常见 React 片段。Web 端使用页面内代码编辑器；插件端也可以在侧边栏关闭后显示预览浮窗。
代码编辑器
支持 HTML、Markdown、JSON 和常见 React 组件代码。内容会自动保存在本地。
编辑器加载中...
- 1粘贴或拖入本地文件，编辑器会自动保存内容。
- 2点击预览，在右侧查看渲染结果；JSON 会先尝试格式化。
- 3点击下载，可按当前内容类型保存为 html、md、json 或 txt。
- 4插件端关闭侧边栏后，如果开启预览浮窗，会在当前网页显示悬浮按钮和输入框。
发布网页
发布网页就是把在线预览里的代码保存到你的 GitHub 仓库。授权后可以创建公开仓库、选择根目录或文件夹提交代码，并获得可访问地址。
- 1点击“去开启”完成 GitHub 仓库授权，需要允许创建公开仓库和提交文件。
- 2授权成功后输入想创建的仓库名称，默认是 aiyqx.com。
- 3在在线预览编辑器里点击“发布”，选择上传到仓库根目录、已有文件夹或新建文件夹。
- 4确认后会把当前代码提交到 GitHub 指定路径，并复制线上访问地址。
- 5如果仓库已配置 GitHub Pages 或 aiyqx.com 自定义域名，就可以直接通过返回的地址访问。
发布前检查
- GitHub 授权包含仓库权限
- 仓库为 public
- GitHub Pages 或自定义域名已开启
- 发布后复制返回的访问地址