在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