码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-08-05 10:31:10      阅读:503      评论:0      收藏:0      [点我收藏+]

标签:图片外链   网站建设   博客   

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

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

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

技术分享


技术分享


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

技术分享


技术分享


技术分享


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

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

技术分享


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

技术分享



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

技术分享


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

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



版权声明:本文为博主原创文章,未经博主允许不得转载。

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

标签:图片外链   网站建设   博客   

原文地址:http://blog.csdn.net/chenyufeng1991/article/details/47291845

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!