您的位置:首页 > 运维架构 > 网站架构

使用七牛云存储在网站中进行图片外链

2015-08-05 10:11 507 查看
       在CSDN中写博客,如果想在文章中插入一张图片,其实是非常简单的,只要从你本机进行图片选择,然后选择上传,图片就会上传到CSDN的服务器,到时候在文章显示的时候就会读取该图片。但是如果是在自己的搭建的网站中要进行图片的显示就会遇到问题,因为图片无法从你本机读取,除非你的本机是一台服务器。所以我们要选择一个专门存储图片的服务商,同时存储的图片还能进行外链,即获得图片的URL地址,到时候就可以通过该URL访问并显示这张图片。

      我推荐使用的图片存储商是七牛云存储,这是一个免费的存储空间,貌似百度云盘不能进行图片外链。要实现的是在自己搭建的基于Hexo主题的博客中显示一张图片。

(1)进入七牛云存储官网,然后登陆注册。新建一个空间。







(2)然后在内容管理中上传一张图片,点击该图片,即可获得该图片的外链地址。然后复制即可。










(3)然后在新建的博客中进行访问,由于博客使用markdown语法进行编辑的,所以要使用以下语法访问这张图片的URL地址。在mac下我一般使用Mou这个软件来进行Markdown文章的编辑。在左侧进行markown语法编辑的时候,右侧可以获得文章的实时显示效果。

访问图片的markdown语法为:![image](图片URL地址)。




使用Mou编辑的效果图如下:




(4)然后进行网站的生成,部署。去浏览器里面查看效果。发现图片能够成功的显示。达到预期的效果。




     据说不仅图片可以外链,其他多媒体资源如音乐,视频等也可以外链,我还没有尝试过,大家可以试试,一起分享。

     我的个人博客主页是http://www.chenyufengweb.com     .欢迎大家访问,目前还在不断完善中,希望大家给与建议。

github主页:https://github.com/chenyufeng1991  。欢迎大家访问!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: