前端开源项目101专栏：一个能让你更快接触到高质量开源项目的地方。我会探索分享精选 101个高质量的开源项目。这是专栏的第5篇文章，分享一个支持手机端的高颜值文章排版工具！

手边没有电脑不方便发布文章？手机端文章排版不好操作？碎片时间想要排版精美文章？小前搜罗到一款支持手机端的高颜值文章排版工具 - NeuraPress ，让你碎片时间也能用手机发有排版的文章了！（文末附网站地址）

个人体验

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

电脑端长这样：

我要夸的是它支持手机端排版，这是很多排版工具都不支持，或者适配的不够好的地方。可以看手机端的功能，只有两个TAB：编辑区输入Markdown文档，切换到预览区实时查看排版效果。点击复制，可以直接将复制排版后的文章发布。

说回到电脑端，支持四种样式模板：

• o 默认样式：清晰简约的默认样式
• o 优雅风格：适合文学、艺术类文章
• o 科技主题：适合科技技术类文章
• o 锤子便签：简介优雅的锤子便签风格

个人更喜欢默认样式，当然也可以自定义样式模板。此外还支持五种代码主题。

项目特点

列下我使用过程中体验到的亮点：

• o 移动端支持，支持手机上直接编辑，搭配 DeepSeek、豆包，更适合在手机端排版文章（推荐）
• o 模板系统，内置多种排版模板，一键切换
• o 样式定制，灵活的样式配置选项

项目技术栈

关注技术的可以看下

• o 前端框架：Next.js 14、React
• o 样式处理：Tailwind CSS、tailwind-merge、tailwindcss-animate
• o Markdown 处理：marked 用于解析 Markdown 语法、@tiptap/react 用于构建富文本编辑器
• o 开发工具：TypeScript、PostCSS、Autoprefixer

开源链接

开源地址：
https://github.com/tianyaxiang/neurapress

在线体验网址：
https://md.leti.ltd/wechat

本地部署教程：

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

# 进入项目目录
cd neurapress

# 安装依赖
pnpm install

# 启动开发服务器
pnpm dev

# 构建生产版本
pnpm build

# 启动生产服务器
pnpm start

PS：前端开源项目101专栏，我会探索分享精选 101个高质量的开源项目。欢迎投稿

PS-1：欢迎搜索，本文关键词：前端开源项目101、手机排版神器、开源Markdown编辑器、高颜值文章排版工具、NeuraPress