🕒 阅读时间：1 分钟 📝 字数：225 👀 阅读量： Loading...
显示如下
使用第三方IP签名图
此处感谢在线工具网站
[](https://tool.lu/)
别忘了站长的警告： ⚠️请勿将本页面作为api使用，当请求量过高时，系统会限制访问！ 如图所示，该IP签名图可以使用四种代码进行引用，这里我们使用html代码。
在本地文件找到侧边栏设计代码
路径是
blog\themes\next\layout\_macro\sidebar.swig
接下来你可以使用我的html代码直接插入到下面的位置
我的代码
<div class="where is your ip">
<h3>访客信息</h3>
<a href="https://tool.lu/ip/">
<img src="https://tool.lu/netcard/" alt="1213" />
</a>
</div>
插入的位置大概是这里
<!--noindex-->
<div class="post-toc-wrap sidebar-panel">
{%- if display_toc %}
<div class="post-toc motion-element">{{ toc }}</div>
{%- endif %}
</div>
<!--/noindex-->
<div class="site-overview-wrap sidebar-panel">
{{ partial('_partials/sidebar/site-overview.swig', {}, {cache: theme.cache.enable}) }}
{{- next_inject('sidebar') }}
</div>
<--插入的位置-->
<div class="where is your ip">
<h3>访客信息</h3>
<a href="https://tool.lu/ip/">
<img src="https://tool.lu/netcard/" alt="1ggd">
</a>
</div>
<--插入的位置-->
{%- if theme.back2top.enable and theme.back2top.sidebar %}
<div class="back-to-top motion-element">
<i class="fa fa-arrow-up"></i>
<span>0%</span>
</div>
{%- endif %}
</div>
</aside>
<div id="sidebar-dimmer"></div>
{% endmacro %}