NeuraPress(微信公众号Markdown排版编辑器)简介
NeuraPress 是一款开源的微信公众号Markdown排版编辑器,能够为我们提供优质的微信公众号排版体验。基于 Next.js 构建,结合了 React、TypeScript 和 Tailwind CSS,确保了高性能和良好的用户体验。响应式设计能够让其在PC设备和移动设备上都有完美的使用体验,让我们可以在任何时间、地点、设备、场景进行排版编辑,该工具可显著提升内容编辑的效率和质量。

主要特点如下:
- 实时预览功能,使用户能够即时看到编辑效果,确保所见即所得的编辑体验
- 完美适配微信公众号的样式,为用户提供了一致的视觉体验。
- 还支持样式定制,用户可以根据个人需求灵活配置样式选项。
使用 NeuraPress,用户可以通过一键复制功能,将带格式的内容轻松复制到微信公众号编辑器中,省去繁琐的排版步骤。内置的模板系统提供多种排版模板,用户可一键切换,快速实现文章的美观排版。
NeuraPress(微信公众号Markdown排版编辑器)官网及教程
安装
# 克隆项目
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