如何在文章中插入"静态"本地SVG图片

jekyll.jpg
方法一

在RWD中复制星星SVG图片的代码,将其直接插入文章即可

<?xml version="1.0" encoding="UTF-8" standalone="no"?>  <svg 
width="198px" height="188px" viewBox="0 0 198 188" version="1.1" 
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www. 
w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ 
ns">     <!-- Generator: Sketch 3.2.2 (9983) - http://www.bohemiancoding. 
com/sketch -->     <title>Star 1</title>     <desc>Created with Sketch.</desc>     
<defs></defs>     <g id="Page-1" stroke="none" stroke-width="1" fill="none" 
fillrule=" evenodd" sketch:type="MSPage"> <polygon id="Star-1" 
stroke="#979797" stroke-width="3" fill="#F8E81C" 
sketch:type="MSShapeGroup" points="99 154 40.2214748 184.901699 
51.4471742 119.45085 3.89434837 73.0983006 69.6107374 63.5491503 99 4 
128.389263 63.5491503 194.105652 73.0983006 146.552826 119.45085 
157.778525 184.901699 "></polygon>     </g> </svg>
方法二

将svg图片用网页形式打开,移入新建的_images文件夹中,再用liquid语法添加就好了

注意三点:

  • 图片用MD格式表示
  • liquid语法:使用站点url与基地目录(site.url与site.baseurl)
  • 新建images文件夹,将图片放在此

将svg图片放入master的_images文件夹中,用md格式插入svg,但是要注意url一块有liquid语法,不能漏掉

第一步_放入_image文件夹中.jpg
第二步_图片用MD插入,注意liquid语法.jpg
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 用到的组件 1、通过CocoaPods安装 2、第三方类库安装 3、第三方服务 友盟社会化分享组件 友盟用户反馈 ...
    SunnyLeong阅读 14,709评论 1 180
  • 一 他穿着白色平巾帻服,怀抱长剑迎风傲立。剑气浩然悠扬,酒壶斜挂在腰间。剑再入鞘,人已不见踪影。 “是……带线李白...
    井离阅读 487评论 2 4
  • 录制一份具有各自特色的拜年音频或视频。先祝大家除夕快乐,新年大发! 终于到了除夕,对于我们中国人而言,最为重要的时...
    武哥a阅读 282评论 0 0
  • “她是谁?”略显瘦弱的青衣男子询问前头领路的宦官,目光瞥向路过的女子。 那女子眉宇之间透着一股英...
    万诗情阅读 347评论 0 0
  • 陪安东尼度过漫长岁月。 用一个下午的时间,安静下来,慢慢看完一部电影。这种久违的感觉真心不错。 陪伴是最长情的告白...
    轻风为裳阅读 362评论 0 0