JavaScript
Need help with Meme-generator?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.
WincerChan

Description

🦹🏻‍♂️ 纯 JavaScript 编写的表情包生成器

131 Stars 23 Forks GNU General Public License v3.0 110 Commits 2 Opened issues

Services available

Need anything else?

Meme generator

CircleCI License: GPL v3 GitHub code size in bytes

一个使用纯 JavaScript 编写的表情包生成器。

部分模板来自 sorry,CSS 框架采用了 bulma。

你可以自己构建,也可以直接使用我提供的服务,关于原理可以参见我这篇博文,以下是构建步骤。

使用

请先确认 Node.js 和 Yarn 已安装。

下载

clone 本仓库:

git clone [email protected]:WincerChan/Meme-generator.git

安装依赖

进入 Meme-generator 目录:

yarn install
yarn global add gatsby

运行

可选择开发环境或生产环境:

# 开发环境
gatsby develop

生产环境

gatsby build

其中开发环境用于本地调试、测试,生产环境会将源码打包生成在 build 目录。

模板

静态图可以通过点击图片来自定上传。

目前动图有 6 个模板,分别是:王境泽、我说的、为所欲为、谁赞成谁反对、星际还是魔兽、打工是不可能打工的。

关于添加模板见 Wiki 的模板部分。

部署

选择生产环境构建完毕后,生成的静态文件可借助 Nginx、Apache、Caddy 服务器等托管。

远程同步

可使用 rsync 命令与远程服务器同步:

# 需要先执行 yarn build 
rsync -az -vv --delete -e 'ssh -p 22' public/* DomainName:/Path

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.