使用Vue编写的,iOS相册风格的,纯静态响应式布局的在线相册。
在线Demo (密码为secret
)
- 纯静态网页,运行时不需要任何后端程序和数据库,可存放在github.io。
- 支持多个相册,访问时支持密码保护
首先,编译Web项目
- 安装依赖:
npm install
- 构建项目:
npm run build
,生成的代码在dist目录下。复制所有dist目录下的文件到nginx的web root根目录。
然后生成图片缓存以及相关json文件
-
安装依赖:
pip3 install numpy pillow
-
在scripts目录下,新建一个albums目录,这个目录用来存放相册。
-
在albums目录下新建目录,每一个目录都是一个相册,建议使用英语名,例如:
cutecy
。 新建一个和之前的目录名同名的.txt文件可以自定义一个好看的名称, 例如新建cutecy.txt
,并在该文件中保存文本作为显示在界面中的相册名(例如:超越妹妹可可爱爱
)。在每个相册的目录都可以放入任意的图片。 -
如果需要密码访问该相册,在scripts目录下新建一个
password.txt
,并将密码保存到该文本文件中。 -
运行 generate-jsons.py。
-
在nginx的web root根目录下新建一个api目录,并将albums、album-caches以及生成的所有json文件放入该目录。
注意:之后每一次更新完照片以后,都需要重新执行上述4-5步骤。
by Miyuki, 2020.1, Licensed under MIT license