他的长相是这样子的

实现方法：

我用的比较普通的方法，就是直接增加一个单页，然后加一个钩子，方法如下：

我这边主题是xiunoo为例：首先创建一个单页，我的路劲为plugin/zaesky_theme_xiunoo/hook/index_site_brief_after2.htm

文件内容代码：

<!--标签代码开始xiu.no-->
<div class="card">
<style type="text/css">#update_version{background: #d5d9dd;}#update_version img{margin:0px 0 15px }#update_version a{width:30%;height:35px;border-radius:3 px;text-align:center;line-height:35px;font-size:9pt;color:#fff;font-weight: 700;}.blog_link{background-color:#2ba9fa}.blog_link,.cms_link{float:left;margin-right:5%}.cms_link{background-color:#ff6969}.grid_link{float:left;background-color:#70c041}
</style>
<div id="update_version">
<a href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=sdjxydjEn9-e" target="_blank" rel="noopener"><img title="XIUNO爱好者" src="https://laogewan.com/wechat.png" alt="XIUNO爱好者" style="border-radius:5px;" /></a>
<a class="blog_link" href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=sdjxydjEn9-e" target="_blank" style="background-image: linear-gradient(to right, #99CCCC, #FFCC99)" rel="noopener">发送邮件</a>
<a class="cms_link" href="#" target="_blank" style="background-image: linear-gradient(to right, #FF9999,#996699)" rel="noopener">点击投稿</a>
<a class="grid_link" href="#" target="_blank" style="background-image: linear-gradient(to right,#339933, #9933CC)" rel="noopener">侵权申诉</a>
</div>
</div>
<!--标签代码结束-->

以上步骤完成，下一步就是增加一个钩子了吧，找到如下路劲，放到你任意想放的位置就可以，

plugin/zaesky_theme_xiunoo/overwrite/view/htm/index.htm

我的放在了89行的位置，仅供参考！DEMO