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

发表于 分类于 阅读次数： Waline： 本文字数： 1.5k 阅读时长 ≈ 1 分钟

显示如下


使用第三方IP签名图

此处感谢在线工具网站

别忘了站长的警告： ⚠️请勿将本页面作为api使用，当请求量过高时，系统会限制访问！
如图所示，该IP签名图可以使用四种代码进行引用，这里我们使用html代码。

在本地文件找到侧边栏设计代码

路径是
blog\themes\next\layout\_macro\sidebar.swig

接下来你可以使用我的html代码直接插入到下面的位置

我的代码

1
2
3
4
5
6
<div class="where is your ip">
  <h3>访客信息</h3>
  <a href="https://tool.lu/ip/">
  <img src="https://tool.lu/netcard/">
  </a>
</div>

插入的位置大概是这里

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
 <!--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/">
    </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 %}

如果你有html基础