Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/xtyxtyx/sorry

在线制作`sorry 为所欲为`的gif
https://github.com/xtyxtyx/sorry

Last synced: 2 days ago
JSON representation

在线制作`sorry 为所欲为`的gif

Host: GitHub
URL: https://github.com/xtyxtyx/sorry
Owner: xtyxtyx
License: mit
Created: 2018-02-24T13:44:26.000Z (almost 7 years ago)
Default Branch: master
Last Pushed: 2023-04-11T12:44:58.000Z (over 1 year ago)
Last Synced: 2024-12-12T10:03:39.160Z (9 days ago)
Language: CSS
Homepage: https://sorry.xuty.cc/
Size: 22.6 MB
Stars: 6,458
Watchers: 154
Forks: 787
Open Issues: 19
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

Awesome-GitHub-Repo - sorry - 表情包生成器，能够生成类似于下方这样的 GIF 表情包。[<img src="https://tva1.sinaimg.cn/large/008i3skNly1gxlhtmg11mj305k05k746.jpg" alt="微信" width="18px" height="18px" />](https://mp.weixin.qq.com/s?__biz=MzUxNjg4NDEzNA==&mid=2247498844&idx=2&sn=488bf3391a9b7a260099b8d7e9e6bf7a&chksm=f9a22f95ced5a683bc20dd13603de2b6b169b72b8dca47bd100cbb45c354b46e82343797f5ad&token=1761720145&lang=zh_CN#rd) (好玩项目 / 沙雕项目)
awesome - xtyxtyx/sorry - 在线制作`sorry 为所欲为`的gif (CSS)
awesome - xtyxtyx/sorry - 在线制作`sorry 为所欲为`的gif (CSS)

README

        
![图片](https://raw.githubusercontent.com/xtyxtyx/sorry/master/media/1.gif)

[V2EX](https://www.v2ex.com/t/431802)

## 微信小程序试用

小程序在 2019 年因为「内容安全」被下线了，2023.4 刚申诉上线，大家可以扫码试用一下。

![图片](https://github.com/xtyxtyx/sorry/blob/master/media/gh_b404536005f9_258.jpg)

## 常用特效代码

出现在句子中的特效代码会对其后的字符产生影响

```

咕咕{\i1}{\fs40}咕咕咕{\r}咕

```

![示例](https://raw.githubusercontent.com/xtyxtyx/sorry/master/media/2.png)

```

\n 折行

\h 空格

{\i1} 斜体

{\i0} 取消斜体

{\b1} 粗体

{\b0} 取消粗体

{\u1} 下划线

{\u0} 取消下划线

{\fs60} 调整字号

{\fad(100,200)} 100ms淡入，200ms淡出

{\r} 重置所有特效

```

## 源代码库

```

├── Gemfile

├── Gemfile.lock

├── LICENSE

├── public                  # 静态文件目录

├── views                   # 主页目录

├── templates               # 模板目录

├── README.md

├── site_config.yml         # 站点配置文件

├── src                     # 这里就是源代码

└── temp                    # 把临时文件安放在这里

```

另有

- [python版](https://github.com/East196/sorrypy)，由@East196编写

- [java版](https://github.com/li24361/sorryJava)，由@li24361编写

- [nodejs版](https://github.com/q809198545/node-sorry)，由@q809198545编写

- [C# ASP.NET版](https://github.com/shuangrain/SorryNet)，由@shuangrain编写

- [微信小程序](https://github.com/CoXier/iemoji-wechat)，由@CoXier编写

- [微信小程序](https://github.com/trumanwong/remix-mini-program)，由@trumanwong编写

- [nodejs版(使用Drawtext filter渲染)](https://github.com/SnailDev/SnailDev.GifMaker)，由@SnailDev编写

- [网页版(使用Canvas渲染)](https://coding.net/u/hhhhhg/p/wjzGif-JavaScript/git)，由@hhhhhg编写

- [PHP版](https://github.com/PrintNow/php-sorry-gif)，由@PrintNow编写

- [Golang版](https://github.com/Hentioe/sorry-generator)，由@Hentioe编写

- [AlfredWork版](https://github.com/BlackDragonF/AlfredWorkflows)，由@BlackDragonF编写

- [nodejs版(使用koa2)](https://github.com/wadejs/sorry-template)，由@wadejs编写

- [VuePress版](https://github.com/fritx/SorryPress)，由@fritx编写

- [网页版](https://github.com/WincerChan/Meme-generator)，由@WincerChan编写

## API

制作GIF：

```

POST https://sorry.xuty.tk/api//make

{

    "0": "好啊",

    "1": "...",

    ...

}

# 返回GIF下载地址

-> 200 /cache/c2f4069ed207dc38e0f2d9359a2fa6b7.gif

# 或服务器忙

-> 503

```

目前支持的template_name有：

```

- sorry

- wangjingze

- jinkela        # 金坷垃

- marmot         # 土拨鼠

- dagong         # 窃格瓦拉

- diandongche    # 窃格瓦拉偷电动车

```

## 部署指南

### 使用Docker

```

docker build -t sorry ./app

docker run --rm -it -p 4567:4567 sorry

```

### docker-compose 一键启动

```

docker-compose up

```

### 手工部署

首先，机器上得安装好ruby :gem:

接下来：

```bash

cd ./app

# 安装bundler

gem install bundler

# [可选] 使用国内镜像

gem sources --add https://gems.ruby-china.com/ --remove https://rubygems.org/

# [可选] Linux服务器一般需要安装中文字体

apt install ttf-wqy-microhei 

# 安装编译依赖

apt install ruby-dev build-essential

# 安装ffmpeg

apt install ffmpeg

# 安装依赖

bundle install

# 运行

ruby src/sorry.rb

# 生产环境

APP_ENV=production ruby src/sorry.rb

```

#### [可选] 使用PM2监控&自动重启

```

npm install pm2 -g

pm2 start process.yml --env production

# [可选] 非root用户使用80端口

sudo apt-get install authbind

sudo touch /etc/authbind/byport/80

sudo chown %user% /etc/authbind/byport/80

sudo chmod 755 /etc/authbind/byport/80

alias pm2='authbind --deep pm2'

authbind --deep pm2 update

# [可选] 定时重启服务

crontab -e

10   22  *   *   *     pm2 start sorry       

```

### 定时清除缓存

```

crontab -e

# 在每小时的第10分钟 清除700分钟以前的gif

10  *  *   *   *     find /root/sorry/public/cache -name '*.gif' -mmin +700  -exec rm {} \;       

```

## 添加GIF模板

向网站中添加模板需要加入以下文件

```

templates//template.mp4  # 视频模板

templates//template.ass  # 字幕模板

public//example.png   # 展示图片

views/.erb    # 模板主页

```

其中`index.erb` 参考其他模板主页，增减``的数量即可

然后发个Pull request

如果你不熟悉aegisub的使用，也可以只提供视频模板。如果你是github用户，可以发个issue， 也可以[发送邮件](mailto:[email protected])

## 制作字幕模板template.ass

首先使用aegisub为模板视频创建字幕，保存为template.ass（aegisub教程可以看这个 https://tieba.baidu.com/p/1360405931 ）

![图片](https://raw.githubusercontent.com/xtyxtyx/sorry/master/media/3.png)

然后把文本替换成模板字符串 <%= sentences[n] %>

![图片](https://raw.githubusercontent.com/xtyxtyx/sorry/master/media/4.png)

## TODO

- [ ] 重新设计主页

- [ ] 重新设计404页面

- [ ] 把gif的渲染弄成队列，提高响应速度

- [x] 定时删除缓存，不然有多少硬盘空间也不够用

- [ ] 写个脚本，自动配置新的gif

- [ ] 写测试

## 服务器

- [Cloudcone](https://app.cloudcone.com/?ref=940) sorry.xuty.tk部署在Cloudcone上

- [Vultr 最低2.5$/月](https://www.vultr.com/?ref=7019614)

- [DigitalOcean 注册送10美金](https://m.do.co/c/67a58d6cf3da)