This project was bootstrapped with Create React App.
Below you will find some information on how to perform common tasks.
You can find the most recent version of this guide here.
本项目为表情包生成器,部分模板来自 sorry,CSS 框架采用了 bulma。
你可以自己构建,也可以直接使用我提供的服务,关于原理可以参见我这篇博文,以下是构建步骤。
clone 本仓库:
git clone git@github.com:WincerChan/Meme-generator.git进入 Meme-generator 目录:
yarn install可选择开发环境或生产环境:
# 开发环境
yarn start
# 生产环境
yarn build其中开发环境用于本地调试、测试,生产环境会将源码打包生成在 build 目录。
静态图可以通过点击图片来自定上传。
目前动图有 4 个模板,分别是:王境泽、为所欲为、星际还是魔兽、打工是不可能打工的。
关于添加模板见 Wiki 的模板部分。
选择生产环境构建完毕后,就只是静态文件了,可借助 Nginx、Apache、Caddy 服务器等托管。
可使用 rsync 命令与远程服务器同步:
# 需要先执行 yarn build
rsync -az -vv --delete -e 'ssh -p 22' build/* DomainName:/Path注意需要修改一下 Nginx 配置文件,否则是无法访问直接访问二级路由页面的:
server {
...
location / {
try_files $uri /index.html;
}
}