Skip to content

Y
yanglr2010

大白技术控 / yanglr2010

通知 1
Star 1
Fork 0
Y
yanglr2010

前往新版Gitcode，体验更适合开发者的 AI 搜索 >>

切换分支/标签
查找文件 普通视图历史永久链接Permalink
assist.html 25.9 KB
Newer Older
EvanOne(文一)'s avatar
Update docs  
EvanOne(文一) 已提交
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 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 
<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>辅助功能 | hexo-theme-stun</title>
    <meta name="generator" content="VuePress 1.5.2">
    <link rel="icon" href="/hexo-theme-stun/icons/favicon-32x32.png">
    <meta name="description" content="一个漂亮、简洁的 Hexo 主题">
    <link rel="preload" href="/hexo-theme-stun/assets/css/0.styles.bed02c6c.css" as="style"><link rel="preload" href="/hexo-theme-stun/assets/js/app.b850f147.js" as="script"><link rel="preload" href="/hexo-theme-stun/assets/js/2.883641a6.js" as="script"><link rel="preload" href="/hexo-theme-stun/assets/js/15.88a42515.js" as="script"><link rel="preload" href="/hexo-theme-stun/assets/js/3.67dc95e3.js" as="script"><link rel="prefetch" href="/hexo-theme-stun/assets/js/10.b83ac2ab.js"><link rel="prefetch" href="/hexo-theme-stun/assets/js/11.5d746985.js"><link rel="prefetch" href="/hexo-theme-stun/assets/js/12.7359c5ec.js"><link rel="prefetch" href="/hexo-theme-stun/assets/js/13.e62248d6.js"><link rel="prefetch" href="/hexo-theme-stun/assets/js/14.68c5f93f.js"><link rel="prefetch" href="/hexo-theme-stun/assets/js/16.aefc9e47.js"><link rel="prefetch" href="/hexo-theme-stun/assets/js/17.e1988749.js"><link rel="prefetch" href="/hexo-theme-stun/assets/js/18.5cde9d58.js"><link rel="prefetch" href="/hexo-theme-stun/assets/js/19.a9abcb29.js"><link rel="prefetch" href="/hexo-theme-stun/assets/js/20.ecbadd78.js"><link rel="prefetch" href="/hexo-theme-stun/assets/js/4.d9ad600e.js"><link rel="prefetch" href="/hexo-theme-stun/assets/js/5.685d6db4.js"><link rel="prefetch" href="/hexo-theme-stun/assets/js/6.9f577310.js"><link rel="prefetch" href="/hexo-theme-stun/assets/js/7.47a12772.js"><link rel="prefetch" href="/hexo-theme-stun/assets/js/8.aec2064e.js"><link rel="prefetch" href="/hexo-theme-stun/assets/js/9.b0c5ecc0.js">
    <link rel="stylesheet" href="/hexo-theme-stun/assets/css/0.styles.bed02c6c.css">
  </head>
  <body>
    <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/hexo-theme-stun/zh-CN/" class="home-link router-link-active"><img src="/hexo-theme-stun/icons/favicon-192x192.png" alt="hexo-theme-stun" class="logo"> <span class="site-name can-hide">hexo-theme-stun</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="配置指南" class="dropdown-title"><span class="title">配置指南</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/hexo-theme-stun/zh-CN/guide/quick-start.html" class="nav-link">
  快速开始
</a></li><li class="dropdown-item"><!----> <a href="/hexo-theme-stun/zh-CN/guide/primary.html" class="nav-link">
  新手上路
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="高级设置" class="dropdown-title"><span class="title">高级设置</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/hexo-theme-stun/zh-CN/advanced/advanced.html" class="nav-link">
  新手进阶
</a></li><li class="dropdown-item"><!----> <a href="/hexo-theme-stun/zh-CN/advanced/third-part.html" class="nav-link">
  第三方支持
</a></li><li class="dropdown-item"><!----> <a href="/hexo-theme-stun/zh-CN/advanced/assist.html" aria-current="page" class="nav-link router-link-exact-active router-link-active">
  辅助功能
</a></li><li class="dropdown-item"><!----> <a href="/hexo-theme-stun/zh-CN/advanced/optimize.html" class="nav-link">
  优化建议
</a></li></ul></div></div><div class="nav-item"><a href="/hexo-theme-stun/zh-CN/contribute/contribute.html" class="nav-link">
  参与贡献
</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="Select language" class="dropdown-title"><span class="title">选择语言</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/hexo-theme-stun/advanced/assist.html" class="nav-link">
  English
</a></li><li class="dropdown-item"><!----> <a href="/hexo-theme-stun/zh-CN/advanced/assist.html" aria-current="page" class="nav-link router-link-exact-active router-link-active">
  简体中文
</a></li></ul></div></div> <a href="https://github.com/liuyib/hexo-theme-stun" target="_blank" rel="noopener noreferrer" class="repo-link">
    GitHub
    <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="配置指南" class="dropdown-title"><span class="title">配置指南</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/hexo-theme-stun/zh-CN/guide/quick-start.html" class="nav-link">
  快速开始
</a></li><li class="dropdown-item"><!----> <a href="/hexo-theme-stun/zh-CN/guide/primary.html" class="nav-link">
  新手上路
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="高级设置" class="dropdown-title"><span class="title">高级设置</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/hexo-theme-stun/zh-CN/advanced/advanced.html" class="nav-link">
  新手进阶
</a></li><li class="dropdown-item"><!----> <a href="/hexo-theme-stun/zh-CN/advanced/third-part.html" class="nav-link">
  第三方支持
</a></li><li class="dropdown-item"><!----> <a href="/hexo-theme-stun/zh-CN/advanced/assist.html" aria-current="page" class="nav-link router-link-exact-active router-link-active">
  辅助功能
</a></li><li class="dropdown-item"><!----> <a href="/hexo-theme-stun/zh-CN/advanced/optimize.html" class="nav-link">
  优化建议
</a></li></ul></div></div><div class="nav-item"><a href="/hexo-theme-stun/zh-CN/contribute/contribute.html" class="nav-link">
  参与贡献
</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="Select language" class="dropdown-title"><span class="title">选择语言</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/hexo-theme-stun/advanced/assist.html" class="nav-link">
  English
</a></li><li class="dropdown-item"><!----> <a href="/hexo-theme-stun/zh-CN/advanced/assist.html" aria-current="page" class="nav-link router-link-exact-active router-link-active">
  简体中文
</a></li></ul></div></div> <a href="https://github.com/liuyib/hexo-theme-stun" target="_blank" rel="noopener noreferrer" class="repo-link">
    GitHub
    <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav>  <ul class="sidebar-links"><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>配置指南</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/hexo-theme-stun/zh-CN/guide/quick-start.html" class="sidebar-link">快速开始</a></li><li><a href="/hexo-theme-stun/zh-CN/guide/primary.html" class="sidebar-link">新手上路</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>高级设置</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/hexo-theme-stun/zh-CN/advanced/advanced.html" class="sidebar-link">新手进阶</a></li><li><a href="/hexo-theme-stun/zh-CN/advanced/third-part.html" class="sidebar-link">第三方支持</a></li><li><a href="/hexo-theme-stun/zh-CN/advanced/assist.html" aria-current="page" class="active sidebar-link">辅助功能</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/hexo-theme-stun/zh-CN/advanced/assist.html#快捷键" class="sidebar-link">快捷键</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/hexo-theme-stun/zh-CN/advanced/assist.html#快速切换文章" class="sidebar-link">快速切换文章</a></li><li class="sidebar-sub-header"><a href="/hexo-theme-stun/zh-CN/advanced/assist.html#快速关闭搜索框" class="sidebar-link">快速关闭搜索框</a></li></ul></li><li class="sidebar-sub-header"><a href="/hexo-theme-stun/zh-CN/advanced/assist.html#标签插件" class="sidebar-link">标签插件</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/hexo-theme-stun/zh-CN/advanced/assist.html#插入表格" class="sidebar-link">插入表格</a></li><li class="sidebar-sub-header"><a href="/hexo-theme-stun/zh-CN/advanced/assist.html#插入注释" class="sidebar-link">插入注释</a></li><li class="sidebar-sub-header"><a href="/hexo-theme-stun/zh-CN/advanced/assist.html#插入友链" class="sidebar-link">插入友链</a></li></ul></li></ul></li><li><a href="/hexo-theme-stun/zh-CN/advanced/optimize.html" class="sidebar-link">优化建议</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>参与贡献</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/hexo-theme-stun/zh-CN/contribute/contribute.html" class="sidebar-link">贡献准则</a></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="辅助功能"><a href="#辅助功能" class="header-anchor">#</a> 辅助功能</h1> <h2 id="快捷键"><a href="#快捷键" class="header-anchor">#</a> 快捷键</h2> <h3 id="快速切换文章"><a href="#快速切换文章" class="header-anchor">#</a> 快速切换文章 <span class="badge warn" style="vertical-align:top;" data-v-15b7b770>Beta</span> <span class="badge tip" style="vertical-align:top;" data-v-15b7b770>v1.1.3</span></h3> <div class="custom-block tip"><p class="custom-block-title">TIP</p> <p>该功能在 <code>v1.1.0</code> 版本中快捷键为（<code>←</code>：切换到上一篇文章，<code>→</code>：切换到下一篇文章），在 <code>v1.1.3</code> 版本中快捷键修改为（Ctrl + <code>←</code>，Ctrl + <code>→</code>）。</p></div> <p>当你浏览文章时，如果不想通过鼠标点击按钮来切换文章，那么你可以使用快捷键（Ctrl + <code>←</code>，Ctrl + <code>→</code>）来快速切换文章。</p> <p>如果你想启用这一功能，请修改主题配置文件：</p> <div class="language-yaml extra-class"><pre class="language-yaml"><code><span class="token key atrule">shortcuts</span><span class="token punctuation">:</span>
  <span class="token comment"># 切换文章的快捷键</span>
  <span class="token comment"># &quot;Ctrl + ←&quot; 切换到上一篇文章</span>
  <span class="token comment"># &quot;Ctrl + →&quot; 切换到下一篇文章</span>
  <span class="token key atrule">switch_post</span><span class="token punctuation">:</span>
    <span class="token comment"># 是否启用</span>
    <span class="token key atrule">enable</span><span class="token punctuation">:</span> <span class="token boolean important">false</span>
</code></pre></div><blockquote><p>考虑到这里的快捷键可能会和用户系统或软件的冲突，所以在 Stun 主题 <code>v1.1.3</code> 版本中，这个功能加入了配置项，用户可以自己决定是否开启，默认不启用。并且在 Stun 主题以后的版本中，可能会留出配置项让用户自定义快捷键。</p></blockquote> <h3 id="快速关闭搜索框"><a href="#快速关闭搜索框" class="header-anchor">#</a> 快速关闭搜索框 <span class="badge tip" style="vertical-align:top;" data-v-15b7b770>Stable</span> <span class="badge tip" style="vertical-align:top;" data-v-15b7b770>v1.0.3</span></h3> <p>关闭搜索框有三种方式，1. 点击关闭按钮，2. 点击蒙版，3. 按下 <code>Esc</code> 键。</p> <h2 id="标签插件"><a href="#标签插件" class="header-anchor">#</a> 标签插件</h2> <p>该功能相当于 Hexo 对 Markdown 语法的一种扩展，用于快速在文章中插入指定的内容。你可以访问<a href="https://hexo.io/zh-cn/docs/tag-plugins" target="_blank" rel="noopener noreferrer">这里<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a>查看 Hexo 都支持哪些标签插件。</p> <p>Hexo 主题一般都会扩展一些自己特有的标签插件，在这方面做得最好的是 NexT 主题，你可以查看 NexT 主题所特有的标签插件：<a href="https://theme-next.org/docs/tag-plugins/" target="_blank" rel="noopener noreferrer">https://theme-next.org/docs/tag-plugins/<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a>。</p> <p>此外，Stun 主题也有自己扩展的一些标签插件，这些标签插件如下：</p> <h3 id="插入表格"><a href="#插入表格" class="header-anchor">#</a> 插入表格 <span class="badge tip" style="vertical-align:top;" data-v-15b7b770>Stable</span> <span class="badge tip" style="vertical-align:top;" data-v-15b7b770>v1.2.0</span></h3> <p>如果想要在文章中显示一个表格，你可以使用 Markdown 原生支持的语法，但是如果你想要让表格里的数据存储在外部文件中，那么你可以使用下面这种语法：</p> <div class="language- extra-class"><pre class="language-text"><code>{% table [path] [thead1,thead2,...] %}
</code></pre></div><p>参数：</p> <p><code>[path]</code>：数据文件的路径</p> <p><code>[thead1,thead2,...]</code>：表格头部的文字（用半角逗号分隔，逗号前后不要有空格）</p> <div class="custom-block warning"><p class="custom-block-title">WARNING</p> <p>数据文件必须放在 <code>/source/</code> 目录下，建议放在 <code>/source/_data/</code> 目录下。</p></div> <p>举例：</p> <p>在文章或页面中显示一个打赏列表。</p> <ol><li><p>在 <code>/source/_data/</code> 目录下新建文件 <code>reward.json</code>，填入数据。</p> <div class="language-json extra-class"><pre class="language-json"><code><span class="token punctuation">[</span>
  <span class="token punctuation">{</span>
    <span class="token property">&quot;time&quot;</span><span class="token operator">:</span> <span class="token string">&quot;2019-6-1&quot;</span><span class="token punctuation">,</span>
    <span class="token property">&quot;sponsor&quot;</span><span class="token operator">:</span> <span class="token string">&quot;张三&quot;</span><span class="token punctuation">,</span>
    <span class="token property">&quot;money&quot;</span><span class="token operator">:</span> <span class="token string">&quot;9.9&quot;</span><span class="token punctuation">,</span>
    <span class="token property">&quot;remark&quot;</span><span class="token operator">:</span> <span class="token string">&quot;支持一下~&quot;</span>
  <span class="token punctuation">}</span><span class="token punctuation">,</span>
  <span class="token punctuation">{</span>
    <span class="token property">&quot;time&quot;</span><span class="token operator">:</span> <span class="token string">&quot;2019-6-16&quot;</span><span class="token punctuation">,</span>
    <span class="token property">&quot;sponsor&quot;</span><span class="token operator">:</span> <span class="token string">&quot;李四&quot;</span><span class="token punctuation">,</span>
    <span class="token property">&quot;money&quot;</span><span class="token operator">:</span> <span class="token string">&quot;11&quot;</span><span class="token punctuation">,</span>
    <span class="token property">&quot;remark&quot;</span><span class="token operator">:</span> <span class="token string">&quot;前来支持，继续加油！&quot;</span>
  <span class="token punctuation">}</span>
<span class="token punctuation">]</span>
</code></pre></div></li> <li><p>在文章或页面的 Markdown 源文件中，插入如下标签。</p> <div class="language- extra-class"><pre class="language-text"><code>{% table _data/reward.json 时间,赞助人,金额,留言 %}
</code></pre></div></li> <li><p>重启 Hexo 服务器，效果如下。</p> <p><img src="https://raw.githubusercontent.com/liuyib/picBed/master/hexo-theme-stun/doc/20190803141118.png" alt="Stun | tag plugins - table"></p></li></ol> <h3 id="插入注释"><a href="#插入注释" class="header-anchor">#</a> 插入注释 <span class="badge tip" style="vertical-align:top;" data-v-15b7b770>Stable</span> <span class="badge tip" style="vertical-align:top;" data-v-15b7b770>v1.2.0</span></h3> <div class="custom-block warning"><p class="custom-block-title">WARNING</p> <p><strong>info</strong> 类型的标注从 <code>v2.0.0-rc.0</code> 开始支持，其他类型的标注均从 <code>v1.2.0</code> 开始支持。</p></div> <p>语法如下：</p> <div class="language- extra-class"><pre class="language-text"><code>{% note [type] [no-icon] %}
**header text**
Any text
{% endnote %}
</code></pre></div><blockquote><p>标签内可以是任意文字，支持 Markdown 和 HTML 语法。</p></blockquote> <p>参数：</p> <p><code>[type]</code>：标注类型</p> <p><code>[no-icon]</code>：是否显示 ICON</p> <p>举例：</p> <div class="language-markdown extra-class"><pre class="language-markdown"><code><span class="token comment">&lt;!-- With header, With icon --&gt;</span>
{% note success %}
<span class="token bold"><span class="token punctuation">**</span><span class="token content">Success</span><span class="token punctuation">**</span></span>
This is success note.
{% endnote %}

<span class="token comment">&lt;!-- With header, No icon --&gt;</span>
{% note success no-icon %}
<span class="token bold"><span class="token punctuation">**</span><span class="token content">Success</span><span class="token punctuation">**</span></span>
This is success note.
{% endnote %}

<span class="token comment">&lt;!-- No header, With icon --&gt;</span>
{% note success %}
This is success note.
{% endnote %}

<span class="token comment">&lt;!-- No header, No icon --&gt;</span>
{% note success no-icon %}
This is success note.
{% endnote %}
</code></pre></div><p>全部效果如下：</p> <p><img src="https://raw.githubusercontent.com/liuyib/picBed/master/hexo-theme-stun/doc/20200225192132.jpg" alt="Stun | tag plugins - note"></p> <h3 id="插入友链"><a href="#插入友链" class="header-anchor">#</a> 插入友链 <span class="badge tip" style="vertical-align:top;" data-v-15b7b770>Stable</span> <span class="badge tip" style="vertical-align:top;" data-v-15b7b770>v1.2.0</span></h3> <p>语法如下：</p> <div class="language- extra-class"><pre class="language-text"><code>{% friends [path] %}
</code></pre></div><p>参数：</p> <p><code>[path]</code>：数据文件的路径</p> <div class="custom-block warning"><p class="custom-block-title">WARNING</p> <p>数据文件必须放在 <code>/source/</code> 目录下，建议放在 <code>/source/_data/</code> 目录下。</p></div> <p>举例：</p> <ol><li>在 <code>/source/_data/</code> 目录下新建文件 <code>friends.json</code>，填入数据。</li></ol> <div class="language-json extra-class"><pre class="language-json"><code><span class="token punctuation">[</span>
  <span class="token punctuation">{</span>
    <span class="token property">&quot;avatar&quot;</span><span class="token operator">:</span> <span class="token string">&quot;https://placehold.it/100x100.jpg&quot;</span><span class="token punctuation">,</span>
    <span class="token property">&quot;name&quot;</span><span class="token operator">:</span> <span class="token string">&quot;张三&quot;</span><span class="token punctuation">,</span>
    <span class="token property">&quot;introduction&quot;</span><span class="token operator">:</span> <span class="token string">&quot;李四是大佬，李四是大佬，李四是大佬，李四是大佬，李四是大佬&quot;</span><span class="token punctuation">,</span>
    <span class="token property">&quot;url&quot;</span><span class="token operator">:</span> <span class="token string">&quot;https://liuyib.github.io/&quot;</span>
  <span class="token punctuation">}</span><span class="token punctuation">,</span>
  <span class="token punctuation">{</span>
    <span class="token property">&quot;avatar&quot;</span><span class="token operator">:</span> <span class="token string">&quot;https://placehold.it/100x100.jpg&quot;</span><span class="token punctuation">,</span>
    <span class="token property">&quot;name&quot;</span><span class="token operator">:</span> <span class="token string">&quot;李四&quot;</span><span class="token punctuation">,</span>
    <span class="token property">&quot;introduction&quot;</span><span class="token operator">:</span> <span class="token string">&quot;我不是大佬，我不是大佬，我不是大佬，我不是大佬，我不是大佬&quot;</span><span class="token punctuation">,</span>
    <span class="token property">&quot;url&quot;</span><span class="token operator">:</span> <span class="token string">&quot;https://liuyib.github.io/&quot;</span>
  <span class="token punctuation">}</span><span class="token punctuation">,</span>
  <span class="token punctuation">{</span>
    <span class="token property">&quot;avatar&quot;</span><span class="token operator">:</span> <span class="token string">&quot;https://placehold.it/100x100.jpg&quot;</span><span class="token punctuation">,</span>
    <span class="token property">&quot;name&quot;</span><span class="token operator">:</span> <span class="token string">&quot;王五&quot;</span><span class="token punctuation">,</span>
    <span class="token property">&quot;introduction&quot;</span><span class="token operator">:</span> <span class="token string">&quot;我是小白&quot;</span><span class="token punctuation">,</span>
    <span class="token property">&quot;url&quot;</span><span class="token operator">:</span> <span class="token string">&quot;https://liuyib.github.io/&quot;</span>
  <span class="token punctuation">}</span>
<span class="token punctuation">]</span>
</code></pre></div><div class="custom-block warning"><p class="custom-block-title">WARNING</p> <p>数据的格式要和上面保持一致，即要有：<code>avatar</code>、<code>name</code>、<code>introduction</code>、<code>url</code> 几个字段。</p></div> <ol start="2"><li>在文章或页面的 Markdown 源文件中，插入如下标签。</li></ol> <div class="language- extra-class"><pre class="language-text"><code>{% friends _data/friends.json %}
</code></pre></div><ol start="3"><li>重启 Hexo 服务器，效果如下。</li></ol> <p><img src="https://raw.githubusercontent.com/liuyib/picBed/master/hexo-theme-stun/doc/20190803141110.png" alt="Stun | tag plugins - friends"></p></div> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/liuyib/hexo-theme-stun/edit/master/docs/zh-CN/advanced/assist.md" target="_blank" rel="noopener noreferrer">在 GitHub 上编辑此页</a> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></div> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2020/7/4 上午2:07:42</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
      ←
      <a href="/hexo-theme-stun/zh-CN/advanced/third-part.html" class="prev">
        第三方支持
      </a></span> <span class="next"><a href="/hexo-theme-stun/zh-CN/advanced/optimize.html">
        优化建议
      </a>
      →
    </span></p></div> </main></div><div class="global-ui"></div></div>
    <script src="/hexo-theme-stun/assets/js/app.b850f147.js" defer></script><script src="/hexo-theme-stun/assets/js/2.883641a6.js" defer></script><script src="/hexo-theme-stun/assets/js/15.88a42515.js" defer></script><script src="/hexo-theme-stun/assets/js/3.67dc95e3.js" defer></script>
  </body>
</html>