267 lines
56 KiB
HTML
267 lines
56 KiB
HTML
<!doctype html>
|
||
<html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"><title>Icarus User Guide - Widgets - 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="This article covers widgets supported by Icarus 5. To display multiple widgets at once, simply add individual widget configuration to the widgets array. They will appear in the order of their definiti"><meta property="og:type" content="blog"><meta property="og:title" content="Icarus User Guide - Widgets"><meta property="og:url" content="http://ppoffice.github.io/hexo-theme-icarus/Widgets/icarus-user-guide-widgets/"><meta property="og:site_name" content="Icarus"><meta property="og:description" content="This article covers widgets supported by Icarus 5. To display multiple widgets at once, simply add individual widget configuration to the widgets array. They will appear in the order of their definiti"><meta property="og:locale" content="en_US"><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="2017-01-31T00:00:00.000Z"><meta property="article:author" content="PPOffice"><meta property="article:tag" content="Icarus User Guide"><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-user-guide-widgets/"},"headline":"Icarus User Guide - Widgets","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":"2017-01-31T00: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":"This article covers widgets supported by Icarus 5. To display multiple widgets at once, simply add individual widget configuration to the widgets array. They will appear in the order of their definiti"}</script><link rel="canonical" href="http://ppoffice.github.io/hexo-theme-icarus/Widgets/icarus-user-guide-widgets/"><link rel="icon" href="/hexo-theme-icarus/img/favicon.svg"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v6.0.0/css/all.css"><link data-pjax rel="stylesheet" href="https://cdn.jsdelivr.net/npm/highlight.js@11.7.0/styles/atom-one-light.css"><link rel="stylesheet" href="https://fonts.googleapis.com/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://cdn.jsdelivr.net/npm/cookieconsent@3.1.1/build/cookieconsent.min.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/lightgallery@1.10.0/dist/css/lightgallery.min.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/justifiedGallery@3.8.1/dist/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://cdn.jsdelivr.net/npm/outdatedbrowser@1.1.5/outdatedbrowser/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://cdn.jsdelivr.net/npm/pace-js@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="Catalogue" href="javascript:;"><i class="fas fa-list-ul"></i></a><a class="navbar-item search" title="Search" 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">Posted <time dateTime="2017-01-31T00:00:00.000Z" title="1/31/2017, 12:00:00 AM">2017-01-31</time></span><span class="level-item"><a class="link-muted" href="/hexo-theme-icarus/categories/Widgets/">Widgets</a></span><span class="level-item">9 minutes read (About 1424 words)</span></div></div><h1 class="title is-3 is-size-4-mobile">Icarus User Guide - Widgets</h1><div class="content"><p>This article covers widgets supported by Icarus 5.
|
||
To display multiple widgets at once, simply add individual widget configuration
|
||
to the <code>widgets</code> array.
|
||
They will appear in the order of their definitions.
|
||
The <code>type</code> and <code>position</code> settings are required for every widget.
|
||
Here is an example:</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"># Widget 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"># Widget 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-asia mr-2"></i>This article is also available in
|
||
<a href="/hexo-theme-icarus/Widgets/icarus%E7%94%A8%E6%88%B7%E6%8C%87%E5%8D%97-%E6%8C%82%E4%BB%B6/">简体中文</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>The following widgets are provided by
|
||
<a target="_blank" rel="noopener" href="https://github.com/ppoffice/hexo-component-inferno">ppoffice/hexo-component-inferno</a>.
|
||
Please refer to it for a complete list of supported plugins and their configuration details.
|
||
</div>
|
||
</article>
|
||
|
||
|
||
<h2 id="Profile"><a href="#Profile" class="headerlink" title="Profile"></a>Profile</h2><p>You can showcase the post author/site admin information via the profile widget.
|
||
Its configuration is listed below:</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"># Author name</span></span><br><span class="line"> <span class="attr">author:</span> <span class="string">hulatocat</span></span><br><span class="line"> <span class="comment"># Title of the author</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"># Author location/organization</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"># URL of the avatar/profile picture</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"># Whether to show a round clip of the avatar</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"># The email address of the Gravatar service(if the `avatar` is not set)</span></span><br><span class="line"> <span class="attr">gravatar:</span></span><br><span class="line"> <span class="comment"># The follow link URL</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"># Social media link URLs</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>Some notes on the configuration:</p>
|
||
<ul>
|
||
<li><p>If you wish to use <a target="_blank" rel="noopener" href="https://en.gravatar.com/">Gravatar</a> instead of <code>avatar</code> as your profile picture,
|
||
fill in the Gravatar email address in the <code>gravatar</code> setting and leave <code>avatar</code> empty;</p>
|
||
</li>
|
||
<li><p>There two acceptable formats for <code>social_links</code>:</p>
|
||
<p> <strong>Icon</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"><link_name>:</span></span><br><span class="line"> <span class="attr">icon:</span> <span class="string"><fontawesome_icon_class_name></span></span><br><span class="line"> <span class="attr">url:</span> <span class="string"><link_url></span></span><br></pre></td></tr></tbody></table></figure>
|
||
|
||
<p> <strong>Text</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"><link_name>:</span> <span class="string"><link_url></span></span><br></pre></td></tr></tbody></table></figure></li>
|
||
</ul>
|
||
<h2 id="Table-of-Contents"><a href="#Table-of-Contents" class="headerlink" title="Table of Contents"></a>Table of Contents</h2><p>To show the table of contents of the current post, add the following widget configuration to your theme
|
||
configurations:</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"># Whether to number each table of contents item</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>Then, add <code>toc: true</code> to the front-matter of your post:</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">A</span> <span class="string">post</span> <span class="string">with</span> <span class="string">the</span> <span class="string">table</span> <span class="string">of</span> <span class="string">contents</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">Post</span> <span class="string">content...</span></span><br></pre></td></tr></tbody></table></figure>
|
||
|
||
|
||
<h2 id="External-Links"><a href="#External-Links" class="headerlink" title="External Links"></a>External Links</h2><p>You can display a list of external sites with the external links widget.
|
||
An example configuration is listed below:</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"># Name and URL of the external site</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="Recent-Posts"><a href="#Recent-Posts" class="headerlink" title="Recent Posts"></a>Recent Posts</h2><p>Use the following configuration to enable the recent posts widget:</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="Archives"><a href="#Archives" class="headerlink" title="Archives"></a>Archives</h2><p>Use the following configuration to enable the archives widget:</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="Categories"><a href="#Categories" class="headerlink" title="Categories"></a>Categories</h2><p>Use the following configuration to enable the categories widget:</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="Tags"><a href="#Tags" class="headerlink" title="Tags"></a>Tags</h2><p>Use the following configuration to enable the tags widget:</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"># Optional. Order by tag name or length. Prefix with `-` to sort in descending order.</span></span><br><span class="line"> <span class="attr">amount:</span> <span class="number">20</span> <span class="comment"># Optional. The maximum number of tags to show. Leave empty to show all.</span></span><br><span class="line"> <span class="attr">show_count:</span> <span class="literal">true</span> <span class="comment"># Optional. Whether to show post count right to tag name.</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 is shutting down the email subscription feature of Feedburner.</a> You can switch to <a href="#follow-it">the follow.it widget</a> or other email subscription services.
|
||
</div>
|
||
</article>
|
||
|
||
<p>To enable Google Feedburner email subscription widget, take the following steps:</p>
|
||
<ol>
|
||
<li><p>First, you need to generate the RSS feed of your Hexo site using a Hexo plugin like
|
||
<a target="_blank" rel="noopener" href="https://github.com/hexojs/hexo-generator-feed">hexo-generator-feed</a>.</p>
|
||
</li>
|
||
<li><p>Then, go to <a target="_blank" rel="noopener" href="https://feedburner.google.com/">Google Feedburner</a>, log into your Google account,
|
||
and add your RSS feed by typing in the RSS feed address to the input box and click “Next”.</p>
|
||
<img src="/hexo-theme-icarus/gallery/screenshots/feedburner-homepage.png" class="box px-0 py-0 ml-auto mr-auto" width="360" title="Homepage - Feedburner" alt="Homepage - Feedburner">
|
||
<br>
|
||
</li>
|
||
<li><p>Next, fill in the “Feed Title” on the next page.
|
||
Click “Next” to continue customizing your feed or click “Skip directly to feed management” to
|
||
finish.</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="Add Feed - Feedburner" alt="Add Feed - Feedburner">
|
||
<br>
|
||
</li>
|
||
<li><p>When finished adding the feed, click the “My Feeds” link on the top of the page.
|
||
Click your newly added feed on the “My Feeds” page.</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="Feed List - Feedburner" alt="Feed List - Feedburner">
|
||
<br>
|
||
</li>
|
||
<li><p>Switch to the “Publicize” tab and click the “Email Subscription” link on the left side of the page.
|
||
Enable “Email Subscription” by clicking the “Activate” button.</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="Activate Email Subscription - Feedburner" alt="Activate Email Subscription - Feedburner">
|
||
<br>
|
||
</li>
|
||
<li><p>Find the following information in the HTML code on the “Email Subscription”
|
||
page:</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="Get Code - Feedburner" alt="Get Code - Feedburner">
|
||
<br>
|
||
|
||
<p>Copy the ID after <code>uri=</code> (e.g., <code>feedforall/ABCD</code>) to the <code>feedburner_id</code> setting of the widget configuration:</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"># (Optional) One line of description text</span></span><br><span class="line"> <span class="attr">description:</span> <span class="string">Subscribe</span> <span class="string">to</span> <span class="string">get</span> <span class="string">the</span> <span class="string">lastest</span> <span class="string">update!</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>Create a new AD on <a target="_blank" rel="noopener" href="https://www.google.com/adsense">Google AdSense</a>.
|
||
Then, copy the values of <code>data-ad-client</code> and <code>data-ad-slot</code> from the AD HTML code to
|
||
the <code>client_id</code> and <code>slot_id</code> setting of the widget configuration, respectively.
|
||
Here is an example:</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>To enable <a target="_blank" rel="noopener" href="https://follow.it/">follow.it</a> email subscription widget, take the following steps:</p>
|
||
<ol>
|
||
<li><p>First, you need to generate the RSS feed of your Hexo site using a Hexo plugin like
|
||
<a target="_blank" rel="noopener" href="https://github.com/hexojs/hexo-generator-feed">hexo-generator-feed</a>.</p>
|
||
</li>
|
||
<li><p>Go to <a target="_blank" rel="noopener" href="https://follow.it/ni">follow.it</a> and enter the URL to your RSS feed file in the text input under
|
||
“Add the follow feature to your site”, e.g., <code>http://example.com/atom.xml</code>.
|
||
Then, click “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="Enter Feed URL - follow.it" alt="Enter Feed URL - follow.it">
|
||
<br>
|
||
</li>
|
||
<li><p>Click the “Continue” button on the “Define the follow form’s design” page.</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="Create Form - follow.it" alt="Create Form - follow.it">
|
||
<br>
|
||
</li>
|
||
<li><p>Search for <code>action=</code> and copy the link between double quotes after <code>action=</code>.
|
||
Paste the action link you copied to the <code>action_url</code> setting of the widget configuration.
|
||
After that, click “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="Copy Action URL - follow.it" alt="Copy Action URL - 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>Click the “Continue” button or the “Skip this” link to skip the “Pick the Follow icons you want” page and
|
||
“Show a pop-up for maximum conversion” page.</p>
|
||
</li>
|
||
<li><p>At the “Connect your feed to a follow.it account” page, enter your email address that you will use to create a follow.it
|
||
account and manage followers in the text input.
|
||
Then, click “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="Connect Account - follow.it" alt="Connect Account - follow.it">
|
||
<br>
|
||
</li>
|
||
<li><p>You will then receive an email from follow.it.
|
||
In that email, search for <code><meta name="follow_it-verification-code" content="******"/></code> and copy the <code>content</code> value
|
||
between double quotes after <code>content=</code>.
|
||
Paste the content value you copied to the <code>verification_code</code> setting of the widget configuration.</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="Copy Verification Code - follow.it" alt="Copy Verification Code - 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>Generate and push your site to your server.</p>
|
||
</li>
|
||
<li><p>Go back to follow.it and register an account using your email.</p>
|
||
</li>
|
||
<li><p>Go back to the first email you receive and click on the “Click here to claim it” link to claim your feed.</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="Verify Claim - follow.it" alt="Verify Claim - follow.it">
|
||
<br>
|
||
|
||
<article class="message message-immersive is-warning">
|
||
<div class="message-body">
|
||
<i class="fas fa-question-circle mr-2"></i>Something wrong with this article?
|
||
Click <a target="_blank" rel="noopener" href="https://github.com/ppoffice/hexo-theme-icarus/edit/site/source/_posts/en/Widgets.md">here</a>
|
||
to submit your revision.
|
||
</div>
|
||
</article>
|
||
</div><div class="article-licensing box"><div class="licensing-title"><p>Icarus User Guide - Widgets</p><p><a href="http://ppoffice.github.io/hexo-theme-icarus/Widgets/icarus-user-guide-widgets/">http://ppoffice.github.io/hexo-theme-icarus/Widgets/icarus-user-guide-widgets/</a></p></div><div class="licensing-meta level is-mobile"><div class="level-left"><div class="level-item is-narrow"><div><h6>Author</h6><p>PPOffice</p></div></div><div class="level-item is-narrow"><div><h6>Posted on</h6><p>2017-01-31</p></div></div><div class="level-item is-narrow"><div><h6>Licensed under</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-User-Guide/">Icarus User Guide</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-user-guide-web-analytics-plugins/"><i class="level-item fas fa-chevron-left"></i><span class="level-item">Icarus User Guide - Web Analytics Plugins</span></a></div><div class="level-end"><a class="article-nav-next level level-item link-muted" href="/hexo-theme-icarus/uncategorized/icarus%E5%BF%AB%E9%80%9F%E4%B8%8A%E6%89%8B/"><span class="level-item">Icarus快速上手</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">Recents</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">Links</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">Archives</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">April 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">March 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">February 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">January 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">January 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">January 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">January 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">January 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">January 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">January 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">Categories</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">Tags</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="Subscribe"></div></div><p class="help">Subscribe to get the lastest update!</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">Posts</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">Categories</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">Tags</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">Follow</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">Catalogue</h3><ul class="menu-list"><li><a class="level is-mobile" href="#Profile"><span class="level-left"><span class="level-item">Profile</span></span></a></li><li><a class="level is-mobile" href="#Table-of-Contents"><span class="level-left"><span class="level-item">Table of Contents</span></span></a></li><li><a class="level is-mobile" href="#External-Links"><span class="level-left"><span class="level-item">External Links</span></span></a></li><li><a class="level is-mobile" href="#Recent-Posts"><span class="level-left"><span class="level-item">Recent Posts</span></span></a></li><li><a class="level is-mobile" href="#Archives"><span class="level-left"><span class="level-item">Archives</span></span></a></li><li><a class="level is-mobile" href="#Categories"><span class="level-left"><span class="level-item">Categories</span></span></a></li><li><a class="level is-mobile" href="#Tags"><span class="level-left"><span class="level-item">Tags</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://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script><script src="https://cdn.jsdelivr.net/npm/moment@2.22.2/min/moment-with-locales.min.js"></script><script src="https://cdn.jsdelivr.net/npm/clipboard@2.0.4/dist/clipboard.min.js" defer></script><script>moment.locale("en");</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="Back to top" 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://cdn.jsdelivr.net/npm/cookieconsent@3.1.1/build/cookieconsent.min.js" defer></script><script>window.addEventListener("load", () => {
|
||
window.cookieconsent.initialise({
|
||
type: "info",
|
||
theme: "edgeless",
|
||
static: false,
|
||
position: "bottom-left",
|
||
content: {
|
||
message: "This website uses cookies to improve your experience.",
|
||
dismiss: "Got it!",
|
||
allow: "Allow cookies",
|
||
deny: "Decline",
|
||
link: "Learn more",
|
||
policy: "Cookie Policy",
|
||
href: "https://www.cookiesandyou.com/",
|
||
},
|
||
palette: {
|
||
popup: {
|
||
background: "#edeff5",
|
||
text: "#838391"
|
||
},
|
||
button: {
|
||
background: "#4b81e8"
|
||
},
|
||
},
|
||
});
|
||
});</script><script src="https://cdn.jsdelivr.net/npm/lightgallery@1.10.0/dist/js/lightgallery.min.js" defer></script><script src="https://cdn.jsdelivr.net/npm/justifiedGallery@3.8.1/dist/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://cdn.jsdelivr.net/npm/outdatedbrowser@1.1.5/outdatedbrowser/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="Type something..."></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":"Type something...","untitled":"(Untitled)","posts":"Posts","pages":"Pages","categories":"Categories","tags":"Tags"});
|
||
});</script></body></html> |