NeuraPress

主要功能特性

• 实时预览：提供所见即所得的编辑体验，用户可以在编辑过程中实时预览最终效果。
• 移动端支持：支持手机上直接编辑，搭配 DeepSeek 和微信公众号助手使用，方便用户在碎片时间内发有排版的文章。
• 微信风格：完美适配微信公众号样式，确保发布的内容在微信中显示效果最佳。
• 样式定制：提供灵活的样式配置选项，用户可以自定义字体、颜色、间距等属性，以满足个性化需求。
• 一键复制：支持复制带格式的预览内容，用户可以直接粘贴到微信公众号编辑器中使用，省时省力。
• 模板系统：内置多种排版模板，用户可以一键切换，快速高效地完成内容排版。

NeuraPress安装及使用指南

环境要求

• Node.js 18+
• pnpm 8+

安装

# 克隆项目

git clone https://github.com/tianyaxiang/neurapress.git

# 进入项目目录

cd neurapress

# 安装依赖

pnpm install

# 启动开发服务器

pnpm dev

构建

# 构建生产版本

pnpm build

# 启动生产服务器 pnpm start

使用指南

编辑内容

• 左侧为 Markdown 编辑区
• 支持标准 Markdown 语法
• 支持 GFM (GitHub Flavored Markdown)

预览内容

• 右侧为实时预览区
• 展示最终在微信中的显示效果
• 可以切换预览窗口的显示/隐藏

样式设置

• 使用样式选择器选择预设模板
• 通过样式配置对话框自定义样式
• 支持自定义字体、颜色、间距等属性

复制内容

• 点击”复制源码”获取 HTML 源码
• 点击”复制预览”获取带格式的预览内容
• 直接粘贴到微信公众号编辑器中使用

技术栈

• Next.js 14
• React
• TypeScript
• Tailwind
• CSS
• ByteMD
• Marked
• shadcn/ui