Awesome
<img width="600" src="pic01.png">Inspired by xtyxtyx/sorry and vuejs/vuepress
- VuePress
- Element-UI 1.x
- Koa 2.x
- FFmpeg
- PM2
- Docker
- Redis
- Security
Setup and develop (MacOS)
brew install ffmpeg --with-libass
# SorryPress >
npm run all:install
npm run dev
# 访问 http://localhost:8080/
Deploy
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
Notes
- ffmpeg注意,如果直接覆盖原文件,会导致time缩短,文件破坏,应借助tmp
- VuePress支持async/await进行中 vuejs/vuepress#124
- 只使用了Element-UI 1.x,因为2.x在VuePress中报错,还没解决 vuejs/vuepress#80
/* 定制SorryPress的logo */
.hero-2 {
position: absolute;
transform: rotateX(-21deg) rotateY(-20deg) rotateZ(-17deg);
}
# 紧急将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
# 给gif加入字幕
ffmpeg -i wangjingze.gif \
-vf "ass=wangjingze.ass" \
-y out.gif