hexo-theme-icarus/Plugins/Donation/icarus用户指南-赞赏按钮/index.html

190 lines
38 KiB
HTML
Raw Permalink Blame History

This file contains invisible Unicode characters!

This file contains invisible Unicode characters that may be processed differently from what appears below. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to reveal hidden characters.

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!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支持的赞赏按钮的安装配置。 若需同时展示多个按钮只需像如下这样在主题配置的donates数组中添加多个按钮配置 _config.icarus.yml1234567donates: - type: ... # 按钮1 ... - type: ... # 按钮2 ... 本文同时提供以下语言的翻译E"><meta property="og:type" content="blog"><meta property="og:title" content="Icarus用户指南 - 赞赏按钮"><meta property="og:url" content="http://ppoffice.github.io/hexo-theme-icarus/Plugins/Donation/icarus%E7%94%A8%E6%88%B7%E6%8C%87%E5%8D%97-%E8%B5%9E%E8%B5%8F%E6%8C%89%E9%92%AE/"><meta property="og:site_name" content="Icarus"><meta property="og:description" content="本文介绍Icarus 5支持的赞赏按钮的安装配置。 若需同时展示多个按钮只需像如下这样在主题配置的donates数组中添加多个按钮配置 _config.icarus.yml1234567donates: - type: ... # 按钮1 ... - type: ... # 按钮2 ... 本文同时提供以下语言的翻译E"><meta property="og:locale" content="zh_CN"><meta property="og:image" content="http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/paypal-button-style.png"><meta property="og:image" content="http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/paypal-organization-details.png"><meta property="og:image" content="http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/paypal-donation-amount.png"><meta property="og:image" content="http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/paypal-get-code.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/paypal-button-style.png"><script type="application/ld+json">{"@context":"https://schema.org","@type":"BlogPosting","mainEntityOfPage":{"@type":"WebPage","@id":"http://ppoffice.github.io/hexo-theme-icarus/Plugins/Donation/icarus%E7%94%A8%E6%88%B7%E6%8C%87%E5%8D%97-%E8%B5%9E%E8%B5%8F%E6%8C%89%E9%92%AE/"},"headline":"Icarus用户指南 - 赞赏按钮","image":["http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/paypal-button-style.png","http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/paypal-organization-details.png","http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/paypal-donation-amount.png","http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/paypal-get-code.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支持的赞赏按钮的安装配置。 若需同时展示多个按钮只需像如下这样在主题配置的donates数组中添加多个按钮配置 _config.icarus.yml1234567donates: - type: ... # 按钮1 ... - type: ... # 按钮2 ... 本文同时提供以下语言的翻译E"}</script><link rel="canonical" href="http://ppoffice.github.io/hexo-theme-icarus/Plugins/Donation/icarus%E7%94%A8%E6%88%B7%E6%8C%87%E5%8D%97-%E8%B5%9E%E8%B5%8F%E6%8C%89%E9%92%AE/"><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&amp;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-2-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-8-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/Plugins/">Plugins</a><span> / </span><a class="link-muted" href="/hexo-theme-icarus/categories/Plugins/Donation/">Donation</a></span><span class="level-item">6 分钟读完 (大约960个字)</span></div></div><h1 class="title is-3 is-size-4-mobile">Icarus用户指南 - 赞赏按钮</h1><div class="content"><p>本文介绍Icarus 5支持的赞赏按钮的安装配置。
若需同时展示多个按钮,只需像如下这样在主题配置的<code>donates</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">donates:</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="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="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/Plugins/Donation/icarus-user-guide-donation-buttons/">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>
<style>
.content ol:not([type]) {
list-style-type: simp-chinese-informal;
}
</style>
<h2 id="爱发电"><a href="#爱发电" class="headerlink" title="爱发电"></a>爱发电</h2><p><strong>安装指南</strong></p>
<ol>
<li><p>注册<a target="_blank" rel="noopener" href="https://afdian.net/">爱发电</a>并复制个人页面的地址。</p>
</li>
<li><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></pre></td><td class="code"><pre><span class="line"><span class="attr">donates:</span></span><br><span class="line"> <span class="bullet">-</span></span><br><span class="line"> <span class="attr">type:</span> <span class="string">afdian</span></span><br><span class="line"> <span class="comment"># 个人赞助页面的地址</span></span><br><span class="line"> <span class="attr">url:</span> <span class="string">/path/to/afdian/personal/page</span></span><br></pre></td></tr></tbody></table></figure></li>
</ol>
<h2 id="支付宝"><a href="#支付宝" class="headerlink" title="支付宝"></a>支付宝</h2><p><strong>安装指南</strong></p>
<ol>
<li><p>登录支付宝并导出个人支付二维码图片。</p>
</li>
<li><p>将二维码图片保存到你的Hexo网站的附件文件夹下或将它上传至图床。</p>
</li>
<li><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></pre></td><td class="code"><pre><span class="line"><span class="attr">donates:</span></span><br><span class="line"> <span class="bullet">-</span></span><br><span class="line"> <span class="attr">type:</span> <span class="string">alipay</span></span><br><span class="line"> <span class="comment"># 支付宝二维码图片地址</span></span><br><span class="line"> <span class="attr">qrcode:</span> <span class="string">/path/to/alipay/qrcode.png</span></span><br></pre></td></tr></tbody></table></figure></li>
</ol>
<h2 id="Buy-me-a-Coffee"><a href="#Buy-me-a-Coffee" class="headerlink" title="Buy me a Coffee"></a>Buy me a Coffee</h2><p><strong>安装指南</strong></p>
<ol>
<li><p>注册<a target="_blank" rel="noopener" href="https://www.buymeacoffee.com/">Buy me a Coffee</a>并复制个人页面的地址。</p>
</li>
<li><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></pre></td><td class="code"><pre><span class="line"><span class="attr">donates:</span></span><br><span class="line"> <span class="bullet">-</span></span><br><span class="line"> <span class="attr">type:</span> <span class="string">buymeacoffee</span></span><br><span class="line"> <span class="comment"># 个人赞助页面的地址</span></span><br><span class="line"> <span class="attr">url:</span> <span class="string">/path/to/buymeacoffee/personal/page</span></span><br></pre></td></tr></tbody></table></figure></li>
</ol>
<h2 id="Paypal"><a href="#Paypal" class="headerlink" title="Paypal"></a>Paypal</h2><p><strong>安装指南</strong></p>
<ol>
<li><p>登录Paypal点击<a target="_blank" rel="noopener" href="https://www.paypal.com/donate/buttons/">此处</a>来创建一个Paypal捐赠按钮。</p>
</li>
<li><p>在“选择按钮样式”(Choose button style)页面选择“国家/地区”(Country/Region)和“语言”(Language),点击“继续”(Continue)
进入下一页面。</p>
<img src="/hexo-theme-icarus/gallery/screenshots/paypal-button-style.png" class="box px-0 py-0 ml-auto mr-auto" width="360" title="选择按钮样式 - Paypal" alt="选择按钮样式 - Paypal">
<br>
</li>
<li><p>在“添加机构详情”(Add organization details)页面中选择“使用账号ID”(Use account ID)或“使用Email地址”(Use email address)
作为唯一账号标识符。
然后点击“继续”(Continue)进入下一页面。</p>
<img src="/hexo-theme-icarus/gallery/screenshots/paypal-organization-details.png" class="box px-0 py-0 ml-auto mr-auto" width="360" title="添加机构详情 - Paypal" alt="添加机构详情 - Paypal">
<br>
</li>
<li><p>在“设置捐赠数额”(Set donation amounts)页面选择“接收的货币种类”(Currency youll receive donations in),捐赠数额选择
“任意数额”(Any amount)。
此捐赠按钮暂不支持“指定数额”的捐赠选项。
点击“结束并获取代码”(Finish and Get Code)按钮进入下一页面。</p>
<img src="/hexo-theme-icarus/gallery/screenshots/paypal-donation-amount.png" class="box px-0 py-0 ml-auto mr-auto" width="360" title="设置捐赠数额 - Paypal" alt="设置捐赠数额 - Paypal">
<br>
</li>
<li><p>从“按钮HTML代码”(Button HTML)页面中复制<code>business</code><code>currency_code</code>两项的值。
将它们填写到主题配置的<code>business</code><code>currency_code</code>设置中。</p>
<img src="/hexo-theme-icarus/gallery/screenshots/paypal-get-code.png" class="box px-0 py-0 ml-auto mr-auto" width="360" title="获取代码 - Paypal" alt="获取代码 - Paypal">
<br>
<p>例如下方的Paypal捐赠按钮代码</p>
<figure class="highlight html"><figcaption><span>Paypal按钮HTML代码</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="tag">&lt;<span class="name">form</span> <span class="attr">action</span>=<span class="string">"https://www.paypal.com/cgi-bin/webscr"</span> <span class="attr">...</span>&gt;</span></span><br><span class="line"><span class="tag">&lt;<span class="name">input</span> <span class="attr">type</span>=<span class="string">"hidden"</span> <span class="attr">name</span>=<span class="string">"cmd"</span> <span class="attr">value</span>=<span class="string">"_donations"</span> /&gt;</span></span><br><span class="line"><span class="tag">&lt;<span class="name">input</span> <span class="attr">type</span>=<span class="string">"hidden"</span> <span class="attr">name</span>=<span class="string">"business"</span> <span class="attr">value</span>=<span class="string">"XXXXXXXXXXXXX"</span> /&gt;</span></span><br><span class="line"><span class="tag">&lt;<span class="name">input</span> <span class="attr">type</span>=<span class="string">"hidden"</span> <span class="attr">name</span>=<span class="string">"currency_code"</span> <span class="attr">value</span>=<span class="string">"USD"</span> /&gt;</span></span><br><span class="line">...</span><br><span class="line"><span class="tag">&lt;/<span class="name">form</span>&gt;</span></span><br></pre></td></tr></tbody></table></figure>
<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></pre></td><td class="code"><pre><span class="line"><span class="attr">donates:</span></span><br><span class="line"> <span class="bullet">-</span></span><br><span class="line"> <span class="attr">type:</span> <span class="string">paypal</span></span><br><span class="line"> <span class="attr">business:</span> <span class="string">XXXXXXXXXXXXX</span></span><br><span class="line"> <span class="attr">currency_code:</span> <span class="string">USD</span></span><br></pre></td></tr></tbody></table></figure></li>
</ol>
<h2 id="Patreon"><a href="#Patreon" class="headerlink" title="Patreon"></a>Patreon</h2><p><strong>安装指南</strong></p>
<ol>
<li><p>注册<a target="_blank" rel="noopener" href="https://www.patreon.com/">Patreon</a>并复制个人页面的URL地址。</p>
</li>
<li><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></pre></td><td class="code"><pre><span class="line"><span class="attr">donate:</span></span><br><span class="line"> <span class="bullet">-</span></span><br><span class="line"> <span class="attr">type:</span> <span class="string">patreon</span></span><br><span class="line"> <span class="comment"># 个人赞助页面的地址</span></span><br><span class="line"> <span class="attr">url:</span> <span class="string">/path/to/patreon/personal/page</span></span><br></pre></td></tr></tbody></table></figure></li>
</ol>
<h2 id="微信"><a href="#微信" class="headerlink" title="微信"></a>微信</h2><p><strong>安装指南</strong></p>
<ol>
<li><p>登录微信并导出个人支付二维码图片。</p>
</li>
<li><p>将二维码图片保存到你的Hexo网站的附件文件夹下或将它上传至图床。</p>
</li>
<li><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></pre></td><td class="code"><pre><span class="line"><span class="attr">donates:</span></span><br><span class="line"> <span class="bullet">-</span></span><br><span class="line"> <span class="attr">type:</span> <span class="string">wechat</span></span><br><span class="line"> <span class="comment"># 微信二维码图片地址</span></span><br><span class="line"> <span class="attr">qrcode:</span> <span class="string">/path/to/wechat/qrcode.png</span></span><br></pre></td></tr></tbody></table></figure></li>
</ol>
<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/Donation-Buttons.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/Plugins/Donation/icarus用户指南-赞赏按钮/">http://ppoffice.github.io/hexo-theme-icarus/Plugins/Donation/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&amp;product=inline-share-buttons" defer></script></article></div><div class="card"><div class="card-content"><h3 class="menu-label has-text-centered">喜欢这篇文章?打赏一下作者吧</h3><div class="buttons is-centered"><a class="button donate" href="https://afdian.net/" target="_blank" rel="noopener" data-type="afdian"><span class="icon is-small"><i class="fas fa-charging-station"></i></span><span>爱发电</span></a><a class="button donate" data-type="alipay"><span class="icon is-small"><i class="fab fa-alipay"></i></span><span>支付宝</span><span class="qrcode"><img src="/hexo-theme-icarus/gallery/donate/alipay.png" alt="支付宝"></span></a><a class="button donate" href="https://www.buymeacoffee.com/" target="_blank" rel="noopener" data-type="buymeacoffee"><span class="icon is-small"><i class="fas fa-coffee"></i></span><span>送我杯咖啡</span></a><a class="button donate" data-type="paypal" onclick="document.getElementById(&#039;paypal-donate-form&#039;).submit()"><span class="icon is-small"><i class="fab fa-paypal"></i></span><span>Paypal</span></a><form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank" rel="noopener" id="paypal-donate-form"><input type="hidden" name="cmd" value="_donations"><input type="hidden" name="business" value="paypal@paypal.com"><input type="hidden" name="currency_code" value="USD"></form><a class="button donate" href="https://www.patreon.com/" target="_blank" rel="noopener" data-type="patreon"><span class="icon is-small"><i class="fab fa-patreon"></i></span><span>Patreon</span></a><a class="button donate" data-type="wechat"><span class="icon is-small"><i class="fab fa-weixin"></i></span><span>微信</span><span class="qrcode"><img src="/hexo-theme-icarus/gallery/donate/wechat.jpg" alt="微信"></span></a></div></div></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/Comment/icarus%E7%94%A8%E6%88%B7%E6%8C%87%E5%8D%97-%E7%94%A8%E6%88%B7%E8%AF%84%E8%AE%BA%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/Plugins/Search/icarus%E7%94%A8%E6%88%B7%E6%8C%87%E5%8D%97-%E7%AB%99%E5%86%85%E6%90%9C%E7%B4%A2%E6%8F%92%E4%BB%B6/"><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-4-widescreen order-1 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="/hexo-theme-icarus/img/avatar.png" alt="PPOffice"></figure><p class="title is-size-4 is-block" style="line-height:inherit;">PPOffice</p><p class="is-size-6 is-block">Web Developer</p><p class="is-size-6 is-flex justify-content-center"><i class="fas fa-map-marker-alt mr-1"></i><span>Earth, Solar System</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://github.com/ppoffice" 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/ppoffice"><i class="fab fa-github"></i></a><a class="level-item button is-transparent is-marginless" target="_blank" rel="me noopener" title="Facebook" href="https://facebook.com"><i class="fab fa-facebook"></i></a><a class="level-item button is-transparent is-marginless" target="_blank" rel="me noopener" title="Twitter" href="https://twitter.com"><i class="fab fa-twitter"></i></a><a class="level-item button is-transparent is-marginless" target="_blank" rel="me noopener" title="Dribbble" href="https://dribbble.com"><i class="fab fa-dribbble"></i></a><a class="level-item button is-transparent is-marginless" target="_blank" rel="me noopener" title="RSS" href="/hexo-theme-icarus/"><i class="fas fa-rss"></i></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">1</span><span class="level-item">爱发电</span></span></a></li><li><a class="level is-mobile" href="#支付宝"><span class="level-left"><span class="level-item">2</span><span class="level-item">支付宝</span></span></a></li><li><a class="level is-mobile" href="#Buy-me-a-Coffee"><span class="level-left"><span class="level-item">3</span><span class="level-item">Buy me a Coffee</span></span></a></li><li><a class="level is-mobile" href="#Paypal"><span class="level-left"><span class="level-item">4</span><span class="level-item">Paypal</span></span></a></li><li><a class="level is-mobile" href="#Patreon"><span class="level-left"><span class="level-item">5</span><span class="level-item">Patreon</span></span></a></li><li><a class="level is-mobile" href="#微信"><span class="level-left"><span class="level-item">6</span><span class="level-item">微信</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 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/Demo/"><span class="tag">Demo</span><span class="tag">19</span></a></div><div class="control"><a class="tags has-addons" href="/hexo-theme-icarus/tags/Getting-Started/"><span class="tag">Getting Started</span><span class="tag">4</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><span class="tag">12</span></a></div><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><span class="tag">12</span></a></div></div></div></div></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>&copy; 2025 PPOffice</span>  Powered by <a href="https://hexo.io/" target="_blank" rel="noopener">Hexo</a> &amp; <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.&amp;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>