通过阿里云搭建图床工具

背景

最近由MAC换成了Windows系统了,在写博客的时候发现没有类似于Mac上的iPic这样好用的图床工具,本着自己动手丰衣足食的原则,准备自己实现一个,具体过程是在cmd中可以上传指定图片,然后生成md格式的图片路径,并复制到剪切板,在使用的时候可以直接粘贴即可

用到的技术

本次所用到的技术如下:
- Python3.6
- 阿里云OSS
- 阿里云ECS
- nginx

OSS

首先图床应用需要选择图片存储的位置,恰好在双十一的时候,阿里云赠送了40G的OSS资源包,于是就选择了阿里云的OSS

创建Bucket

阿里云的OSS在使用的时候首先需要创建Bucket,可以简单的理解为40G是我们硬盘的总大小,而Bucket是磁盘分区,Bucket创建的时候,需要配置访问权限

这里需要注意的是区域需要选择和你的ECS服务器是同一个区域的,因为这样内网访问才不会走流量,否则按照文档上的说法,是只能走公网访问,而读写权限这里,我选择的是公共读,我的理解是可以访问图片,而不能上传图片

Python代码

接下来是Python的代码部分,需求是上传图片,然后将符合MD格式的图片文本写入剪切板中,首先是代码

import oss2import uuidimport pyperclip #用来操作粘贴板# 获取远程文件名def get_remote_file_name(local_name):    name = uuid.uuid4().__str__().replace("-", "").upper()    local_name = str(local_name).rsplit(".")    return "pics/%s.%s" % (name, local_name[-1])BUCKET_NAME = "cfy-pic"PRE = "http://**.**.**.**:88/img/"ENDPOINT = "http://oss-cn-beijing.aliyuncs.com"ACCESS_KEY_ID = "******"ACCESS_KEY_SECRET = "*************"PIC_STYLE = "?x-oss-process=style/CfyInfo"src_file = sys.argv[1]  # 获取文件路径auth = oss2.Auth(ACCESS_KEY_ID, ACCESS_KEY_SECRET)bucket = oss2.Bucket(auth, ENDPOINT, BUCKET_NAME)remote_file_name = get_remote_file_name(src_file)bucket.put_object_from_file(remote_file_name, src_file)  # 上传文件result_str = "![](%s%s%s)" % (PRE, remote_file_name,PIC_STYLE)pyperclip.copy(result_str)  # 将结果复制到粘贴板方便直接使用print(result_str)

首先解释一下用到的三个库

oss2

这是阿里云的pythonsdk,可以通过pip进行安装

pip install oss2

在这里说明一下我遇到的坑,由于是刚换的Windows,默认的pip路径是在User/用户名下的,而我的用户名设置的是中文的,Python3已经默认是utf8编码了,但是windows系统的默认编码是gbk,所以导致pip几乎不可用的状态,虽然可以改编码格式,但是后来我在生成exe文件的时候又遇到坑了,在将用户名修改为英文的之后就好了

pyperclip

这是一个读写剪切板的库,使用起来非常简单,但是只能读写文本类型

pip install pyperclip

它的核心方法就两个,一个是paste粘贴,一个copy将文本内容复制剪切板,示例代码

import pyperclippyperclip.copy("Hello World")  # 这个时候你可以使用ctrl+v测试一下s = pyperclip.paste()print(s)

uuid

这里选择uuid作为文件名,因为上传到oss上是基于文件名的,为了防止重名,所以上传的图片,都使用uuid进行命名

代码

pre是我的ECS服务器的IP地址,nginx监听的是88端口,这后面再说,ENDPOINT和ACCESS_KEY_ID以及ACCESS_KEY_SECRET均可以在阿里云的网站上找到

而最后的参数是图片的水印

整体的思路就是通过 oss的sdk进行上传,在上传时通过uuid生成一个云端的文件名,并最后与ECS的地址进行拼接,最后生成符合MD的格式,写入到剪切板中

生成EXE

目前的代码已经能够使用了,但是使用的时候是Python脚本,需要在终端进入脚本存放的文件夹,很不方便,所以想要生成一个exe文件,并加入到环境变量中,这样使用起来就会方便很多,关于把python脚本打包成exe文件,使用了Pyinstaller
首先是通过Pip进行安装

pip install pyinstaller

然后在终端中进入脚本所在的文件夹,执行命令

pyinstaller --onefile upload.py

这样就会将upload.py打包成exe文件,生成的exe文件目录在dist文件夹中,接着把这个exe文件复制一份到d:\scripts路径中,并把这个scripts加入到环境变量中,效果是在任何位置,终端中输入upload 都可以使用这个命令例如

ps:我的终端使用的cmder,比window自带的cmd或者powerShell的好处是命令与linux是一样的,例如显示当前文件的文件命令是ls,而不是windows下的dir,并且自带ssh

nginx

最开始完成的时候,并没有想到要使用nginx进行代理,而是直接使用了oss提供的公网域名,但是用了1天阿里云给我来了短信,告诉我欠费了,后来才知道,资源包只能是文件存储,而不包括公网流量,阿里云的客服告诉我,上传时不需要付费的,但是公网访问是需要按流量付费,但是如果是阿里云的服务器使用内网访问则不需要付费,恰好我有一个测试用的小服务器,于是配置了一下nginx来进行代理

nginx的安装

安装编译工具及库文件

yum -y install mak zlib zlib-devel gcc-c++ libtool  openssl openssl-devel

安装PCRE

PCRE作用是让Nginx支持Rewrite功能

• 下载PCRE安装包

  wget http://downloads.sourceforge.net/project/pcre/pcre/8.35/pcre-8.35.tar.gz

• 解压安装包

  tar zxvf pcre-8.35.tar.gz

• 进入安装目录

  cd pcre-8.35

• 编译安装

  ./configuremake && make install

安装Nginx

• 下载Nginx

  wget http://nginx.org/download/nginx-1.6.2.tar.gz

• 解压安装包

  tar zxvf nginx-1.6.2.tar.gz

• 进入安装包目录

  cd nginx-1.6.2

• 编译安装

  ./configure --prefix=/usr/local/webserver/nginx --with-http_stub_status_module --with-http_ssl_module --with-pcre=pcre的安装路径/pcre-8.35makemake install

至此Nginx就安装完了

Nginx的配置

首先创建Nginx运行使用的用户www

/usr/sbin/groupadd www/usr/sbin/useradd -g www www

然后是配置nginx,找到你的nginx的配置文件 nginx.conf

user www www;worker_processes 2; #设置值和CPU核心数一致error_log /usr/local/webserver/nginx/logs/nginx_error.log crit; #日志位置和日志级别pid /usr/local/webserver/nginx/nginx.pid;#Specifies the value for maximum file descriptors that can be opened by this process.worker_rlimit_nofile 65535;events{  use epoll;  worker_connections 65535;}http{  include mime.types;  default_type application/octet-stream;  log_format main  '$remote_addr - $remote_user [$time_local] "$request" '               '$status $body_bytes_sent "$http_referer" '               '"$http_user_agent" $http_x_forwarded_for';#charset gb2312;  server_names_hash_bucket_size 128;  client_header_buffer_size 32k;  large_client_header_buffers 4 32k;  client_max_body_size 8m;  sendfile on;  tcp_nopush on;  keepalive_timeout 60;  tcp_nodelay on;  fastcgi_connect_timeout 300;  fastcgi_send_timeout 300;  fastcgi_read_timeout 300;  fastcgi_buffer_size 64k;  fastcgi_buffers 4 64k;  fastcgi_busy_buffers_size 128k;  fastcgi_temp_file_write_size 128k;  gzip on;   gzip_min_length 1k;  gzip_buffers 4 16k;  gzip_http_version 1.0;  gzip_comp_level 2;  gzip_types text/plain application/x-javascript text/css application/xml;  gzip_vary on;  #limit_zone crawler $binary_remote_addr 10m; #下面是server虚拟主机的配置  server {          listen 88;           location /img/ {              proxy_pass http://***.**-cn-**-internal.aliyuncs.com/;          }          error_page 500 502 503 504 /50x.html;          location = /50x.html {              root html;          }    } }

重点是server中表示了监听88端口,然后当路径是/img/的就会匹配,并通过proxy_pass来转发到oss的内网地址,这样就实现了nginx的代理
至此,全部的功能就实现了

常用的Nginx命令

/usr/local/webserver/nginx/sbin/nginx                      # 启动Nginx/usr/local/webserver/nginx/sbin/nginx -t                   # 检查配置文件nginx.conf的正确性/usr/local/webserver/nginx/sbin/nginx -s reload            # 重新载入配置文件/usr/local/webserver/nginx/sbin/nginx -s reopen            # 重启 Nginx/usr/local/webserver/nginx/sbin/nginx -s stop              # 停止 Nginx