一键生成简洁美观的「文字图片」，内含好看的搭配模板

兄弟们平时都写文章吗？写文章都用配图嘛，二冰平时就和文字打交道，但是每次要是做一个封面图，简直让我头大，这也是为什么兄弟们看到我文章的封面都是一个风格，实在是不会做……

所以二冰平时都会找一些方便做图片的项目，今天就给兄弟们分享一个，如果你也因为做图片而头大，就继续往下看吧

1️⃣ 项目简介

项目名称： colorfu

项目地址：

https://github.com/pearmini/colorfu

很好看的文字图片

很好看的文字图片

怎么样，兄弟们，作者都给咱们做好了各种颜色搭配，咱们直接用就完事了

2️⃣ 项目下载

兄弟们直接从 github 的项目地址吧源码下载下来即可

下载 zip

下载 zip

老规矩，二冰也为网络不好的兄弟们备份了一下，也可以从二冰这里下载

文件目录：

/00-github/01-图片相关/colorfu

自行下载

自行下载

自行下载就行了

资源站地址：

https://wn.twoice.fun:121/

3️⃣ 运行项目

下载源码后直接解压

进入项目文件夹

进入项目

进入项目

直接在目录路径中输入 cmd >> 直接 回车 即可

进入终端

进入终端

输入 npm install 安装依赖

安装依赖

安装依赖

输入 npm run serve 即可运行

运行成功

运行成功

浏览器输入 http://localhost:8080/colorfu 即可访问

浏览器访问

浏览器访问

4️⃣ 怎样使用

开始创建

点击 Editor 即可开始创建自己的「文字图片」

Editor

Editor

风速的颜色搭配

各种颜色搭配，鼠标点一下就能用

丰富的配色

丰富的配色

点一下就能用

点一下就能用

实话说这么多的配色，彻底治好了二冰的选择颜色困难症

自定义图片尺寸

自定义尺寸

自定义尺寸

设置内容

设置内容

设置内容

在此处可以设置文字内容，图片的背景可以是颜色，也可以是图片。

图片下载

完成让自己满意的图片后，点这里可以直接下载

立即下载

立即下载

5️⃣ 现有不足

兄弟们不知道是什么原因，二冰想打算打包项目部署到群晖上的，但是不知道什么原因 npm run build 总是出错

打包出错

打包出错

能看懂的兄弟给二冰支个招，是不是我的姿势不对，反正现在想用就只能本地运行，好在这个生成图片实在让二冰满意，所以目前这个缺点还是可以忍受

今天的分享就到这里啦，更多功能兄弟们自行摸索吧，如果你有什么 想玩的项目 或者 想要解决什么问题 都可以 留言 或者 私信 跟二冰说，二冰肯定给你优先安排