当前位置: 科技师 » 在线网站 » 正文

NeuraPress – 微信公众号Markdown排版编辑器

NeuraPress(微信公众号Markdown排版编辑器)简介

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

NeuraPress - 微信公众号Markdown排版编辑器

主要特点如下:

  • 实时预览功能,使用户能够即时看到编辑效果,确保所见即所得的编辑体验
  • 完美适配微信公众号的样式,为用户提供了一致的视觉体验。
  • 还支持样式定制,用户可以根据个人需求灵活配置样式选项。

使用 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
未经允许不得转载:科技师 » NeuraPress – 微信公众号Markdown排版编辑器

相关文章