Skip to content

Commands Preview

packy edited this page Jun 18, 2026 · 1 revision

preview — 分屏预览

启动本地分屏预览服务,左侧 Markdown 编辑器、右侧实时渲染效果预览,用于微调 Wenyan 主题样式。

用法

wx-newspic preview --port 3000

浏览器打开 http://localhost:3000 即可使用。

参数说明

参数 必填 默认值 说明
--port, -p 3030 监听端口
--theme-file, -f 自定义主题 CSS 文件路径(单次加载)
--hl-theme 默认 默认代码高亮主题

功能特性

  • 主题切换 — 内置 9 个 Wenyan 主题(default、orangeheart、rainbow、lapis、pie、maize、purple、phycat、nord),下拉选择
  • 代码高亮主题 — 内置 9 个 hljs 代码高亮主题(Atom One Dark/Light、Dracula、GitHub、GitHub Dark、Monokai、Solarized Dark/Light、Xcode)
  • 自定义主题 — 自动扫描 ~/.wx-newspic/themes/*.css,持久化添加的主题自动出现在下拉列表
  • 单次临时主题--theme-file dracula.css 参数加载一个不常驻的主题
  • 自动渲染 — 编辑内容后 500ms 防抖自动触发渲染
  • 错误保护 — 渲染失败保留上一次成功预览
  • 快捷键Cmd/Ctrl+S 手动触发渲染
  • 响应式 — 手机屏幕自动竖排布局

Clone this wiki locally