秀米编辑器如何排版svg推文，以展开为模板讲解

前期准备

1、打开秀米官网，点击右上角登录（建议微信登录）
https://xiumi.us/#/
2、如果想在秀米排版的能同步到公众号，请授权一下公众号，具体参考以下两篇文章
http://www.coozhi.com/youxishuma/hulianwang/80847.html
https://jingyan.baidu.com/article/cb5d6105de98b4005d2fe05d.html

接下来进行排版公众号

1、进入首页，选择新建一个图文

2、找到svg，点击

3、在svg图中找到你想要的切换动效，如我想点击展开，点击后下面就会出现点击查看更多的很多模板

4、点击一个模板，右边就会自动生成，如下

5、如果你不清楚这个效果是怎么样的，可以预览一下，点击推文上面的第二个按钮

6、点击预览后就会弹出一个有二维码的窗口，扫码就可以查看效果了

修改动效

1、修改图片以及部分动效，先把预览的关闭哈，修改图片先把图片上传到秀米这里

2、上传完之后左边就会有你上传的所有图片

3、换图操作：这里想把模板好奇按钮的图换成第1张图，把模板展开的换成第2张图，先点一下右边好奇按钮的图，然后点一下左边你自己上传的图就实现了换图

4、换展开后的图也是一样的操作，页面往下移就会看到展开后的图，点击右边模板的图再点击左边上传的图就可以替换啦，如果没找到展开的图的话点一下刚刚替换第一步替换的图哪里就会出来了

5、换图：跟换第一张图一样的操作，点击下面的图，再点击左边自己上传的图就可以替换了

接下来点击预览看看效果，好像图片一开始没展示完全，然后还有原本模板的图在，接下来要进行修改

1、先打开布局，找到有动画这个浮窗，操作如下：

2、点击动画按钮进行查看参数，动效有文字以及图片两部分

默认的模板有这么一张照片，并且有这么多动画在，如果我们只需要展开步需要其他的就把上面两个动效删掉，只保留最后一个展开的效果，删除完两个之后再预览一下看看，展开效果有了，但是好像发现第一张图我上传的图与模板的比例不一样，展示不全，这就要修改图片比例的参数，按照上面的操作点开动画，找到宽高比，这里的比例直接换成你图片的宽高px就可以了，再预览一下看看

展示完毕！

排版之后怎么同步到公众号呢，如果已经授权了的话

点击这里直接同步到公众号去

如果发现图片与图片之间有缝隙，点击图片上的浮窗上的定位，默认的间距是10个像素，把前后间距改为0 即可