内容创作者不要再复制粘贴啦，一劳永逸自建个文章多发平台吧！

本文作者：HelloGitHub-蔡文心

大家好！这里是 HelloGitHub 推出的《讲解开源项目》系列，今天给大家带来的一款基于 Node.js 实现的一文多发平台开源项目——ArtiPub（文章发布者）。

一、介绍

众所周知文章每发到一个平台，就能增加一丝让更多人看到的机会。所以内容创作者们不仅需要编写高质量的文章，还要手动分发到不同的平台。这个同步可不是简单地复制粘贴，需要重新排版、上传图片等，十分耗时和繁琐。

HelloGitHub 明白你的痛，所以今天带来一款免费开源的文章自动分发管理平台——ArtiPub，它可以帮助内容创作者将编写好的文章自动发布到掘金、SegmentFault、CSDN、知乎、等技术社区，传播技术内容的同时获取更多的曝光和关注。它不仅能完成文件的在线编辑和同步，还有数据统计的功能，简直是内容创作的必备神器呀！

项目地址：https://github.com/crawlab-team/artipub

让我们来跟着本文了解下 ArtiPub 的优点和功能，然后跟着步骤用起来，最后让你从 手动同步 内容变为 自动同步。

1.1 安全性

市面上已经存在一文多发的平台会要求用户将自己的账户信息，例如 COOKIE 或账号密码上传到对方服务器这样不安全。因为一旦平台发生问题，自己的账户信息会遭到泄漏。虽然我相信一般平台不会恶意操作用户的账户，但如果出现误操作，您的账户隐私将遭到泄漏，平台上的财产也可能遭到损坏，所以还是要尽可能规避这样的风险。而 ArtiPub 不要求用户上传账户信息，所有账户信息全部保存在用户自己本地或者服务器的数据库中，从而规避了这个安全风险。

1.2 Chrome 插件

ArtiPub 有配套的 Chrome 插件，通过 Chrome 插件可以方便地获得用户登陆信息（COOKIE），然后将 COOKIE 注入到 Puppeteer 操作的 Chromium 浏览器中，浏览器就可以正常登陆网站进行发文操作了。

1.3 支持的平台

掘金

SegmentFault

CSDN

简书

知乎

今日头条

博客园

1.4 支持的安装方式

ArtiPub 安装简单，提供了多种安装方式，可以一键安装使用，安装一般只要 5 分钟。

Docker

Npm

源码

考虑到此项目的受众可能包括非程序员人群，接下来本文中将演示最方便的一种方案 使用 Docker 安装。

二、安装

2.1 Docker

准备

Docker 安装文档

Docker-compose 容器编排安装文档

Step 1 在项目根目录下执行

docker-compose up 命令会根据 docker-compose.yaml 文件创建镜像和容器。

cd ArtiPub
docker-compose up

Step 2 启动容器

Step 3 成功

访问 http://localhost:8000

三、使用

3.1 登录

上文提到了 ArtiPub 是通过 Chrome 插件获取 COOKIE 的，所以还需要安装 Chrome 插件，插件的下载和安装方法作者写在了登录助手菜单中。

3.2 发布

发布后需要一点时间大约 1 分钟内，就能够看到已经同步发布到勾选的各大平台。

四、技术栈

4.1 前端

React 框架

UI 是基于阿里出品的 Ant Design Pro 改造而成

4.2 后端

基于 Node.js，使用 TS 编写

Web 框架则选用了 express

爬虫功能基于 puppeteer（Google 开发的自动化测试工具）实现

数据库选用了主流的 NoSQL 数据库 Mongodb 主要用于记录文章与 COOKIE 信息

4.3 项目结构

.
├── service.json //启动文件，包含路由注册，数据库连接
├── backend
├── config
├── extensions
│ └── src
│ └── popup
├── lib
├── models // 数据库模型
├── nginx // nginx配置
├── public
│ └── icons
├── routes //相当于MVC中的controller
├── spiders // 爬虫相关功能
│ └── import
└── src
├── assets
│ └── img
├── components
│ ├── Authorized
│ ├── CopyBlock
│ ├── GlobalHeader
│ ├── HeaderDropdown
│ ├── HeaderSearch
│ ├── NoticeIcon
│ ├── PageLoading
│ ├── SelectLang
│ └── SettingDrawer
├── data
├── e2e
│ └── __mocks__
├── layouts
├── locales
│ ├── en-US
│ ├── pt-BR
│ ├── zh-CN
│ └── zh-TW
├── models
├── pages
│ ├── ArticleEdit
│ ├── ArticleList
│ ├── Demo
│ ├── Environment
│ ├── Helper
│ ├── Paste
│ └── PlatformList
├── services
└── utils

虽然前后端代码没有分为两个仓库，但是采用的是前后端分离模式，使用 Nginx 作为反向代理。后端部分与传统 MVC 模式相比有些许改变，但主要的 controller、models 和 service 还是存在（只是名字变了）。

下图是 ArtiPub 的架构示意图：

五、最后

ArtiPub 本身并不是一个非常复杂的项目，但是其中包含了很多有趣的功能和思路，比如通过 Chrome 插件获取用户在各大平台的 COOKIE 来解决当用户账号太多，授权麻烦的问题。还有通过 puppeteer 一种自动化工具来实现发布。通过对 ArtiPub 源码的学习能够学到除 Node.js 以外的很多技术，并且这些技术使用场景也是非常丰富的。

希望今天推荐的 ArtiPub 你能喜欢，也希望你能在读完文章后 clone 项目阅读一番，觉得不错的话可以关注 「HelloGitHub」 公众号，收到第一时间的更新。爱你呦～