前几期推文发现大家都对下面这种推动整个评论区的效果非常感兴趣
![68c5d617534e517fe2411f47c9a6b180.gif](https://i-blog.csdnimg.cn/blog_migrate/bf0ec098b4472b3d9470a0bce933841a.gif)
微信公众号怎么编辑svg推文
承蒙大家不弃,这一期就出个简单的教程吧~
简单来说,就是在公众号编辑页面的代码中,嵌入一段准备好的代码(可以跟程序员小哥哥提诉求,然后他就会给你一段天书一样的代码啦)
艰难求到代码后,又该怎么搞进文章里面呢?
下面就是嵌入步骤啦~
第一步
1、谷歌浏览器具打开微信公众号后台,F12或者右键-检查进入开发者模式:
![818a66d8b26b5476ce0a82eb02d117df.gif](https://i-blog.csdnimg.cn/blog_migrate/1fb60ebb0046ec8a57051a7c89437dda.gif)
微信公众号怎么编辑svg推文
第二步
2、在点亮代码去左上角的正方形图标,以便找到你想插入代码的位置
![d74c93de8251d12eda1ff142da0513c3.gif](https://i-blog.csdnimg.cn/blog_migrate/072c5069dc173bf8b8249edb7360c19c.gif)
微信公众号怎么编辑svg推文
第三步
3、点亮之后,在左侧图文区域移动鼠标光标,右侧的代码区会相应显示出同样的位置。
第四步
4、找到放置的位置后,选中该代码行,右键—点击 edit as html
![30a07d4b41448cd356edad3b416f95c4.png](https://i-blog.csdnimg.cn/blog_migrate/1661011393bad3fd71597c47683168b2.jpeg)
微信公众号怎么编辑svg推文
第五步
5 打开-全选-复制程序员哥哥给你的svg代码,粘贴进该行代码的修改区域
![36f2c6609cc5f452a14000d7ddf92351.png](https://i-blog.csdnimg.cn/blog_migrate/488ea4aaedc4432bc5f55e0800c7c13e.jpeg)
微信公众号怎么编辑svg推文
第六步
6、复制完成后,在随意空白处点击一下预览成果,出现你想要的效果即表明代码svg嵌入成功~点击右上角的小叉叉关掉开发者模式就好啦~~