257 lines
57 KiB
HTML
257 lines
57 KiB
HTML
<!doctype html>
|
||
<html lang="zh"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"><title>Icarus用户指南 - 挂件 - Icarus</title><link rel="manifest" href="/hexo-theme-icarus/manifest.json"><meta name="theme-color" content="#f7f7f7"><meta name="application-name" content="Icaurs - Hexo Theme"><meta name="msapplication-TileImage" content="/img/favicon.svg"><meta name="msapplication-TileColor" content="#f7f7f7"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-title" content="Icaurs - Hexo Theme"><meta name="apple-mobile-web-app-status-bar-style" content="default"><meta name="description" content="本文介绍Icarus 5支持的页面挂件的安装配置。 若要同时展示多个挂件，只需在主题配置的widgets数组中添加多个挂件配置。 它们会按照定义的顺序出现。 每个挂件必须包含type(挂件类型)与position(挂件展示位置)设置项。 示例如下： _config.icarus.yml123456789widgets: - type: ... # 挂件1 posi"><meta property="og:type" content="blog"><meta property="og:title" content="Icarus用户指南 - 挂件"><meta property="og:url" content="http://ppoffice.github.io/hexo-theme-icarus/Widgets/icarus%E7%94%A8%E6%88%B7%E6%8C%87%E5%8D%97-%E6%8C%82%E4%BB%B6/"><meta property="og:site_name" content="Icarus"><meta property="og:description" content="本文介绍Icarus 5支持的页面挂件的安装配置。 若要同时展示多个挂件，只需在主题配置的widgets数组中添加多个挂件配置。 它们会按照定义的顺序出现。 每个挂件必须包含type(挂件类型)与position(挂件展示位置)设置项。 示例如下： _config.icarus.yml123456789widgets: - type: ... # 挂件1 posi"><meta property="og:locale" content="zh_CN"><meta property="og:image" content="http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/feedburner-homepage.png"><meta property="og:image" content="http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/feedburner-add-feed.png"><meta property="og:image" content="http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/feedburner-feed-list.png"><meta property="og:image" content="http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/feedburner-activate-email.png"><meta property="og:image" content="http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/feedburner-get-code.png"><meta property="og:image" content="http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/follow-it-enter-feed-url.png"><meta property="og:image" content="http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/follow-it-create-form.png"><meta property="og:image" content="http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/follow-it-copy-code.png"><meta property="og:image" content="http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/follow-it-connect-account.png"><meta property="og:image" content="http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/follow-it-copy-verification-code.png"><meta property="og:image" content="http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/follow-it-verify-claim.png"><meta property="article:published_time" content="2016-01-01T00:00:00.000Z"><meta property="article:author" content="PPOffice"><meta property="article:tag" content="Icarus用户指南"><meta property="twitter:card" content="summary"><meta property="twitter:image:src" content="http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/feedburner-homepage.png"><script type="application/ld+json">{"@context":"https://schema.org","@type":"BlogPosting","mainEntityOfPage":{"@type":"WebPage","@id":"http://ppoffice.github.io/hexo-theme-icarus/Widgets/icarus%E7%94%A8%E6%88%B7%E6%8C%87%E5%8D%97-%E6%8C%82%E4%BB%B6/"},"headline":"Icarus用户指南 - 挂件","image":["http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/feedburner-homepage.png","http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/feedburner-add-feed.png","http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/feedburner-feed-list.png","http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/feedburner-activate-email.png","http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/feedburner-get-code.png","http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/follow-it-enter-feed-url.png","http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/follow-it-create-form.png","http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/follow-it-copy-code.png","http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/follow-it-connect-account.png","http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/follow-it-copy-verification-code.png","http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/follow-it-verify-claim.png"],"datePublished":"2016-01-01T00:00:00.000Z","author":{"@type":"Person","name":"PPOffice"},"publisher":{"@type":"Organization","name":"Icarus","logo":{"@type":"ImageObject","url":"http://ppoffice.github.io/img/logo.svg"}},"description":"本文介绍Icarus 5支持的页面挂件的安装配置。 若要同时展示多个挂件，只需在主题配置的widgets数组中添加多个挂件配置。 它们会按照定义的顺序出现。 每个挂件必须包含type(挂件类型)与position(挂件展示位置)设置项。 示例如下： _config.icarus.yml123456789widgets: - type: ... # 挂件1 posi"}</script><link rel="canonical" href="http://ppoffice.github.io/hexo-theme-icarus/Widgets/icarus%E7%94%A8%E6%88%B7%E6%8C%87%E5%8D%97-%E6%8C%82%E4%BB%B6/"><link rel="icon" href="/hexo-theme-icarus/img/favicon.svg"><link rel="stylesheet" href="https://cdnjs.loli.net/ajax/libs/font-awesome/6.0.0/css/all.min.css"><link data-pjax rel="stylesheet" href="https://cdnjs.loli.net/ajax/libs/highlight.js/11.7.0/styles/atom-one-light.min.css"><link rel="stylesheet" href="https://fonts.loli.net/css2?family=Ubuntu:wght@400;600&family=Source+Code+Pro"><link data-pjax rel="stylesheet" href="/hexo-theme-icarus/css/default.css"><style>body>.footer,body>.navbar,body>.section{opacity:0}</style><!--!--><!--!--><!--!--><!--!--><link rel="stylesheet" href="https://cdnjs.loli.net/ajax/libs/cookieconsent/3.1.1/cookieconsent.min.css"><link rel="stylesheet" href="https://cdnjs.loli.net/ajax/libs/lightgallery/1.10.0/css/lightgallery.min.css"><link rel="stylesheet" href="https://cdnjs.loli.net/ajax/libs/justifiedGallery/3.8.1/css/justifiedGallery.min.css"><script src="https://www.googletagmanager.com/gtag/js?id=UA-72437521-5" async></script><script>window.dataLayer = window.dataLayer || [];
|
||
function gtag(){dataLayer.push(arguments);}
|
||
gtag('js', new Date());
|
||
|
||
gtag('config', 'UA-72437521-5');</script><!--!--><link rel="stylesheet" href="https://cdnjs.loli.net/ajax/libs/outdated-browser/1.1.5/outdatedbrowser.min.css"><style>.pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pace-inactive{display:none}.pace .pace-progress{background:#3273dc;position:fixed;z-index:2000;top:0;right:100%;width:100%;height:2px}</style><script src="https://cdnjs.loli.net/ajax/libs/pace/1.2.4/pace.min.js"></script><!--!--><!--!--><!-- hexo injector head_end start --><script>
|
||
(function () {
|
||
function switchTab() {
|
||
if (!location.hash) {
|
||
return;
|
||
}
|
||
|
||
const id = '#' + CSS.escape(location.hash.substring(1));
|
||
const $tabMenu = document.querySelector(`.tabs a[href="${id}"]`);
|
||
if (!$tabMenu) {
|
||
return;
|
||
}
|
||
|
||
const $tabMenuContainer = $tabMenu.parentElement.parentElement;
|
||
Array.from($tabMenuContainer.children).forEach($menu => $menu.classList.remove('is-active'));
|
||
Array.from($tabMenuContainer.querySelectorAll('a'))
|
||
.map($menu => document.getElementById($menu.getAttribute("href").substring(1)))
|
||
.forEach($content => $content.classList.add('is-hidden'));
|
||
|
||
if ($tabMenu) {
|
||
$tabMenu.parentElement.classList.add('is-active');
|
||
}
|
||
const $activeTab = document.querySelector(id);
|
||
if ($activeTab) {
|
||
$activeTab.classList.remove('is-hidden');
|
||
}
|
||
}
|
||
switchTab();
|
||
window.addEventListener('hashchange', switchTab, false);
|
||
})();
|
||
</script><!-- hexo injector head_end end --><meta name="generator" content="Hexo 7.3.0">
|
||
<style>.not-gallery-item { position: relative; display: inline-block; width: 1.2em; min-height: 1.2em; overflow: hidden; vertical-align: top; color: transparent; } .not-gallery-item > span { position: relative; z-index: 10; } .not-gallery-item img, .not-gallery-item .fancybox { margin: 0 !important; padding: 0 !important; border: none !important; outline: none !important; text-decoration: none !important; user-select: none !important; cursor: auto !important; } .not-gallery-item img { height: 1.2em !important; width: 1.2em !important; position: absolute !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; user-select: none !important; cursor: auto !important; } .not-gallery-item-fallback { color: inherit; } .not-gallery-item-fallback img { opacity: 0 !important; }</style>
|
||
<link rel="alternate" href="/hexo-theme-icarus/atom.xml" title="Icarus" type="application/atom+xml">
|
||
</head><body class="is-3-column"><nav class="navbar navbar-main"><div class="container navbar-container"><div class="navbar-brand justify-content-center"><a class="navbar-item navbar-logo" href="/hexo-theme-icarus/"><img src="/hexo-theme-icarus/img/logo.svg" alt="Icarus" height="28"></a></div><div class="navbar-menu"><div class="navbar-start"><a class="navbar-item" href="/hexo-theme-icarus/">Home</a><a class="navbar-item" href="/hexo-theme-icarus/archives">Archives</a><a class="navbar-item" href="/hexo-theme-icarus/categories">Categories</a><a class="navbar-item" href="/hexo-theme-icarus/tags">Tags</a><a class="navbar-item" href="/hexo-theme-icarus/about">About</a></div><div class="navbar-end"><a class="navbar-item" target="_blank" rel="noopener" title="Discuss on GitHub" href="https://github.com/ppoffice/hexo-theme-icarus/discussions"><i class="fas fa-comments"></i></a><a class="navbar-item" target="_blank" rel="noopener" title="Download on GitHub" href="https://github.com/ppoffice/hexo-theme-icarus"><i class="fab fa-github"></i></a><a class="navbar-item is-hidden-tablet catalogue" title="目录" href="javascript:;"><i class="fas fa-list-ul"></i></a><a class="navbar-item search" title="搜索" href="javascript:;"><i class="fas fa-search"></i></a></div></div></div></nav><section class="section"><div class="container"><div class="columns"><div class="column order-2 column-main is-8-tablet is-8-desktop is-6-widescreen"><div class="card"><article class="card-content article" role="article"><div class="article-meta is-size-7 is-uppercase level is-mobile"><div class="level-left"><span class="level-item"><time dateTime="2016-01-01T00:00:00.000Z" title="1/1/2016, 12:00:00 AM">2016-01-01</time>发表</span><span class="level-item"><a class="link-muted" href="/hexo-theme-icarus/categories/Widgets/">Widgets</a></span><span class="level-item">14 分钟读完 (大约2069个字)</span></div></div><h1 class="title is-3 is-size-4-mobile">Icarus用户指南 - 挂件</h1><div class="content"><p>本文介绍Icarus 5支持的页面挂件的安装配置。
|
||
若要同时展示多个挂件，只需在主题配置的<code>widgets</code>数组中添加多个挂件配置。
|
||
它们会按照定义的顺序出现。
|
||
每个挂件必须包含<code>type</code>(挂件类型)与<code>position</code>(挂件展示位置)设置项。
|
||
示例如下：</p>
|
||
<figure class="highlight yaml"><figcaption><span>_config.icarus.yml</span></figcaption><table><tbody><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br></pre></td><td class="code"><pre><span class="line"><span class="attr">widgets:</span></span><br><span class="line"> <span class="bullet">-</span></span><br><span class="line"> <span class="attr">type:</span> <span class="string">...</span> <span class="comment"># 挂件1</span></span><br><span class="line"> <span class="attr">position:</span> <span class="string">left</span></span><br><span class="line"> <span class="string">...</span></span><br><span class="line"> <span class="bullet">-</span></span><br><span class="line"> <span class="attr">type:</span> <span class="string">...</span> <span class="comment"># 挂件2</span></span><br><span class="line"> <span class="attr">position:</span> <span class="string">right</span></span><br><span class="line"> <span class="string">...</span></span><br></pre></td></tr></tbody></table></figure>
|
||
|
||
<article class="message message-immersive is-primary">
|
||
<div class="message-body">
|
||
<i class="fas fa-globe-americas mr-2"></i>本文同时提供以下语言的翻译：<a href="/hexo-theme-icarus/Widgets/icarus-user-guide-widgets/">English</a>。
|
||
</div>
|
||
</article>
|
||
|
||
<span id="more"></span>
|
||
|
||
<article class="message message-immersive is-primary">
|
||
<div class="message-body">
|
||
<i class="fas fa-info-circle mr-2"></i>下面的挂件由<a target="_blank" rel="noopener" href="https://github.com/ppoffice/hexo-component-inferno">ppoffice/hexo-component-inferno</a>提供，完整的支持挂件列表和配置详情以其为准。
|
||
</div>
|
||
</article>
|
||
|
||
|
||
<h2 id="作者资料卡"><a href="#作者资料卡" class="headerlink" title="作者资料卡"></a>作者资料卡</h2><p>你可以启用作者资料卡挂件来展示文章作者/网站站长的信息。
|
||
资料卡的配置如下所示：</p>
|
||
<figure class="highlight yaml"><figcaption><span>_config.icarus.yml</span></figcaption><table><tbody><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br></pre></td><td class="code"><pre><span class="line"><span class="attr">widgets:</span></span><br><span class="line"> <span class="bullet">-</span></span><br><span class="line"> <span class="attr">position:</span> <span class="string">right</span></span><br><span class="line"> <span class="attr">type:</span> <span class="string">profile</span></span><br><span class="line"> <span class="comment"># 作者名称</span></span><br><span class="line"> <span class="attr">author:</span> <span class="string">hulatocat</span></span><br><span class="line"> <span class="comment"># 作者头衔</span></span><br><span class="line"> <span class="attr">author_title:</span> <span class="string">A</span> <span class="string">GitHub</span> <span class="string">Octocat</span></span><br><span class="line"> <span class="comment"># 作者所在地/公司</span></span><br><span class="line"> <span class="attr">location:</span> <span class="string">GitHub</span> <span class="string">Inc.</span></span><br><span class="line"> <span class="comment"># 头像图片地址</span></span><br><span class="line"> <span class="attr">avatar:</span> <span class="string">https://octodex.github.com/images/hula_loop_octodex03.gif</span></span><br><span class="line"> <span class="comment"># 是否显示圆形头像</span></span><br><span class="line"> <span class="attr">avatar_rounded:</span> <span class="literal">false</span></span><br><span class="line"> <span class="comment"># Gravatar邮箱(如不设置`avatar`项)</span></span><br><span class="line"> <span class="attr">gravatar:</span></span><br><span class="line"> <span class="comment"># 关注按钮链接地址</span></span><br><span class="line"> <span class="attr">follow_link:</span> <span class="string">'https://octodex.github.com/hulatocat'</span></span><br><span class="line"> <span class="comment"># 社交媒体链接</span></span><br><span class="line"> <span class="attr">social_links:</span></span><br><span class="line"> <span class="attr">Github:</span></span><br><span class="line"> <span class="attr">icon:</span> <span class="string">fab</span> <span class="string">fa-github</span></span><br><span class="line"> <span class="attr">url:</span> <span class="string">'https://github.com/'</span></span><br><span class="line"> <span class="attr">Icarus:</span> <span class="string">'https://github.com/ppoffice/hexo-theme-icarus'</span></span><br></pre></td></tr></tbody></table></figure>
|
||
|
||
<p>需要注意的是：</p>
|
||
<ul>
|
||
<li><p>如果你希望使用<a target="_blank" rel="noopener" href="https://en.gravatar.com/">Gravatar</a>而不是<code>avatar</code>配置项作为头像图片，请在<code>gravatar</code>项填入
|
||
你的Gravatar邮箱地址并在<code>avatar</code>一项中留空；</p>
|
||
</li>
|
||
<li><p><code>social_links</code>可以采用如下两种格式：</p>
|
||
<p> <strong>图标形式</strong>：</p>
|
||
<figure class="highlight yaml"><figcaption><span>social_links</span></figcaption><table><tbody><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line"><span class="string"><链接名称>:</span></span><br><span class="line"> <span class="attr">icon:</span> <span class="string"><FontAwesome5_图标的_HTML_class名称></span></span><br><span class="line"> <span class="attr">url:</span> <span class="string"><链接的URL地址></span></span><br></pre></td></tr></tbody></table></figure>
|
||
|
||
<p> <strong>文字形式</strong>：</p>
|
||
<figure class="highlight yaml"><figcaption><span>social_links</span></figcaption><table><tbody><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line"><span class="string"><链接名称>:</span> <span class="string"><链接的URL地址></span></span><br></pre></td></tr></tbody></table></figure></li>
|
||
</ul>
|
||
<h2 id="文章目录"><a href="#文章目录" class="headerlink" title="文章目录"></a>文章目录</h2><p>若要展示文章目录，请在主题配置中添加如下挂件配置：</p>
|
||
<figure class="highlight yaml"><figcaption><span>_config.icarus.yml</span></figcaption><table><tbody><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><span class="line"><span class="attr">widgets:</span></span><br><span class="line"> <span class="bullet">-</span></span><br><span class="line"> <span class="attr">type:</span> <span class="string">toc</span></span><br><span class="line"> <span class="attr">position:</span> <span class="string">left</span></span><br><span class="line"> <span class="comment"># 是否显示目录项目的序号</span></span><br><span class="line"> <span class="attr">index:</span> <span class="literal">true</span></span><br></pre></td></tr></tbody></table></figure>
|
||
|
||
<p>然后，在需要开启目录的文章头部加入<code>toc: true</code>：</p>
|
||
<figure class="highlight yaml"><figcaption><span>Post.md</span></figcaption><table><tbody><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line"><span class="attr">title:</span> <span class="string">一篇有目录的文章</span></span><br><span class="line"><span class="attr">toc:</span> <span class="literal">true</span></span><br><span class="line"><span class="meta">---</span></span><br><span class="line"><span class="string">文章内容...</span></span><br></pre></td></tr></tbody></table></figure>
|
||
|
||
|
||
<h2 id="友站链接"><a href="#友站链接" class="headerlink" title="友站链接"></a>友站链接</h2><p>你可以使用友站链接挂件来展示外部网站的列表。
|
||
示例配置如下所示：</p>
|
||
<figure class="highlight yaml"><figcaption><span>_config.icarus.yml</span></figcaption><table><tbody><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br></pre></td><td class="code"><pre><span class="line"><span class="attr">widgets:</span></span><br><span class="line"> <span class="bullet">-</span></span><br><span class="line"> <span class="attr">position:</span> <span class="string">left</span></span><br><span class="line"> <span class="attr">type:</span> <span class="string">links</span></span><br><span class="line"> <span class="comment"># 友站名称与链接</span></span><br><span class="line"> <span class="attr">links:</span></span><br><span class="line"> <span class="attr">Hexo:</span> <span class="string">'https://hexo.io'</span></span><br><span class="line"> <span class="attr">Bulma:</span> <span class="string">'https://bulma.io'</span></span><br></pre></td></tr></tbody></table></figure>
|
||
|
||
|
||
<h2 id="最新文章"><a href="#最新文章" class="headerlink" title="最新文章"></a>最新文章</h2><p>使用如下挂件配置来开启最新文章挂件：</p>
|
||
<figure class="highlight yaml"><figcaption><span>_config.icarus.yml</span></figcaption><table><tbody><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line"><span class="attr">widgets:</span></span><br><span class="line"> <span class="bullet">-</span></span><br><span class="line"> <span class="attr">position:</span> <span class="string">right</span></span><br><span class="line"> <span class="attr">type:</span> <span class="string">recent_posts</span></span><br></pre></td></tr></tbody></table></figure>
|
||
|
||
|
||
<h2 id="文章归档"><a href="#文章归档" class="headerlink" title="文章归档"></a>文章归档</h2><p>使用如下挂件配置来开启文章归档挂件：</p>
|
||
<figure class="highlight yaml"><figcaption><span>_config.icarus.yml</span></figcaption><table><tbody><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line"><span class="attr">widgets:</span></span><br><span class="line"> <span class="bullet">-</span></span><br><span class="line"> <span class="attr">position:</span> <span class="string">right</span></span><br><span class="line"> <span class="attr">type:</span> <span class="string">archives</span></span><br></pre></td></tr></tbody></table></figure>
|
||
|
||
|
||
<h2 id="文章分类"><a href="#文章分类" class="headerlink" title="文章分类"></a>文章分类</h2><p>使用如下挂件配置来开启文章分类挂件：</p>
|
||
<figure class="highlight yaml"><figcaption><span>_config.icarus.yml</span></figcaption><table><tbody><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line"><span class="attr">widgets:</span></span><br><span class="line"> <span class="bullet">-</span></span><br><span class="line"> <span class="attr">position:</span> <span class="string">right</span></span><br><span class="line"> <span class="attr">type:</span> <span class="string">categories</span></span><br></pre></td></tr></tbody></table></figure>
|
||
|
||
|
||
<h2 id="文章标签"><a href="#文章标签" class="headerlink" title="文章标签"></a>文章标签</h2><p>使用如下挂件配置来开启文章标签挂件：</p>
|
||
<figure class="highlight yaml"><figcaption><span>_config.icarus.yml</span></figcaption><table><tbody><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br></pre></td><td class="code"><pre><span class="line"><span class="attr">widgets:</span></span><br><span class="line"> <span class="bullet">-</span></span><br><span class="line"> <span class="attr">position:</span> <span class="string">right</span></span><br><span class="line"> <span class="attr">type:</span> <span class="string">tags</span></span><br><span class="line"> <span class="attr">order_by:</span> <span class="string">name</span> <span class="comment"># 可选项。按名称(name)或长度(length)来排序。加上`-`前缀来倒序排列。</span></span><br><span class="line"> <span class="attr">amount:</span> <span class="number">20</span> <span class="comment"># 可选项。最多显示的标签数量。留空以显示所有标签。</span></span><br><span class="line"> <span class="attr">show_count:</span> <span class="literal">true</span> <span class="comment"># 可选项。是否显示标签名称右侧的文章数量。</span></span><br></pre></td></tr></tbody></table></figure>
|
||
|
||
|
||
<h2 id="Google-Feedburner"><a href="#Google-Feedburner" class="headerlink" title="Google Feedburner"></a>Google Feedburner</h2><article class="message message-immersive is-danger">
|
||
<div class="message-body">
|
||
<i class="fas fa-exclamation-triangle mr-2"></i><a href="https://support.google.com/feedburner/answer/10483501" target="_blank">Google即将关闭Feedburner的邮件订阅功能。</a> 你可以切换到<a href="#follow-it">follow.it挂件</a>或者其他邮件订阅服务。
|
||
</div>
|
||
</article>
|
||
|
||
<p>按照如下步骤即可启用Google Feedburner插件：</p>
|
||
<ol>
|
||
<li><p>首先，使用诸如<a target="_blank" rel="noopener" href="https://github.com/hexojs/hexo-generator-feed">hexo-generator-feed</a>此类的Hexo插件生成
|
||
你的Hexo网站的RSS源。</p>
|
||
</li>
|
||
<li><p>然后登录<a target="_blank" rel="noopener" href="https://feedburner.google.com/">Google Feedburner</a>，在输入框内输入你的RSS地址并点击“下一步”(Next)
|
||
来添加你的RSS源。</p>
|
||
<img src="/hexo-theme-icarus/gallery/screenshots/feedburner-homepage.png" class="box px-0 py-0 ml-auto mr-auto" width="360" title="主页 - Feedburner" alt="主页 - Feedburner">
|
||
<br>
|
||
</li>
|
||
<li><p>然后，在下一页中填写“源标题”。
|
||
点击“下一步”(Next)来继续自定义你的源，或者点击“直接跳到源管理”(Skip directly to feed management)来完成配置。</p>
|
||
<img src="/hexo-theme-icarus/gallery/screenshots/feedburner-add-feed.png" class="box px-0 py-0 ml-auto mr-auto" width="360" title="添加源 - Feedburner" alt="添加源 - Feedburner">
|
||
<br>
|
||
</li>
|
||
<li><p>完成添加源后，点击网页顶部的”我的源“(My Feeds)链接。
|
||
点击“我的源”(My Feeds)页面上新添加的源。</p>
|
||
<img src="/hexo-theme-icarus/gallery/screenshots/feedburner-feed-list.png" class="box px-0 py-0 ml-auto mr-auto" width="360" title="源列表 - Feedburner" alt="源列表 - Feedburner">
|
||
<br>
|
||
</li>
|
||
<li><p>切换到”宣传“(Publicize)标签页并点击页面左侧的”邮件订阅“(Email Subscription)链接。
|
||
点击“激活”(Activate)按钮来开启“邮件订阅”(Email Subscription)功能。</p>
|
||
<img src="/hexo-theme-icarus/gallery/screenshots/feedburner-activate-email.png" class="box px-0 py-0 ml-auto mr-auto" width="360" title="激活邮件订阅 - Feedburner" alt="激活邮件订阅 - Feedburner">
|
||
<br>
|
||
</li>
|
||
<li><p>在”邮件订阅“(Email Subscription)页面上从HTML代码中找到如下信息：</p>
|
||
<figure class="highlight plaintext"><figcaption><span>Google Feedburner URL</span></figcaption><table><tbody><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">https://feedburner.google.com/fb/a/mailverify?uri=******</span><br></pre></td></tr></tbody></table></figure>
|
||
|
||
<img src="/hexo-theme-icarus/gallery/screenshots/feedburner-get-code.png" class="box px-0 py-0 ml-auto mr-auto" width="360" title="获取代码 - Feedburner" alt="获取代码 - Feedburner">
|
||
<br>
|
||
|
||
<p>复制<code>uri=</code>后的ID(如<code>feedforall/ABCD</code>)到挂件配置的<code>feedburner_id</code>设置中：</p>
|
||
<figure class="highlight yaml"><figcaption><span>_config.icarus.yml</span></figcaption><table><tbody><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br></pre></td><td class="code"><pre><span class="line"><span class="attr">widgets:</span></span><br><span class="line"> <span class="bullet">-</span></span><br><span class="line"> <span class="attr">position:</span> <span class="string">left</span></span><br><span class="line"> <span class="attr">type:</span> <span class="string">subscribe_email</span></span><br><span class="line"> <span class="comment"># (可选) 描述文字</span></span><br><span class="line"> <span class="attr">description:</span> <span class="string">邮件订阅，更新早知道</span></span><br><span class="line"> <span class="attr">feedburner_id:</span> <span class="string">feedforall/ABCD</span></span><br></pre></td></tr></tbody></table></figure></li>
|
||
</ol>
|
||
<h2 id="Google-AdSense"><a href="#Google-AdSense" class="headerlink" title="Google AdSense"></a>Google AdSense</h2><p>在<a target="_blank" rel="noopener" href="https://www.google.com/adsense">Google AdSense</a>上新建广告。
|
||
然后，复制广告HTML代码中的<code>data-ad-client</code>和<code>data-ad-slot</code>值分别填入到挂件配置的<code>client_id</code>和<code>slot_id</code>项中。
|
||
示例如下：</p>
|
||
<figure class="highlight yaml"><figcaption><span>_config.icarus.yml</span></figcaption><table><tbody><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><span class="line"><span class="attr">widgets:</span></span><br><span class="line"> <span class="bullet">-</span></span><br><span class="line"> <span class="attr">position:</span> <span class="string">left</span></span><br><span class="line"> <span class="attr">type:</span> <span class="string">adsense</span></span><br><span class="line"> <span class="attr">client_id:</span> <span class="string">ca-pub-xxxxxxxx</span></span><br><span class="line"> <span class="attr">slot_id:</span> <span class="string">xxxxxxx</span></span><br></pre></td></tr></tbody></table></figure>
|
||
|
||
|
||
<h2 id="follow-it"><a href="#follow-it" class="headerlink" title="follow.it"></a>follow.it</h2><p>按照如下步骤即可启用<a target="_blank" rel="noopener" href="https://follow.it/">follow.it</a>邮件订阅插件：</p>
|
||
<ol>
|
||
<li><p>首先，使用诸如<a target="_blank" rel="noopener" href="https://github.com/hexojs/hexo-generator-feed">hexo-generator-feed</a>此类的Hexo插件生成
|
||
你的Hexo网站的RSS源。</p>
|
||
</li>
|
||
<li><p>访问<a target="_blank" rel="noopener" href="https://follow.it/ni">follow.it</a>并在“向你的站点添加关注功能”(Add the follow feature to your site)下方的
|
||
输入框中填写RSS源的文件地址，例如<code>http://example.com/atom.xml</code>。
|
||
然后，点击“下一步”(Next)。</p>
|
||
<img src="/hexo-theme-icarus/gallery/screenshots/follow-it-enter-feed-url.png" class="box px-0 py-0 ml-auto mr-auto" width="360" title="输入订阅源URL - follow.it" alt="输入订阅源URL - follow.it">
|
||
<br>
|
||
</li>
|
||
<li><p>点击“定义关注表单设计”(Define the follow form’s design)页面上的“继续”(Continue)按钮。</p>
|
||
<img src="/hexo-theme-icarus/gallery/screenshots/follow-it-create-form.png" class="box px-0 py-0 ml-auto mr-auto" width="360" title="创建表单 - follow.it" alt="创建表单 - follow.it">
|
||
<br>
|
||
</li>
|
||
<li><p>搜索<code>action=</code>并复制<code>action=</code>后双引号中的链接。
|
||
把你复制的action链接粘贴到挂件配置中的<code>action_url</code>设置项。
|
||
在那之后，点击“完成”(Done)。</p>
|
||
<img src="/hexo-theme-icarus/gallery/screenshots/follow-it-copy-code.png" class="box px-0 py-0 ml-auto mr-auto" width="360" title="复制Action链接 - follow.it" alt="复制Action链接 - follow.it">
|
||
<br>
|
||
|
||
<figure class="highlight yaml"><figcaption><span>_config.icarus.yml</span></figcaption><table><tbody><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br></pre></td><td class="code"><pre><span class="line"><span class="attr">widgets:</span></span><br><span class="line"> <span class="bullet">-</span></span><br><span class="line"> <span class="attr">position:</span> <span class="string">left</span></span><br><span class="line"> <span class="attr">type:</span> <span class="string">followit</span></span><br><span class="line"> <span class="attr">description:</span> </span><br><span class="line"> <span class="attr">action_url:</span> <span class="string">https://api.follow.it/******</span></span><br><span class="line"> <span class="attr">verification_code:</span> <span class="string">''</span></span><br></pre></td></tr></tbody></table></figure>
|
||
</li>
|
||
<li><p>点击“继续”(Continue)按钮或者“跳过此步”(Skip this)链接来跳过“选择你想要的关注按钮”(Pick the Follow icons you want)和
|
||
”显示弹窗来最大化交流“(Show a pop-up for maximum conversion)页面。</p>
|
||
</li>
|
||
<li><p>在”连接你的源到follow.it账户“(Connect your feed to a follow.it account)页面上，在输入框中填入你将要用来注册follow.it账户
|
||
和管理订阅者的邮箱地址。
|
||
然后，点击”开始“(Start)。</p>
|
||
<img src="/hexo-theme-icarus/gallery/screenshots/follow-it-connect-account.png" class="box px-0 py-0 ml-auto mr-auto" width="360" title="连接账户 - follow.it" alt="连接账户 - follow.it">
|
||
<br>
|
||
</li>
|
||
<li><p>你会收到一封来自follow.it的邮件。
|
||
在那封邮件中搜索<code><meta name="follow_it-verification-code" content="******"/></code>并复制<code>content=</code>后双引号中的<code>content</code>的值。
|
||
将你复制的值粘贴到挂件设置中的<code>verification_code</code>设置项。</p>
|
||
<img src="/hexo-theme-icarus/gallery/screenshots/follow-it-copy-verification-code.png" class="box px-0 py-0 ml-auto mr-auto" width="360" title="复制验证码 - follow.it" alt="复制验证码 - follow.it">
|
||
<br>
|
||
|
||
<figure class="highlight yaml"><figcaption><span>_config.icarus.yml</span></figcaption><table><tbody><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br></pre></td><td class="code"><pre><span class="line"><span class="attr">widgets:</span></span><br><span class="line"> <span class="bullet">-</span></span><br><span class="line"> <span class="attr">position:</span> <span class="string">left</span></span><br><span class="line"> <span class="attr">type:</span> <span class="string">followit</span></span><br><span class="line"> <span class="attr">description:</span> </span><br><span class="line"> <span class="attr">action_url:</span> <span class="string">https://api.follow.it/******</span></span><br><span class="line"> <span class="attr">verification_code:</span> <span class="string">******</span></span><br></pre></td></tr></tbody></table></figure>
|
||
</li>
|
||
<li><p>生成你的站点并将其上传到你的服务器。</p>
|
||
</li>
|
||
<li><p>回到follow.it并用你的邮箱地址注册一个账户。</p>
|
||
</li>
|
||
<li><p>回到你收到的第一封邮件并点击”点击这里来认领“(Click here to claim it)链接来认领你的订阅源。</p>
|
||
</li>
|
||
</ol>
|
||
<img src="/hexo-theme-icarus/gallery/screenshots/follow-it-verify-claim.png" class="box px-0 py-0 ml-auto mr-auto" width="360" title="验证认领 - follow.it" alt="验证认领 - follow.it">
|
||
<br>
|
||
|
||
|
||
<article class="message message-immersive is-warning">
|
||
<div class="message-body">
|
||
<i class="fas fa-question-circle mr-2"></i>文章内容有误？请点击<a target="_blank" rel="noopener" href="https://github.com/ppoffice/hexo-theme-icarus/edit/site/source/_posts/zh-CN/Widgets.md">此处</a>提交修改。
|
||
</div>
|
||
</article>
|
||
</div><div class="article-licensing box"><div class="licensing-title"><p>Icarus用户指南 - 挂件</p><p><a href="http://ppoffice.github.io/hexo-theme-icarus/Widgets/icarus用户指南-挂件/">http://ppoffice.github.io/hexo-theme-icarus/Widgets/icarus用户指南-挂件/</a></p></div><div class="licensing-meta level is-mobile"><div class="level-left"><div class="level-item is-narrow"><div><h6>作者</h6><p>PPOffice</p></div></div><div class="level-item is-narrow"><div><h6>发布于</h6><p>2016-01-01</p></div></div><div class="level-item is-narrow"><div><h6>许可协议</h6><p><a class="icons" rel="noopener" target="_blank" title="Creative Commons" href="https://creativecommons.org/"><i class="icon fab fa-creative-commons"></i></a><a class="" rel="noopener" target="_blank" title="CC BY-NC-SA 4.0" href="https://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY-NC-SA 4.0</a></p></div></div></div></div></div><div class="article-tags is-size-7 mb-4"><span class="mr-2">#</span><a class="link-muted mr-2" rel="tag" href="/hexo-theme-icarus/tags/Icarus%E7%94%A8%E6%88%B7%E6%8C%87%E5%8D%97/">Icarus用户指南</a></div><div class="sharethis-inline-share-buttons"></div><script src="//platform-api.sharethis.com/js/sharethis.js#property=5ab6f60ace89f00013641890&product=inline-share-buttons" defer></script></article></div><!--!--><nav class="post-navigation mt-4 level is-mobile"><div class="level-start"><a class="article-nav-prev level level-item link-muted" href="/hexo-theme-icarus/Plugins/Analytics/icarus%E7%94%A8%E6%88%B7%E6%8C%87%E5%8D%97-%E7%BD%91%E7%AB%99%E5%88%86%E6%9E%90%E6%8F%92%E4%BB%B6/"><i class="level-item fas fa-chevron-left"></i><span class="level-item">Icarus用户指南 - 网站分析插件</span></a></div><div class="level-end"><a class="article-nav-next level level-item link-muted" href="/hexo-theme-icarus/uncategorized/disqus-comment-plugin/"><span class="level-item">Disqus Comment Plugin</span><i class="level-item fas fa-chevron-right"></i></a></div></nav><!--!--></div><div class="column column-left is-4-tablet is-4-desktop is-3-widescreen order-1"><div class="card widget" data-type="recent-posts"><div class="card-content"><h3 class="menu-label">最新文章</h3><article class="media"><figure class="media-left"><a class="image" href="/hexo-theme-icarus/uncategorized/getting-started-with-icarus/"><img src="/hexo-theme-icarus/gallery/covers/vector_landscape_1.svg" alt="Getting Started with Icarus"></a></figure><div class="media-content"><p class="date"><time dateTime="2020-04-01T00:00:00.000Z">2020-04-01</time></p><p class="title"><a href="/hexo-theme-icarus/uncategorized/getting-started-with-icarus/">Getting Started with Icarus</a></p></div></article><article class="media"><figure class="media-left"><a class="image" href="/hexo-theme-icarus/Configuration/icarus-user-guide-configuring-the-theme/"><img src="/hexo-theme-icarus/gallery/covers/vector_landscape_2.svg" alt="Icarus User Guide - Configuring the Theme"></a></figure><div class="media-content"><p class="date"><time dateTime="2020-03-01T00:00:00.000Z">2020-03-01</time></p><p class="title"><a href="/hexo-theme-icarus/Configuration/icarus-user-guide-configuring-the-theme/">Icarus User Guide - Configuring the Theme</a></p><p class="categories"><a href="/hexo-theme-icarus/categories/Configuration/">Configuration</a></p></div></article><article class="media"><figure class="media-left"><a class="image" href="/hexo-theme-icarus/uncategorized/faq/"><img src="/hexo-theme-icarus/gallery/covers/vector_landscape_3.svg" alt="FAQ"></a></figure><div class="media-content"><p class="date"><time dateTime="2020-02-02T00:00:00.000Z">2020-02-02</time></p><p class="title"><a href="/hexo-theme-icarus/uncategorized/faq/">FAQ</a></p></div></article><article class="media"><figure class="media-left"><a class="image" href="/hexo-theme-icarus/uncategorized/cyberpunk-theme-variant/"><img src="/hexo-theme-icarus/gallery/covers/CP77-KV-en.jpg" alt="Cyberpunk Theme Variant"></a></figure><div class="media-content"><p class="date"><time dateTime="2020-02-01T00:00:00.000Z">2020-02-01</time></p><p class="title"><a href="/hexo-theme-icarus/uncategorized/cyberpunk-theme-variant/">Cyberpunk Theme Variant</a></p></div></article><article class="media"><div class="media-content"><p class="date"><time dateTime="2020-01-01T00:00:00.000Z">2020-01-01</time></p><p class="title"><a href="/hexo-theme-icarus/uncategorized/upgrade-guide/">Upgrade Guide</a></p></div></article></div></div><div class="card widget" data-type="links"><div class="card-content"><div class="menu"><h3 class="menu-label">链接</h3><ul class="menu-list"><li><a class="level is-mobile" href="https://hexo.io" target="_blank" rel="noopener"><span class="level-left"><span class="level-item">Hexo</span></span><span class="level-right"><span class="level-item tag">hexo.io</span></span></a></li><li><a class="level is-mobile" href="https://bulma.io" target="_blank" rel="noopener"><span class="level-left"><span class="level-item">Bulma</span></span><span class="level-right"><span class="level-item tag">bulma.io</span></span></a></li></ul></div></div></div><div class="card widget" data-type="archives"><div class="card-content"><div class="menu"><h3 class="menu-label">归档</h3><ul class="menu-list"><li><a class="level is-mobile" href="/hexo-theme-icarus/archives/2020/04/"><span class="level-start"><span class="level-item">四月 2020</span></span><span class="level-end"><span class="level-item tag">1</span></span></a></li><li><a class="level is-mobile" href="/hexo-theme-icarus/archives/2020/03/"><span class="level-start"><span class="level-item">三月 2020</span></span><span class="level-end"><span class="level-item tag">1</span></span></a></li><li><a class="level is-mobile" href="/hexo-theme-icarus/archives/2020/02/"><span class="level-start"><span class="level-item">二月 2020</span></span><span class="level-end"><span class="level-item tag">2</span></span></a></li><li><a class="level is-mobile" href="/hexo-theme-icarus/archives/2020/01/"><span class="level-start"><span class="level-item">一月 2020</span></span><span class="level-end"><span class="level-item tag">1</span></span></a></li><li><a class="level is-mobile" href="/hexo-theme-icarus/archives/2018/01/"><span class="level-start"><span class="level-item">一月 2018</span></span><span class="level-end"><span class="level-item tag">3</span></span></a></li><li><a class="level is-mobile" href="/hexo-theme-icarus/archives/2017/01/"><span class="level-start"><span class="level-item">一月 2017</span></span><span class="level-end"><span class="level-item tag">8</span></span></a></li><li><a class="level is-mobile" href="/hexo-theme-icarus/archives/2016/01/"><span class="level-start"><span class="level-item">一月 2016</span></span><span class="level-end"><span class="level-item tag">12</span></span></a></li><li><a class="level is-mobile" href="/hexo-theme-icarus/archives/2015/01/"><span class="level-start"><span class="level-item">一月 2015</span></span><span class="level-end"><span class="level-item tag">9</span></span></a></li><li><a class="level is-mobile" href="/hexo-theme-icarus/archives/2014/01/"><span class="level-start"><span class="level-item">一月 2014</span></span><span class="level-end"><span class="level-item tag">4</span></span></a></li><li><a class="level is-mobile" href="/hexo-theme-icarus/archives/2013/01/"><span class="level-start"><span class="level-item">一月 2013</span></span><span class="level-end"><span class="level-item tag">2</span></span></a></li></ul></div></div></div><div class="card widget" data-type="categories"><div class="card-content"><div class="menu"><h3 class="menu-label">分类</h3><ul class="menu-list"><li><a class="level is-mobile" href="/hexo-theme-icarus/categories/Configuration/"><span class="level-start"><span class="level-item">Configuration</span></span><span class="level-end"><span class="level-item tag">4</span></span></a></li><li><a class="level is-mobile" href="/hexo-theme-icarus/categories/Plugins/"><span class="level-start"><span class="level-item">Plugins</span></span><span class="level-end"><span class="level-item tag">12</span></span></a><ul><li><a class="level is-mobile" href="/hexo-theme-icarus/categories/Plugins/Analytics/"><span class="level-start"><span class="level-item">Analytics</span></span><span class="level-end"><span class="level-item tag">2</span></span></a></li><li><a class="level is-mobile" href="/hexo-theme-icarus/categories/Plugins/Comment/"><span class="level-start"><span class="level-item">Comment</span></span><span class="level-end"><span class="level-item tag">2</span></span></a></li><li><a class="level is-mobile" href="/hexo-theme-icarus/categories/Plugins/Donation/"><span class="level-start"><span class="level-item">Donation</span></span><span class="level-end"><span class="level-item tag">2</span></span></a></li><li><a class="level is-mobile" href="/hexo-theme-icarus/categories/Plugins/Other/"><span class="level-start"><span class="level-item">Other</span></span><span class="level-end"><span class="level-item tag">2</span></span></a></li><li><a class="level is-mobile" href="/hexo-theme-icarus/categories/Plugins/Search/"><span class="level-start"><span class="level-item">Search</span></span><span class="level-end"><span class="level-item tag">2</span></span></a></li><li><a class="level is-mobile" href="/hexo-theme-icarus/categories/Plugins/Share/"><span class="level-start"><span class="level-item">Share</span></span><span class="level-end"><span class="level-item tag">2</span></span></a></li></ul></li><li><a class="level is-mobile" href="/hexo-theme-icarus/categories/Widgets/"><span class="level-start"><span class="level-item">Widgets</span></span><span class="level-end"><span class="level-item tag">2</span></span></a></li></ul></div></div></div><div class="card widget" data-type="tags"><div class="card-content"><div class="menu"><h3 class="menu-label">标签</h3><div class="field is-grouped is-grouped-multiline"><div class="control"><a class="tags has-addons" href="/hexo-theme-icarus/tags/Icarus%E7%94%A8%E6%88%B7%E6%8C%87%E5%8D%97/"><span class="tag">Icarus用户指南</span></a></div><div class="control"><a class="tags has-addons" href="/hexo-theme-icarus/tags/Icarus-User-Guide/"><span class="tag">Icarus User Guide</span></a></div><div class="control"><a class="tags has-addons" href="/hexo-theme-icarus/tags/Getting-Started/"><span class="tag">Getting Started</span></a></div><div class="control"><a class="tags has-addons" href="/hexo-theme-icarus/tags/Demo/"><span class="tag">Demo</span></a></div></div></div></div></div><div class="card widget" data-type="subscribe-email"><div class="card-content"><div class="menu"><h3 class="menu-label">follow.it</h3><form action="" method="post" target="_blank"><div class="field has-addons"><div class="control has-icons-left is-expanded"><input class="input" name="email" type="email" placeholder="Email"><span class="icon is-small is-left"><i class="fas fa-envelope"></i></span></div><div class="control"><input class="button" type="submit" value="订阅"></div></div><p class="help">邮件订阅，更新早知道</p></form></div></div></div><div class="column-right-shadow is-hidden-widescreen is-sticky"></div></div><div class="column column-right is-4-tablet is-4-desktop is-3-widescreen is-hidden-touch is-hidden-desktop-only order-3 is-sticky"><div class="card widget" data-type="profile"><div class="card-content"><nav class="level"><div class="level-item has-text-centered flex-shrink-1"><div><figure class="image is-128x128 mx-auto mb-2"><img class="avatar" src="https://octodex.github.com/images/hula_loop_octodex03.gif" alt="hulatocat"></figure><p class="title is-size-4 is-block" style="line-height:inherit;">hulatocat</p><p class="is-size-6 is-block">A GitHub Octocat</p><p class="is-size-6 is-flex justify-content-center"><i class="fas fa-map-marker-alt mr-1"></i><span>GitHub Inc.</span></p></div></div></nav><nav class="level is-mobile"><div class="level-item has-text-centered is-marginless"><div><p class="heading">文章</p><a href="/hexo-theme-icarus/archives/"><p class="title">43</p></a></div></div><div class="level-item has-text-centered is-marginless"><div><p class="heading">分类</p><a href="/hexo-theme-icarus/categories/"><p class="title">9</p></a></div></div><div class="level-item has-text-centered is-marginless"><div><p class="heading">标签</p><a href="/hexo-theme-icarus/tags/"><p class="title">4</p></a></div></div></nav><div class="level"><a class="level-item button is-primary is-rounded" href="https://octodex.github.com/hulatocat" target="_blank" rel="me noopener">关注我</a></div><div class="level is-mobile is-multiline"><a class="level-item button is-transparent is-marginless" target="_blank" rel="me noopener" title="Github" href="https://github.com/"><i class="fab fa-github"></i></a><a class="level-item button is-transparent is-marginless" target="_blank" rel="me noopener" title="Icarus" href="https://github.com/ppoffice/hexo-theme-icarus">Icarus</a></div></div></div><div class="card widget" id="toc" data-type="toc"><div class="card-content"><div class="menu"><h3 class="menu-label">目录</h3><ul class="menu-list"><li><a class="level is-mobile" href="#作者资料卡"><span class="level-left"><span class="level-item">作者资料卡</span></span></a></li><li><a class="level is-mobile" href="#文章目录"><span class="level-left"><span class="level-item">文章目录</span></span></a></li><li><a class="level is-mobile" href="#友站链接"><span class="level-left"><span class="level-item">友站链接</span></span></a></li><li><a class="level is-mobile" href="#最新文章"><span class="level-left"><span class="level-item">最新文章</span></span></a></li><li><a class="level is-mobile" href="#文章归档"><span class="level-left"><span class="level-item">文章归档</span></span></a></li><li><a class="level is-mobile" href="#文章分类"><span class="level-left"><span class="level-item">文章分类</span></span></a></li><li><a class="level is-mobile" href="#文章标签"><span class="level-left"><span class="level-item">文章标签</span></span></a></li><li><a class="level is-mobile" href="#Google-Feedburner"><span class="level-left"><span class="level-item">Google Feedburner</span></span></a></li><li><a class="level is-mobile" href="#Google-AdSense"><span class="level-left"><span class="level-item">Google AdSense</span></span></a></li><li><a class="level is-mobile" href="#follow-it"><span class="level-left"><span class="level-item">follow.it</span></span></a></li></ul></div></div><style>#toc .menu-list > li > a.is-active + .menu-list { display: block; }#toc .menu-list > li > a + .menu-list { display: none; }</style><script src="/hexo-theme-icarus/js/toc.js" defer></script></div></div></div></div></section><footer class="footer"><div class="container"><div class="level"><div class="level-start"><a class="footer-logo is-block mb-2" href="/hexo-theme-icarus/"><img src="/hexo-theme-icarus/img/logo.svg" alt="Icarus" height="28"></a><p class="is-size-7"><span>© 2025 PPOffice</span> Powered by <a href="https://hexo.io/" target="_blank" rel="noopener">Hexo</a> & <a href="https://github.com/ppoffice/hexo-theme-icarus" target="_blank" rel="noopener">Icarus</a></p></div><div class="level-end"><div class="field has-addons"><p class="control"><a class="button is-transparent is-large" target="_blank" rel="noopener" title="Creative Commons" href="https://creativecommons.org/"><i class="fab fa-creative-commons"></i></a></p><p class="control"><a class="button is-transparent is-large" target="_blank" rel="noopener" title="Discuss on GitHub" href="https://github.com/ppoffice/hexo-theme-icarus/discussions"><i class="fas fa-comments"></i></a></p><p class="control"><a class="button is-transparent is-large" target="_blank" rel="noopener" title="Download on GitHub" href="https://github.com/ppoffice/hexo-theme-icarus"><i class="fab fa-github"></i></a></p></div></div></div></div></footer><script src="https://cdnjs.loli.net/ajax/libs/jquery/3.3.1/jquery.min.js"></script><script src="https://cdnjs.loli.net/ajax/libs/moment.js/2.22.2/moment-with-locales.min.js"></script><script src="https://cdnjs.loli.net/ajax/libs/clipboard.js/2.0.4/clipboard.min.js" defer></script><script>moment.locale("zh-cn");</script><script>var IcarusThemeSettings = {
|
||
article: {
|
||
highlight: {
|
||
clipboard: true,
|
||
fold: 'unfolded'
|
||
}
|
||
}
|
||
};</script><script data-pjax src="/hexo-theme-icarus/js/column.js"></script><script src="/hexo-theme-icarus/js/animation.js"></script><a id="back-to-top" title="回到顶端" href="javascript:;"><i class="fas fa-chevron-up"></i></a><script data-pjax src="/hexo-theme-icarus/js/back_to_top.js" defer></script><!--!--><!--!--><!--!--><script src="https://cdnjs.loli.net/ajax/libs/cookieconsent/3.1.1/cookieconsent.min.js" defer></script><script>window.addEventListener("load", () => {
|
||
window.cookieconsent.initialise({
|
||
type: "info",
|
||
theme: "edgeless",
|
||
static: false,
|
||
position: "bottom-left",
|
||
content: {
|
||
message: "此网站使用Cookie来改善您的体验。",
|
||
dismiss: "知道了！",
|
||
allow: "允许使用Cookie",
|
||
deny: "拒绝",
|
||
link: "了解更多",
|
||
policy: "Cookie政策",
|
||
href: "https://www.cookiesandyou.com/",
|
||
},
|
||
palette: {
|
||
popup: {
|
||
background: "#edeff5",
|
||
text: "#838391"
|
||
},
|
||
button: {
|
||
background: "#4b81e8"
|
||
},
|
||
},
|
||
});
|
||
});</script><script src="https://cdnjs.loli.net/ajax/libs/lightgallery/1.10.0/js/lightgallery.min.js" defer></script><script src="https://cdnjs.loli.net/ajax/libs/justifiedGallery/3.8.1/js/jquery.justifiedGallery.min.js" defer></script><script>window.addEventListener("load", () => {
|
||
if (typeof $.fn.lightGallery === 'function') {
|
||
$('.article').lightGallery({ selector: '.gallery-item' });
|
||
}
|
||
if (typeof $.fn.justifiedGallery === 'function') {
|
||
if ($('.justified-gallery > p > .gallery-item').length) {
|
||
$('.justified-gallery > p > .gallery-item').unwrap();
|
||
}
|
||
$('.justified-gallery').justifiedGallery();
|
||
}
|
||
});</script><!--!--><!--!--><div id="outdated"><h6>Your browser is out-of-date!</h6><p>Update your browser to view this website correctly.&npsb;<a id="btnUpdateBrowser" href="http://outdatedbrowser.com/">Update my browser now </a></p><p class="last"><a href="#" id="btnCloseUpdateBrowser" title="Close">×</a></p></div><script src="https://cdnjs.loli.net/ajax/libs/outdated-browser/1.1.5/outdatedbrowser.min.js" defer></script><script>window.addEventListener("load", function () {
|
||
outdatedBrowser({
|
||
bgColor: '#f25648',
|
||
color: '#ffffff',
|
||
lowerThan: 'object-fit' // display on IE11 or below
|
||
});
|
||
});</script><!--!--><!--!--><!--!--><script data-pjax src="/hexo-theme-icarus/js/main.js" defer></script><div class="searchbox"><div class="searchbox-container"><div class="searchbox-header"><div class="searchbox-input-container"><input class="searchbox-input" type="text" placeholder="想要查找什么..."></div><a class="searchbox-close" href="javascript:;">×</a></div><div class="searchbox-body"></div></div></div><script data-pjax src="/hexo-theme-icarus/js/insight.js" defer></script><script data-pjax>document.addEventListener('DOMContentLoaded', function () {
|
||
loadInsight({"contentUrl":"/hexo-theme-icarus/content.json"}, {"hint":"想要查找什么...","untitled":"(无标题)","posts":"文章","pages":"页面","categories":"分类","tags":"标签"});
|
||
});</script></body></html> |