一个现代化的 Markdown 编辑器,优质的优快云、微信公众号排版工具

NeuraPress

NeuraPress 是一个现代化的 Markdown 编辑器,专注于提供优质的微信公众号排版体验。响应式设计,支持移动设备。搭配 DeepSeek和微信公众号助手使用,碎片时间也能用手机发有排版的文章了。
在这里插入图片描述

特性

  • 🎨 实时预览 - 所见即所得的编辑体验
  • 📱 移动端支持 - 支持手机上直接编辑,搭配 DeepSeek和微信公众号助手使用
  • 🎯 微信风格 - 完美适配微信公众号样式
  • 🔧 样式定制 - 灵活的样式配置选项
  • 📋 一键复制 - 支持复制带格式的预览内容
  • 🎭 模板系统 - 内置多种排版模板,一键切换
  • 🚀 快速高效 - 基于 Next.js 构建,性能优异

快速开始

环境要求

  • Node.js 18+
  • pnpm 8+

安装

# 克隆项目
git clone https://github.com/tianyaxiang/neurapress.git

# 进入项目目录
cd neurapress

# 安装依赖
pnpm install

# 启动开发服务器
pnpm dev

构建

# 构建生产版本
pnpm build

# 启动生产服务器
pnpm start

使用 Docker

我们提供了两种 Docker 环境配置:开发环境和生产环境。所有 Docker 相关文件都位于 docker 目录下。

开发环境

使用 Docker Compose 启动开发环境(支持热重载):

# 启动开发环境
docker compose -f docker/docker-compose.yml up

# 在后台运行
docker compose -f docker/docker-compose.yml up -d

# 停止服务
docker compose -f docker/docker-compose.yml down
生产环境
# 构建生产镜像
docker build -t neurapress:prod -f docker/Dockerfile.prod .

# 运行生产容器
docker run -p 3000:3000 neurapress:prod
发布到 Docker Hub
# 登录到 Docker Hub
docker login

# 构建并标记镜像
docker build -t [your-dockerhub-username]/neurapress:latest -f docker/Dockerfile.prod .

# 推送到 Docker Hub
docker push [your-dockerhub-username]/neurapress:latest
从 Docker Hub 拉取和运行
# 拉取镜像
docker pull [your-dockerhub-username]/neurapress:latest

# 运行容器
docker run -p 3000:3000 [your-dockerhub-username]/neurapress:latest

注意:

  • 使用 Docker Hub 时,请将 [your-dockerhub-username] 替换为你的 Docker Hub 用户名

使用指南

  1. 编辑内容

    • 左侧为 Markdown 编辑区
    • 支持标准 Markdown 语法
    • 支持 GFM (GitHub Flavored Markdown)
  2. 预览内容

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

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

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

技术栈

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

许可证

MIT License

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值