Skip to content

fengtalk/PicBucket

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

PicBucket

基于七牛和SAE开发的图床

示例网站:PicBucket


概述

该小项目起源于本人写博客有时发现之前的图片链接会失效,或者不同网站发布图片链接不能共用,鉴于目前七牛和SAE的免费额度足够个人图床使用,所以决定搭建一个自己的图床。

  • 基于flask框架,部署于SAE,七牛JS-SDK(包含Plupload插件)用于上传并保存图片文件,KVDB数据库
  • 简化七牛JS-SDK(上传,预览,加载)到一个页面,采用瀑布流式布局(Blockits)
  • 响应式布局,可兼容PC端和移动端(chrome)

样式


功能简介

  • 七牛JS-SDK基本功能:上传,预览,水印,旋转,缩放等(部分已被隐藏)
  • 按上传时间倒序,瀑布流布局,自动加载更多
  • 长图底部波浪线,隐藏超出部分
  • 封装sae的KVDB方便调用

安装和运行

  • 安装flask相关环境
  • 创建SAE的Python应用并上传代码,启用KVDB
  • 创建七牛空间获取access-key,secret-key和domain-url
  • 修改config.py文件中的配置信息(access-key,secret-key,domain-url,bucket-name)

修改历史

  • 2015-06-09:调整移动端和PC端样式(主要改动上传和预览,采用响应式布局)
  • 2105-07-06:重写上传文件UI,添加删除文件,附加标题、描述,修复图片重叠问题,修改PC端和移动端显示,修复移动端部分浏览器无法选择图片问题

说明

  1. flask相关可直接看flask快速上手
  2. 七牛上传仔细查阅七牛Python官方文档
  3. 瀑布流插件Blockits详情

About

图床——基于Flask、七牛JS-SDK和SAE的KVDB数据库

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 89.0%
  • HTML 4.5%
  • CSS 4.3%
  • Python 2.2%