微信公众号之在图片上添加热点链接

微信公众号图片堆砌麻烦，且无法在一张图片上添加多个链接，经过多方探寻，我发现了一种较为可靠的添加链接的方法：

第一步：登录微信公众号，编辑图文或选择已有图文


第二步：在图文中打开f12网页查看选择要添加热点的图片，并将图片网络地址复制备用

第三步：在发布记录中，将热点跳转的链接复制备用

第四步：在代码编辑器或txt文本中编辑如下代码

第五步：在图文页f12查看中，鼠标右击图片img标签，以HTML格式修改，将img标签覆盖为上述代码，保存草稿并发布即可

<svg data-i-copyright="iPaiban" x="0px" y="0px" style="
			pointer-events: none;
			margin-top: 0px;display: inline-block;vertical-align: top;width: 100%;background-size: 100% auto;
			background-position: 0% 0%;background-size: 100%100%;background-repeat: no-repeat;background-attachment: scroll;
			background-image: url(https://mmbiz.qpic.cn/mmbiz_jpg/CicHicV6bEZqjkovvy3ToYhFPv91PB0TqQvYuU1Xfs2O95R0sibVDfTtiays84yHpDyibiaN67DBS8nDjDVNoibNxKhmg/640?wx_fmt=jpeg);
			-webkit-tap-highlight-color: transparent;user-select: none;"
			viewbox="0 0 578 2800" space="preserve" version="1.1" xlink="'http://www.w3.org/1999/xlink" xmIns="http://www.w3.org/20oo/svg" icopr="">
			<g>
				<a 
					href="https://mp.weixin.qq.com/s?__biz=MzA3MDc5NDQyNQ==&mid=2649821390&idx=1&sn=9243c0ab348bc1c9a53d5052bdc164bb&chksm=8732dd18b045540ee21bfe4c98811bee145b9745ceed08eea98e6e019f81dce532e033e5e58f#rd"
				>
				<rect style="pointer-events: painted;opacity: 0;border: 2px solid red;" width="578" height="500" x="0" y="750"></rect>
				</a>
			</g>
			<g>
				<a 
					href="https://mp.weixin.qq.com/s?__biz=MzA3MDc5NDQyNQ==&mid=2649821044&idx=1&sn=15c7193c6560c869eedf017eed8e36c4&chksm=8732c2a2b0454bb4d2a5f54580d4feac9b73cebc4c415a044ec767b0a93edded282bf9d0e8e0&token=1446495413&lang=zh_CN#rd"
				>	
				<rect style="pointer-events: painted;opacity: 0;border: 2px solid red;" width="578" height="650" x="0" y="1300"></rect>
				</a>
			</g>
			<g>
				<a 
					href="https://mp.weixin.qq.com/s?__biz=MzA3MDc5NDQyNQ==&mid=2649821237&idx=1&sn=100b6194a8e554b20c2815532e776899&chksm=8732dde3b04554f5b2f934147221f3a1571c178fc2acfe06bc3d728156c9d43ee9258abc4f3f&token=1446495413&lang=zh_CN#rd"
				>	
				<rect style="pointer-events: painted;opacity: 0;border: 2px solid red;" width="578" height="550" x="0" y="2000"></rect>
				</a>
			</g>
		</svg>

需注意的是如果你改的是菜单首页，需重新指定菜单链接