Skip to content
😁 纯 JavaScript 编写的表情包生成器
JavaScript CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.circleci
src
static
.gitignore
.prettierrc
LICENSE
README.md
gatsby-browser.js
gatsby-config.js
gatsby-node.js
gatsby-ssr.js
package.json
yarn.lock

README.md

Meme generator

CircleCI License: GPL v3 GitHub code size in bytes

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

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

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

使用

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

下载

clone 本仓库:

git clone git@github.com: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
You can’t perform that action at this time.