Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/we-social/SorryPress
Sorry动图 VuePress版
https://github.com/we-social/SorryPress
sorry vuejs vuepress
Last synced: about 2 months ago
JSON representation
Sorry动图 VuePress版
- Host: GitHub
- URL: https://github.com/we-social/SorryPress
- Owner: we-social
- Created: 2018-04-24T01:22:58.000Z (over 6 years ago)
- Default Branch: develop
- Last Pushed: 2018-05-03T13:01:54.000Z (over 6 years ago)
- Last Synced: 2024-05-19T14:05:13.735Z (4 months ago)
- Topics: sorry, vuejs, vuepress
- Language: JavaScript
- Homepage: https://fritx.me/sorry
- Size: 12.3 MB
- Stars: 25
- Watchers: 6
- Forks: 3
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome - we-social/SorryPress - Sorry动图 VuePress版 (JavaScript)
README
*Inspired by [xtyxtyx/sorry](https://github.com/xtyxtyx/sorry) and [vuejs/vuepress](https://github.com/vuejs/vuepress)*
- [x] VuePress
- [x] Element-UI 1.x
- [x] Koa 2.x
- [x] FFmpeg
- [x] PM2
- [x] Docker
- [ ] Redis
- [ ] Security
### Setup and develop (MacOS)
``` sh
brew install ffmpeg --with-libass
# SorryPress >
npm run all:install
npm run dev
# 访问 http://localhost:8080/
```
### Deploy
``` sh
npm i -g pm2 npm-run-all
# SorryPress >
npm start
# 访问 http://localhost:7890/
# 也可以指定一些url配置
PORT=9999 npm start
SITE_ROOT=/sorry/ npm start
SERVER_ROOT=http://abc.com/ npm start
```
### Docker
``` sh
docker build -t sorrypress .
docker run -p 7890:7890 -d sorrypress
```
### Notes
- ffmpeg注意，如果直接覆盖原文件，会导致time缩短，文件破坏，应借助tmp
- VuePress支持async/await进行中 [vuejs/vuepress#124](https://github.com/vuejs/vuepress/issues/124)
- 只使用了Element-UI 1.x，因为2.x在VuePress中报错，还没解决 [vuejs/vuepress#80](https://github.com/vuejs/vuepress/pull/80)
``` css
/* 定制SorryPress的logo */
.hero-2 {
position: absolute;
transform: rotateX(-21deg) rotateY(-20deg) rotateZ(-17deg);
}
```
``` sh
# 紧急将gif模板及ugc改为低于1M 利于在微信传播 注意借tmp
function ffmpeg_rate() {
ffmpeg -i "$1.gif" -r $2 "$1.tmp.gif";
mv "$1.tmp.gif" "$1.gif"
}
ffmpeg_rate wunian 10
```
``` sh
# 给gif加入字幕
ffmpeg -i wangjingze.gif \
-vf "ass=wangjingze.ass" \
-y out.gif
```