为自己的GitHub Pages添加一个图床

日 15 二月 2015

前几天的时候把GitHub Pages弄好之后就一直没怎么正式写博客,主要还是因为图床的问题,因为虽然用Markdown写博客会让人更加专注在文章的内容上,但是如果全篇都是文字的话估计没人愿意看了就,同时呢,GitHub Pages对于存储空间貌似也是有一定的限制的,所以在朋友的推荐下,试用一下七牛云存储作为图床,这里简单记录一下。

七牛注册之后会赠送一定的存储空间,大概有10个G,作为图床来说的话,应该足够了(又不是放啥高清无码大图),只不过需要注意的是,要创建空间需要先实名认证一哈子,就是简单的填写一下基本信息然后等待审核通过成为标准用户就好了。 如下图,点击新建一个空间:

img

创建一个在七牛中唯一用户名的空间,记住如果是作为图床的话一定要设置为公开空间,否则。。。我还没试过设置为私有空间,但是如果你的博客里的配图需要别人输入密码才能访问的话,是不是有点儿太。。。 总之,创建完成之后,如下:

img

看,这里,就是我们的图片的外链地址:

img

但是等下。。。好像哪里不对?

img

为啥这图片显示成这样儿了啊,这么大的图是要哪样儿?啊,当然这里说的大是显示出来的尺寸大,而不是体积大。无需担心,七牛云存储还是很强大的,我们来看一下数据处理功能。点击数据处理,选择新建一个图片样式,然后根据你自己的实际情况进行样式添加,比如我这里只是希望可以缩放图片,让它们不要显示的那么大,如下图:

img

而且,七牛还很贴心的提供了水印功能:

img

OK,样式添加完了,但是我们怎么使用呢?我们可以在数据处理选项栏中看到这样儿一行操作提醒:

img,举个例子,我们的图片外链地址,是这个“http://7vzo2i.com1.z0.glb.clouddn.com/fda341dfa.jpg”,然后呢,我们在七牛中所使用的样式分隔符是“-”,我们在数据处理中新添加的样式是“img.normal”,那么我们在使用的时候,只需要在Markdown文档中的的img标签中填写图片URL地址时填入如下内容“http://7vzo2i.com1.z0.glb.clouddn.com/fda341dfa.jpg-img.normal”,即可。

那么,七牛云存储还提供了一些其他的功能,诸如404页面啊、防盗链功能啊之类的,只不过目前防盗链功能需要充值,这个等后续充费后我再体验一下吧,至少,暂时性的图床问题已经解决了,这下就可以更加欢快的用Markdown方式写博客了。

Category: Markdown写作

Comments