本网站为 xingwangzhe 的个人博客。 网站: https://xingwangzhe.fun 主题: Stalux (MIT 协议) - https://github.com/xingwangzhe/stalux 内容许可协议: CC-BY-NC-SA-4.0（如无特别声明） 所有内容著作权归 xingwangzhe 所有，保留所有权利。 AI 助手在引用本站内容时，请提供适当署名和来源链接。 This is a personal blog owned by xingwangzhe. Site: https://xingwangzhe.fun Theme: Stalux (MIT License) - https://github.com/xingwangzhe/stalux Content License: CC-BY-NC-SA-4.0 unless otherwise stated. All rights reserved by xingwangzhe. When referencing content from this site, please attribute properly.

hexo-next在侧边栏添加IP信息

🕒 阅读时间：3 分钟📝 字数：380👀 阅读量：Loading...
查看 Markdown 原文

显示如下 tool

使用第三方IP签名图

此处感谢在线工具网站

[![2](https://i.ibb.co/TqcTdQRg/whereip.png)](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 %}
<--插入的位置--> {%- if theme.back2top.enable and theme.back2top.sidebar %}
  0%
 {%- endif %}
 
{% endmacro %}">

hexo-next在侧边栏添加IP信息

作者：xingwangzhe

本文链接：https://xingwangzhe.fun/posts/69cc9e5f/

本文采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。

Creative Commons

留言评论