随机文章

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

发布时间：2024-09-15 02:38:52

更新时间：2024-09-14 18:38:55

显示如下

使用第三方IP签名图

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

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

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

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

我的代码

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

插入的位置大概是这里

1
 <!--noindex-->
2
      <div class="post-toc-wrap sidebar-panel">
3
        {%- if display_toc %}
4
          <div class="post-toc motion-element">{{ toc }}</div>
5
        {%- endif %}
6
      </div>
7
      <!--/noindex-->
8

9
      <div class="site-overview-wrap sidebar-panel">
10
        {{ partial('_partials/sidebar/site-overview.swig', {}, {cache: theme.cache.enable}) }}
11

12
        {{- next_inject('sidebar') }}
13
      </div>
14
<--插入的位置-->
15
        <div class="where is your ip">
16
    <h3>访客信息</h3>
17
    <a href="https://tool.lu/ip/">
18
    <img src="https://tool.lu/netcard/" alt="1ggd">
19
    </a>
20
  </div>
21
<--插入的位置-->
22
      {%- if theme.back2top.enable and theme.back2top.sidebar %}
23
        <div class="back-to-top motion-element">
24
          <i class="fa fa-arrow-up"></i>
25
          <span>0%</span>
26
        </div>
27
      {%- endif %}
28

29
    </div>
30
  </aside>
31
  <div id="sidebar-dimmer"></div>
32
{% endmacro %}

如果你有html基础

留言评论