如何在文章中插入"静态"本地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