422 lines
79 KiB
HTML
422 lines
79 KiB
HTML
<!doctype html>
|
||
<html lang="zh"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"><title>Icarus用户指南 - 用户评论插件 - Icarus</title><link rel="manifest" href="/hexo-theme-icarus/manifest.json"><meta name="theme-color" content="#f7f7f7"><meta name="application-name" content="Icaurs - Hexo Theme"><meta name="msapplication-TileImage" content="/img/favicon.svg"><meta name="msapplication-TileColor" content="#f7f7f7"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-title" content="Icaurs - Hexo Theme"><meta name="apple-mobile-web-app-status-bar-style" content="default"><meta name="description" content="本文介绍Icarus 5支持的用户评论插件的安装配置。 本文同时提供以下语言的翻译：English。"><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/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/"><meta property="og:site_name" content="Icarus"><meta property="og:description" content="本文介绍Icarus 5支持的用户评论插件的安装配置。 本文同时提供以下语言的翻译：English。"><meta property="og:locale" content="zh_CN"><meta property="og:image" content="http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/disqus-get-started.png"><meta property="og:image" content="http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/disqus-create-site.png"><meta property="og:image" content="http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/disqus-select-platform.png"><meta property="og:image" content="http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/disqus-service-homepage.png"><meta property="og:image" content="http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/disqus-get-shortname.png"><meta property="og:image" content="http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/disqusjs-api-applications.png"><meta property="og:image" content="http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/disqusjs-register-application.png"><meta property="og:image" content="http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/disqusjs-application-settings.png"><meta property="og:image" content="http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/disqusjs-api-key.png"><meta property="og:image" content="http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/giscus-github-app.png"><meta property="og:image" content="http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/giscus-select-user.png"><meta property="og:image" content="http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/giscus-select-repo.png"><meta property="og:image" content="http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/giscus-get-code.png"><meta property="og:image" content="http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/gitalk-register-application.png"><meta property="og:image" content="http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/gitalk-application-settings.png"><meta property="og:image" content="http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/livere-select-plan.png"><meta property="og:image" content="http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/livere-configure-service.png"><meta property="og:image" content="http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/livere-get-code.png"><meta property="og:image" content="http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/utterances-github-app.png"><meta property="og:image" content="http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/utterances-select-user.png"><meta property="og:image" content="http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/utterances-select-repo.png"><meta property="og:image" content="http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/utterances-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/disqus-get-started.png"><script type="application/ld+json">{"@context":"https://schema.org","@type":"BlogPosting","mainEntityOfPage":{"@type":"WebPage","@id":"http://ppoffice.github.io/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/"},"headline":"Icarus用户指南 - 用户评论插件","image":["http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/disqus-get-started.png","http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/disqus-create-site.png","http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/disqus-select-platform.png","http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/disqus-service-homepage.png","http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/disqus-get-shortname.png","http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/disqusjs-api-applications.png","http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/disqusjs-register-application.png","http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/disqusjs-application-settings.png","http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/disqusjs-api-key.png","http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/giscus-github-app.png","http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/giscus-select-user.png","http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/giscus-select-repo.png","http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/giscus-get-code.png","http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/gitalk-register-application.png","http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/gitalk-application-settings.png","http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/livere-select-plan.png","http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/livere-configure-service.png","http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/livere-get-code.png","http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/utterances-github-app.png","http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/utterances-select-user.png","http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/utterances-select-repo.png","http://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/utterances-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支持的用户评论插件的安装配置。 本文同时提供以下语言的翻译：English。"}</script><link rel="canonical" href="http://ppoffice.github.io/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/"><link rel="icon" href="/hexo-theme-icarus/img/favicon.svg"><link rel="stylesheet" href="https://cdnjs.loli.net/ajax/libs/font-awesome/6.0.0/css/all.min.css"><link data-pjax rel="stylesheet" href="https://cdnjs.loli.net/ajax/libs/highlight.js/11.7.0/styles/atom-one-light.min.css"><link rel="stylesheet" href="https://fonts.loli.net/css2?family=Ubuntu:wght@400;600&family=Source+Code+Pro"><link data-pjax rel="stylesheet" href="/hexo-theme-icarus/css/default.css"><style>body>.footer,body>.navbar,body>.section{opacity:0}</style><!--!--><!--!--><!--!--><!--!--><link rel="stylesheet" href="https://cdnjs.loli.net/ajax/libs/cookieconsent/3.1.1/cookieconsent.min.css"><link rel="stylesheet" href="https://cdnjs.loli.net/ajax/libs/lightgallery/1.10.0/css/lightgallery.min.css"><link rel="stylesheet" href="https://cdnjs.loli.net/ajax/libs/justifiedGallery/3.8.1/css/justifiedGallery.min.css"><script src="https://www.googletagmanager.com/gtag/js?id=UA-72437521-5" async></script><script>window.dataLayer = window.dataLayer || [];
|
||
function gtag(){dataLayer.push(arguments);}
|
||
gtag('js', new Date());
|
||
|
||
gtag('config', 'UA-72437521-5');</script><!--!--><link rel="stylesheet" href="https://cdnjs.loli.net/ajax/libs/outdated-browser/1.1.5/outdatedbrowser.min.css"><style>.pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pace-inactive{display:none}.pace .pace-progress{background:#3273dc;position:fixed;z-index:2000;top:0;right:100%;width:100%;height:2px}</style><script src="https://cdnjs.loli.net/ajax/libs/pace/1.2.4/pace.min.js"></script><!--!--><!--!--><!-- hexo injector head_end start --><script>
|
||
(function () {
|
||
function switchTab() {
|
||
if (!location.hash) {
|
||
return;
|
||
}
|
||
|
||
const id = '#' + CSS.escape(location.hash.substring(1));
|
||
const $tabMenu = document.querySelector(`.tabs a[href="${id}"]`);
|
||
if (!$tabMenu) {
|
||
return;
|
||
}
|
||
|
||
const $tabMenuContainer = $tabMenu.parentElement.parentElement;
|
||
Array.from($tabMenuContainer.children).forEach($menu => $menu.classList.remove('is-active'));
|
||
Array.from($tabMenuContainer.querySelectorAll('a'))
|
||
.map($menu => document.getElementById($menu.getAttribute("href").substring(1)))
|
||
.forEach($content => $content.classList.add('is-hidden'));
|
||
|
||
if ($tabMenu) {
|
||
$tabMenu.parentElement.classList.add('is-active');
|
||
}
|
||
const $activeTab = document.querySelector(id);
|
||
if ($activeTab) {
|
||
$activeTab.classList.remove('is-hidden');
|
||
}
|
||
}
|
||
switchTab();
|
||
window.addEventListener('hashchange', switchTab, false);
|
||
})();
|
||
</script><!-- hexo injector head_end end --><meta name="generator" content="Hexo 7.3.0">
|
||
<style>.not-gallery-item { position: relative; display: inline-block; width: 1.2em; min-height: 1.2em; overflow: hidden; vertical-align: top; color: transparent; } .not-gallery-item > span { position: relative; z-index: 10; } .not-gallery-item img, .not-gallery-item .fancybox { margin: 0 !important; padding: 0 !important; border: none !important; outline: none !important; text-decoration: none !important; user-select: none !important; cursor: auto !important; } .not-gallery-item img { height: 1.2em !important; width: 1.2em !important; position: absolute !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; user-select: none !important; cursor: auto !important; } .not-gallery-item-fallback { color: inherit; } .not-gallery-item-fallback img { opacity: 0 !important; }</style>
|
||
<link rel="alternate" href="/hexo-theme-icarus/atom.xml" title="Icarus" type="application/atom+xml">
|
||
</head><body class="is-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/Comment/">Comment</a></span><span class="level-item">26 分钟读完 (大约3930个字)</span></div></div><h1 class="title is-3 is-size-4-mobile">Icarus用户指南 - 用户评论插件</h1><div class="content"><p>本文介绍Icarus 5支持的用户评论插件的安装配置。</p>
|
||
<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/Comment/icarus-user-guide-comment-plugins/">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="http://changyan.kuaizhan.com/">畅言云评</a>，
|
||
并按照<a target="_blank" rel="noopener" href="http://changyan.kuaizhan.com/static/help/index.html">PC端通用代码接入</a>文档获取评论HTML代码。</p>
|
||
</li>
|
||
<li><p>复制<code>appid</code>与<code>conf</code>的值到主题配置的对应配置项中。
|
||
例如，如下的HTML代码：</p>
|
||
<figure class="highlight html"><figcaption><span>畅言安装代码 >folded</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="comment"><!--PC版--></span></span><br><span class="line"><span class="tag"><<span class="name">div</span> <span class="attr">id</span>=<span class="string">"SOHUCS"</span> <span class="attr">sid</span>=<span class="string">"..."</span>></span><span class="tag"></<span class="name">div</span>></span></span><br><span class="line"><span class="tag"><<span class="name">script</span> <span class="attr">charset</span>=<span class="string">"utf-8"</span> <span class="attr">type</span>=<span class="string">"text/javascript"</span> <span class="attr">src</span>=<span class="string">"https://cy-cdn.kuaizhan.com/upload/changyan.js"</span> ></span><span class="tag"></<span class="name">script</span>></span></span><br><span class="line"><span class="tag"><<span class="name">script</span> <span class="attr">type</span>=<span class="string">"text/javascript"</span>></span><span class="language-javascript"></span></span><br><span class="line"><span class="language-javascript"><span class="variable language_">window</span>.<span class="property">changyan</span>.<span class="property">api</span>.<span class="title function_">config</span>({</span></span><br><span class="line"><span class="language-javascript"> <span class="attr">appid</span>: <span class="string">'????appid????'</span>,</span></span><br><span class="line"><span class="language-javascript"> <span class="attr">conf</span>: <span class="string">'prod_xxxxxxxxxxxxxxxxxxxxxxx'</span></span></span><br><span class="line"><span class="language-javascript">});</span></span><br><span class="line"><span class="language-javascript"></span><span class="tag"></<span class="name">script</span>></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></pre></td><td class="code"><pre><span class="line"><span class="attr">comment:</span></span><br><span class="line"> <span class="attr">type:</span> <span class="string">changyan</span></span><br><span class="line"> <span class="attr">app_id:</span> <span class="string">????appid????</span></span><br><span class="line"> <span class="attr">conf:</span> <span class="string">prod_xxxxxxxxxxxxxxxxxxxxxxx</span></span><br></pre></td></tr></tbody></table></figure></li>
|
||
</ol>
|
||
<h2 id="Disqus"><a href="#Disqus" class="headerlink" title="Disqus"></a>Disqus</h2><div>
|
||
<strong>安装指南</strong><a class="tag is-success ml-2" href="">在线预览</a>
|
||
</div>
|
||
|
||
<ol>
|
||
<li><p>首先，登录<a target="_blank" rel="noopener" href="https://disqus.com/">Disqus</a>。
|
||
点击首页的“开始”(GET STARTED)按钮或者访问
|
||
<a target="_blank" rel="noopener" href="https://disqus.com/profile/signup/intent/">此处</a>并点击“我想要将Disqus安装到我的站点”
|
||
(I want to install Disqus on my site)来创建新的站点评论服务。</p>
|
||
<img src="/hexo-theme-icarus/gallery/screenshots/disqus-get-started.png" class="box px-0 py-0 ml-auto mr-auto" width="360" title="开始页面 - Disqus" alt="开始页面 - Disqus">
|
||
<br>
|
||
</li>
|
||
<li><p>在创建新站点页面中填写“网站名称”(Website Name)以及“网站类型”(Category)，然后点击“创建站点”(Create Site)。</p>
|
||
<img src="/hexo-theme-icarus/gallery/screenshots/disqus-create-site.png" class="box px-0 py-0 ml-auto mr-auto" width="360" title="创建站点 - Disqus" alt="创建站点 - Disqus">
|
||
<br>
|
||
</li>
|
||
<li><p>如果你愿意的话，选择一个付费订阅。
|
||
你也可以点击左侧的“安装Disqus”(Install Disqus)来跳过此步。</p>
|
||
</li>
|
||
<li><p>下一步，选择Disqus的安装平台。
|
||
此处选择页面底部的“上面没有列出我使用的平台，使用通用代码安装”
|
||
(I don’t see my platform listed, install manually with Universal Code)。</p>
|
||
<img src="/hexo-theme-icarus/gallery/screenshots/disqus-select-platform.png" class="box px-0 py-0 ml-auto mr-auto" width="360" title="选择平台 - Disqus" alt="选择平台 - Disqus">
|
||
<br>
|
||
</li>
|
||
<li><p>点击页面底部的“配置”(Configure)按钮跳过“通用代码安装指南”(Universal Code install instructions)。</p>
|
||
</li>
|
||
<li><p>在“配置Disqus”(Configure Disqus)页面中按需填写Disqus个性化配置。
|
||
然后，点击“完成安装”(Complete Setup)和“关闭配置”(Dismiss Setup)按钮来结束配置。</p>
|
||
</li>
|
||
<li><p>下一步，在评论服务首页的右上角点击“编辑配置”(Edit Settings)按钮。</p>
|
||
<img src="/hexo-theme-icarus/gallery/screenshots/disqus-service-homepage.png" class="box px-0 py-0 ml-auto mr-auto" width="360" title="评论服务首页 - Disqus" alt="评论服务首页 - Disqus">
|
||
<br>
|
||
</li>
|
||
<li><p>在“为你的站点配置Disqus”(Configure Disqus for Your Site)页面上找到“Shortname”的值，
|
||
复制到主题配置的评论配置项中。
|
||
例如，下面截图中的“Shortname”为<code>my-hexo-blog-1</code>：</p>
|
||
<img src="/hexo-theme-icarus/gallery/screenshots/disqus-get-shortname.png" class="box px-0 py-0 ml-auto mr-auto" width="360" title="配置Disqus - Disqus" alt="配置Disqus - Disqus">
|
||
<br>
|
||
|
||
<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></pre></td><td class="code"><pre><span class="line"><span class="attr">comment:</span></span><br><span class="line"> <span class="attr">type:</span> <span class="string">disqus</span></span><br><span class="line"> <span class="attr">shortname:</span> <span class="string">my-hexo-blog-1</span></span><br></pre></td></tr></tbody></table></figure>
|
||
</li>
|
||
<li><p>（可选）你可以在文章的front-matter中加入<code>disqusId</code>来为文章添加Disqus唯一标识。
|
||
这样，你可以在未来更改文章的位置而不会丢失所有评论。</p>
|
||
<figure class="highlight markdown"><figcaption><span>source/_post/some-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><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line">title: 我的第一篇文章</span><br><span class="line">date: 2015-01-01 00:00:01</span><br><span class="line"><span class="section">disqusId: some-disqus-id</span></span><br><span class="line"><span class="section">---</span></span><br><span class="line"><span class="section"># Hello world</span></span><br></pre></td></tr></tbody></table></figure></li>
|
||
</ol>
|
||
<h2 id="DisqusJS"><a href="#DisqusJS" class="headerlink" title="DisqusJS"></a>DisqusJS</h2><p>在Disqus服务访问受限的地区可使用DisqusJS作为替代。
|
||
关于DisqusJS的配置过程可参考<a target="_blank" rel="noopener" href="https://github.com/SukkaW/DisqusJS">https://github.com/SukkaW/DisqusJS</a>。</p>
|
||
<div>
|
||
<strong>安装指南</strong><a class="tag is-success ml-2" href="">在线预览</a>
|
||
</div>
|
||
|
||
<ol>
|
||
<li><p>登录Disqus并访问<a target="_blank" rel="noopener" href="https://disqus.com/api/applications/">此链接</a>。
|
||
点击“注册新应用”(Register new application)或者“注册应用”(registering an application)来创建新的Disqus应用。</p>
|
||
<img src="/hexo-theme-icarus/gallery/screenshots/disqusjs-api-applications.png" class="box px-0 py-0 ml-auto mr-auto" width="360" title="应用 - Disqus" alt="应用 - Disqus">
|
||
<br>
|
||
</li>
|
||
<li><p>在下一页面中填写”应用名称“(Label)，”介绍“(Description)，以及”网站地址“(Website)。
|
||
然后点击“注册我的应用”(Register my application)。</p>
|
||
<img src="/hexo-theme-icarus/gallery/screenshots/disqusjs-register-application.png" class="box px-0 py-0 ml-auto mr-auto" width="360" title="注册应用 - Disqus" alt="注册应用 - Disqus">
|
||
<br>
|
||
</li>
|
||
<li><p>应用创建完毕后，进入应用的”设置“(Settings)界面，在”域名“(Domains)输入框中填入你Hexo站点的域名，例如ppoffice.github.io。
|
||
然后点击页面底部的“保存更改”(Save Changes)按钮。</p>
|
||
<img src="/hexo-theme-icarus/gallery/screenshots/disqusjs-application-settings.png" class="box px-0 py-0 ml-auto mr-auto" width="360" title="应用设置 - Disqus" alt="应用设置 - Disqus">
|
||
<br>
|
||
</li>
|
||
<li><p>点击当前页面中的“详情”(Details)链接切换到当前应用的主页。
|
||
从”OAuth设置“(OAuth Settings)部分中复制”API Key“到相应的主题配置项中。</p>
|
||
<p>例如，下面截图中的”API Key“：</p>
|
||
<img src="/hexo-theme-icarus/gallery/screenshots/disqusjs-api-key.png" class="box px-0 py-0 ml-auto mr-auto" width="360" title="应用详情 - Disqus" alt="应用详情 - Disqus">
|
||
<br>
|
||
|
||
<p>对应为下面的主题配置：</p>
|
||
<figure class="highlight yaml"><figcaption><span>_config.icarus.yml</span></figcaption><table><tbody><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br></pre></td><td class="code"><pre><span class="line"><span class="attr">comment:</span></span><br><span class="line"> <span class="attr">type:</span> <span class="string">disqusjs</span></span><br><span class="line"> <span class="attr">shortname:</span> <span class="string">my-hexo-blog-1</span></span><br><span class="line"> <span class="attr">api_key:</span> <span class="string">xxxxxxxxxxxxxxxxxxxxxxxxxxxxx</span></span><br><span class="line"> <span class="attr">api:</span> <span class="string">https://disqus.skk.moe/disqus/</span> <span class="comment"># 可选填</span></span><br><span class="line"> <span class="attr">admin:</span> <span class="string">ppoffice</span> <span class="comment"># 可选填</span></span><br><span class="line"> <span class="attr">admin_label:</span> <span class="string">Admin</span> <span class="comment"># 可选填</span></span><br><span class="line"> <span class="attr">nesting:</span> <span class="number">4</span> <span class="comment"># 可选填</span></span><br></pre></td></tr></tbody></table></figure>
|
||
</li>
|
||
<li><p>如要更多了解DisqusJS和它的配置，请访问<a target="_blank" rel="noopener" href="https://github.com/SukkaW/DisqusJS">SukkaW/DisqusJS文档</a>或
|
||
<a target="_blank" rel="noopener" href="https://github.com/ppoffice/hexo-component-inferno/blob/0.2.1/src/schema/comment/disqusjs.json">hexo-component-inferno</a>。</p>
|
||
</li>
|
||
</ol>
|
||
<h2 id="Facebook"><a href="#Facebook" class="headerlink" title="Facebook"></a>Facebook</h2><article class="message message-immersive is-danger">
|
||
<div class="message-body">
|
||
<i class="fas fa-exclamation-triangle mr-2"></i>此评论插件可能会被部分广告拦截扩展拦截，请酌情使用。
|
||
</div>
|
||
</article>
|
||
|
||
<div>
|
||
<strong>安装指南</strong><a class="tag is-success ml-2" href="">在线预览</a>
|
||
</div>
|
||
|
||
<ol>
|
||
<li><p>如要开启Facebook评论服务，将<code>comment</code>的<code>type</code>设置为<code>facebook</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></pre></td><td class="code"><pre><span class="line"><span class="attr">comment:</span></span><br><span class="line"> <span class="attr">type:</span> <span class="string">facebook</span></span><br></pre></td></tr></tbody></table></figure></li>
|
||
</ol>
|
||
<h2 id="Giscus"><a href="#Giscus" class="headerlink" title="Giscus"></a>Giscus</h2><p>利用 <a target="_blank" rel="noopener" href="https://docs.github.com/en/discussions">GitHub Discussions</a> 实现的评论系统。</p>
|
||
<div>
|
||
<strong>安装指南</strong><a class="tag is-success ml-2" href="">在线预览</a>
|
||
</div>
|
||
|
||
<ol>
|
||
<li><p>准备一个公开的 GitHub 仓库（Repository）。</p>
|
||
</li>
|
||
<li><p>访问<a target="_blank" rel="noopener" href="https://github.com/apps/giscus">GitHub Apps - giscus</a>并点击”安装“(Install)。</p>
|
||
<img src="/hexo-theme-icarus/gallery/screenshots/giscus-github-app.png" class="box px-0 py-0 ml-auto mr-auto" width="360" title="GitHub应用页 - giscus" alt="GitHub应用页 - giscus">
|
||
<br>
|
||
</li>
|
||
<li><p>(可选)如果你的账号下有组织账号，在下一页中选择需要安装 giscus 的用户。</p>
|
||
<!-- <img src="/hexo-theme-icarus/gallery/screenshots/giscus-select-user.png" class="box px-0 py-0 ml-auto mr-auto" width="360" title="选择用户 - giscus" alt="选择用户 - giscus"> -->
|
||
<br>
|
||
</li>
|
||
<li><p>在下一页面选择将 giscus 安装到”所有仓库“(All repositories)或是”选定的仓库“(Only select repositories)。
|
||
然后点击“安装”(Install)按钮。</p>
|
||
<!-- <img src="/hexo-theme-icarus/gallery/screenshots/giscus-select-repo.png" class="box px-0 py-0 ml-auto mr-auto" width="360" title="选择仓库 - giscus" alt="选择仓库 - giscus"> -->
|
||
<br>
|
||
</li>
|
||
<li><p>若安装成功，网页将跳转到 <a target="_blank" rel="noopener" href="https://giscus.app/">giscus 官网</a>。
|
||
你可以阅读每个的配置项的说明，并按照配置你的 giscus 安装。</p>
|
||
</li>
|
||
<li><p>完成配置后，转到页面上的”启用 giscus “(Enable giscus)并从 giscus 的 HTML 代码中复制属性值到主题配置的对应配置项中。</p>
|
||
<img src="/hexo-theme-icarus/gallery/screenshots/giscus-get-code.png" class="box px-0 py-0 ml-auto mr-auto" width="360" title="获取代码 - giscus" alt="获取代码 - giscus">
|
||
<br>
|
||
|
||
<p>例如下面的 giscus 代码：</p>
|
||
<figure class="highlight html"><figcaption><span>giscus 安装代码 >folded</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></pre></td><td class="code"><pre><span class="line"><span class="tag"><<span class="name">script</span> <span class="attr">src</span>=<span class="string">"https://giscus.app/client.js"</span></span></span><br><span class="line"><span class="tag"> <span class="attr">data-repo</span>=<span class="string">"usr/repo"</span></span></span><br><span class="line"><span class="tag"> <span class="attr">data-repo-id</span>=<span class="string">"X_xxxxxxxxxx"</span></span></span><br><span class="line"><span class="tag"> <span class="attr">data-category</span>=<span class="string">"Announcements"</span></span></span><br><span class="line"><span class="tag"> <span class="attr">data-category-id</span>=<span class="string">"XXX_xxxxxxxxxxxxxxxx"</span></span></span><br><span class="line"><span class="tag"> <span class="attr">data-mapping</span>=<span class="string">"pathname"</span></span></span><br><span class="line"><span class="tag"> <span class="attr">data-strict</span>=<span class="string">"0"</span></span></span><br><span class="line"><span class="tag"> <span class="attr">data-reactions-enabled</span>=<span class="string">"0"</span></span></span><br><span class="line"><span class="tag"> <span class="attr">data-emit-metadata</span>=<span class="string">"0"</span></span></span><br><span class="line"><span class="tag"> <span class="attr">data-input-position</span>=<span class="string">"top"</span></span></span><br><span class="line"><span class="tag"> <span class="attr">data-theme</span>=<span class="string">"noborder_light"</span></span></span><br><span class="line"><span class="tag"> <span class="attr">data-lang</span>=<span class="string">"zh-CN"</span></span></span><br><span class="line"><span class="tag"> <span class="attr">data-loading</span>=<span class="string">"lazy"</span></span></span><br><span class="line"><span class="tag"> <span class="attr">crossorigin</span>=<span class="string">"anonymous"</span></span></span><br><span class="line"><span class="tag"> <span class="attr">async</span>></span></span><br><span class="line"><span class="tag"></<span class="name">script</span>></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><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></pre></td><td class="code"><pre><span class="line"><span class="attr">comment:</span></span><br><span class="line"> <span class="attr">type:</span> <span class="string">giscus</span></span><br><span class="line"> <span class="attr">repo:</span> <span class="string">usr/repo</span> <span class="comment"># 必填项</span></span><br><span class="line"> <span class="attr">repoId:</span> <span class="string">X_xxxxxxxxxx</span> <span class="comment"># 必填项</span></span><br><span class="line"> <span class="attr">category:</span> <span class="string">Announcements</span> <span class="comment"># 可选填，默认为 Announcements</span></span><br><span class="line"> <span class="attr">categoryId:</span> <span class="string">XXX_xxxxxxxxxxxxxxxx</span> <span class="comment"># 必填项</span></span><br><span class="line"> <span class="attr">mapping:</span> <span class="string">pathname</span> <span class="comment"># 可选填，默认为 pathname</span></span><br><span class="line"> <span class="attr">strict:</span> <span class="literal">false</span> <span class="comment"># 可选填</span></span><br><span class="line"> <span class="attr">reactionsEnabled:</span> <span class="literal">false</span> <span class="comment"># 可选填</span></span><br><span class="line"> <span class="attr">emitMetadata:</span> <span class="literal">false</span> <span class="comment"># 可选填</span></span><br><span class="line"> <span class="attr">inputPosition:</span> <span class="string">top</span> <span class="comment"># 可选填，默认为 top</span></span><br><span class="line"> <span class="attr">theme:</span> <span class="string">noborder_light</span> <span class="comment"># 可选填</span></span><br><span class="line"> <span class="attr">lang:</span> <span class="string">zh-CN</span> <span class="comment"># 可选填，默认为 en</span></span><br><span class="line"> <span class="attr">lazy:</span> <span class="literal">true</span> <span class="comment"># 可选填，默认为 false</span></span><br></pre></td></tr></tbody></table></figure></li>
|
||
</ol>
|
||
<h2 id="Gitalk"><a href="#Gitalk" class="headerlink" title="Gitalk"></a>Gitalk</h2><div>
|
||
<strong>安装指南</strong><a class="tag is-success ml-2" href="">在线预览</a>
|
||
</div>
|
||
|
||
<ol>
|
||
<li><p>登录GitHub并<a target="_blank" rel="noopener" href="https://github.com/settings/applications/new">点此注册</a>一个新的OAuth应用。
|
||
填写”应用名称“(Application name)，”应用主页“(Homepage URL)，”应用描述“(Application description)。
|
||
然后，在”认证回调地址“(Authorization callback URL)填写你的博客的根URL地址。
|
||
点击“注册应用”(Register application)按钮来跳转到应用详情界面。</p>
|
||
<img src="/hexo-theme-icarus/gallery/screenshots/gitalk-register-application.png" class="box px-0 py-0 ml-auto mr-auto" width="360" title="注册OAuth应用 - GitHub" alt="注册OAuth应用 - GitHub">
|
||
<br>
|
||
</li>
|
||
<li><p>复制”Client ID“与”Client Secret“的值并填入主题配置的相应配置项中。</p>
|
||
<img src="/hexo-theme-icarus/gallery/screenshots/gitalk-application-settings.png" class="box px-0 py-0 ml-auto mr-auto" width="360" title="OAuth应用设置 - GitHub" alt="OAuth应用设置 - GitHub">
|
||
<br>
|
||
|
||
<p>例如，对于下面的”Client ID“和”Client Secret“：</p>
|
||
<figure class="highlight plaintext"><figcaption><span>GitHub OAuth应用</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">Client ID</span><br><span class="line">xxxxxxxxxxxxxxxxxxxx</span><br><span class="line">Client Secret</span><br><span class="line">xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</span><br></pre></td></tr></tbody></table></figure>
|
||
|
||
<p>对应如下的Gitalk的配置：</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></pre></td><td class="code"><pre><span class="line"><span class="attr">comment:</span></span><br><span class="line"> <span class="attr">type:</span> <span class="string">gitalk</span></span><br><span class="line"> <span class="attr">client_id:</span> <span class="string">xxxxxxxxxxxxxxxxxxxx</span></span><br><span class="line"> <span class="attr">client_secret:</span> <span class="string">xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</span></span><br><span class="line"> <span class="attr">repo:</span> <span class="string">Some-of-Your-GitHub-Repo</span></span><br><span class="line"> <span class="attr">owner:</span> <span class="string">you_github_name</span></span><br><span class="line"> <span class="attr">admin:</span></span><br><span class="line"> <span class="bullet">-</span> <span class="string">you_github_name</span></span><br><span class="line"> <span class="attr">per_page:</span> <span class="number">20</span> <span class="comment"># 可选填</span></span><br><span class="line"> <span class="attr">distraction_free_mode:</span> <span class="literal">false</span> <span class="comment"># 可选填</span></span><br><span class="line"> <span class="attr">pager_direction:</span> <span class="string">last</span> <span class="comment"># 可选填</span></span><br><span class="line"> <span class="attr">create_issue_manually:</span> <span class="literal">false</span> <span class="comment"># 可选填</span></span><br><span class="line"> <span class="attr">proxy:</span> <span class="comment"># 可选填</span></span><br><span class="line"> <span class="attr">flip_move_options:</span> <span class="comment"># 可选填</span></span><br><span class="line"> <span class="attr">enable_hotkey:</span> <span class="literal">true</span> <span class="comment"># 可选填</span></span><br><span class="line"> <span class="attr">language:</span> <span class="string">zh-CN</span> <span class="comment"># 可选填</span></span><br></pre></td></tr></tbody></table></figure>
|
||
</li>
|
||
<li><p>关于上述配置的含义和可选值，请参考<a target="_blank" rel="noopener" href="https://github.com/gitalk/gitalk">Gitalk文档</a>或
|
||
<a target="_blank" rel="noopener" href="https://github.com/ppoffice/hexo-component-inferno/blob/0.2.1/src/schema/comment/gitalk.json">hexo-component-inferno</a>。</p>
|
||
</li>
|
||
</ol>
|
||
<h2 id="Gitment"><a href="#Gitment" class="headerlink" title="Gitment"></a>Gitment</h2><article class="message message-immersive is-danger">
|
||
<div class="message-body">
|
||
<i class="fas fa-exclamation-triangle mr-2"></i>Gitment似乎已停止维护。你可以选择Gitalk或utterances作为基于GitHub Issues的评论系统的替代。
|
||
</div>
|
||
</article>
|
||
|
||
<p><strong>安装指南</strong></p>
|
||
<ol>
|
||
<li><p>参照Gitalk中的步骤注册GitHub OAuth应用。</p>
|
||
</li>
|
||
<li><p>复制”Client ID“与”Client Secret“的值到主题配置的相应配置项中。</p>
|
||
<p>下面是Gitment的示例配置：</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">comment:</span></span><br><span class="line"> <span class="attr">type:</span> <span class="string">gitment</span></span><br><span class="line"> <span class="attr">owner:</span> <span class="string">you_github_name</span></span><br><span class="line"> <span class="attr">repo:</span> <span class="string">Some-of-Your-GitHub-Repo</span></span><br><span class="line"> <span class="attr">client_id:</span> <span class="string">xxxxxxxxxxxxxxxxxxxx</span></span><br><span class="line"> <span class="attr">client_secret:</span> <span class="string">xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</span></span><br><span class="line"> <span class="attr">theme:</span> <span class="string">gitment.defaultTheme</span> <span class="comment"># 可选填</span></span><br><span class="line"> <span class="attr">per_page:</span> <span class="number">20</span> <span class="comment"># 可选填</span></span><br><span class="line"> <span class="attr">max_comment_height:</span> <span class="number">250</span> <span class="comment"># 可选填</span></span><br></pre></td></tr></tbody></table></figure>
|
||
</li>
|
||
<li><p>关于上述配置的含义，请参考<a target="_blank" rel="noopener" href="https://github.com/imsun/gitment">Gitment文档</a>或
|
||
<a target="_blank" rel="noopener" href="https://github.com/ppoffice/hexo-component-inferno/blob/0.2.1/src/schema/comment/gitment.json">hexo-component-inferno</a>。</p>
|
||
</li>
|
||
</ol>
|
||
<h2 id="Isso"><a href="#Isso" class="headerlink" title="Isso"></a>Isso</h2><p>如果你希望自己搭建一个评论系统而不是依赖第三方的评论服务时，Isso是一个可行的选择。
|
||
然而，不同于第三方评论系统，你需要准备一个Web服务器用来运行Isso服务端程序。</p>
|
||
<p><strong>安装指南</strong></p>
|
||
<ol>
|
||
<li><p>请参照<a target="_blank" rel="noopener" href="https://posativ.org/isso/docs/install/">Isso文档</a>安装并启动Isso服务器。</p>
|
||
</li>
|
||
<li><p>将Isso服务器的HTTP URL填入到主题配置的相应配置项中。
|
||
例如，如果你的Isso服务地址为<code>https://posativ.org/isso/api/</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></pre></td><td class="code"><pre><span class="line"><span class="attr">comment:</span></span><br><span class="line"> <span class="attr">type:</span> <span class="string">isso</span></span><br><span class="line"> <span class="attr">url:</span> <span class="string">posativ.org/isso/api</span></span><br></pre></td></tr></tbody></table></figure></li>
|
||
</ol>
|
||
<h2 id="LiveRe"><a href="#LiveRe" class="headerlink" title="LiveRe"></a>LiveRe</h2><article class="message message-immersive is-danger">
|
||
<div class="message-body">
|
||
<i class="fas fa-exclamation-triangle mr-2"></i>此评论插件可能会被部分广告拦截扩展拦截，请酌情使用。
|
||
</div>
|
||
</article>
|
||
|
||
<p><strong>安装指南</strong></p>
|
||
<ol>
|
||
<li><p>首先，登录<a target="_blank" rel="noopener" href="https://livere.com/">LiveRe</a>。
|
||
点击导航栏上的“安装”(Install)链接，进入安装界面。</p>
|
||
</li>
|
||
<li><p>选择免费”City“选项下方的“现在安装”(Install Now)按钮。</p>
|
||
<img src="/hexo-theme-icarus/gallery/screenshots/livere-select-plan.png" class="box px-0 py-0 ml-auto mr-auto" width="360" title="选择付费方案 - LiveRe" alt="选择付费方案 - LiveRe">
|
||
<br>
|
||
</li>
|
||
<li><p>在”获取LiveRe City代码“(Get LiveRe City code)页面填写”站点地址“(Site URL)，”网站名称“(Name of website)，
|
||
和”网站类别“(Choose site category)。
|
||
勾选“同意广告协议”(I have check the advertising terms…)并点击”获取代码“(Get code)按钮来跳转到LiveRe HTML代码页面。</p>
|
||
<img src="/hexo-theme-icarus/gallery/screenshots/livere-configure-service.png" class="box px-0 py-0 ml-auto mr-auto" width="360" title="配置服务 - LiveRe" alt="配置服务 - LiveRe">
|
||
<br>
|
||
</li>
|
||
<li><p>复制<code>data-uid="..."</code>引号内的值到主题配置中的相应配置项中。</p>
|
||
<img src="/hexo-theme-icarus/gallery/screenshots/livere-get-code.png" class="box px-0 py-0 ml-auto mr-auto" width="360" title="获取代码 - LiveRe" alt="获取代码 - LiveRe">
|
||
<br>
|
||
|
||
<p>例如，下方的LiveRe代码：</p>
|
||
<figure class="highlight html"><figcaption><span>LiveRe安装代码 >folded</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></pre></td><td class="code"><pre><span class="line"><span class="comment"><!-- LiveRe City install code --></span></span><br><span class="line"><span class="tag"><<span class="name">div</span> <span class="attr">id</span>=<span class="string">"lv-container"</span> <span class="attr">data-id</span>=<span class="string">"city"</span> <span class="attr">data-uid</span>=<span class="string">"ABCD1234O0OxxxxXXXX000=="</span>></span></span><br><span class="line"> <span class="tag"><<span class="name">script</span> <span class="attr">type</span>=<span class="string">"text/javascript"</span>></span><span class="language-javascript"></span></span><br><span class="line"><span class="language-javascript"> (<span class="keyword">function</span>(<span class="params">d, s</span>) {</span></span><br><span class="line"><span class="language-javascript"> <span class="keyword">var</span> j, e = d.<span class="title function_">getElementsByTagName</span>(s)[<span class="number">0</span>];</span></span><br><span class="line"><span class="language-javascript"></span></span><br><span class="line"><span class="language-javascript"> <span class="keyword">if</span> (<span class="keyword">typeof</span> <span class="title class_">LivereTower</span> === <span class="string">'function'</span>) { <span class="keyword">return</span>; }</span></span><br><span class="line"><span class="language-javascript"></span></span><br><span class="line"><span class="language-javascript"> j = d.<span class="title function_">createElement</span>(s);</span></span><br><span class="line"><span class="language-javascript"> j.<span class="property">src</span> = <span class="string">'https://cdn-city.livere.com/js/embed.dist.js'</span>;</span></span><br><span class="line"><span class="language-javascript"> j.<span class="property">async</span> = <span class="literal">true</span>;</span></span><br><span class="line"><span class="language-javascript"></span></span><br><span class="line"><span class="language-javascript"> e.<span class="property">parentNode</span>.<span class="title function_">insertBefore</span>(j, e);</span></span><br><span class="line"><span class="language-javascript"> })(<span class="variable language_">document</span>, <span class="string">'script'</span>);</span></span><br><span class="line"><span class="language-javascript"> </span><span class="tag"></<span class="name">script</span>></span></span><br><span class="line"><span class="tag"><<span class="name">noscript</span>></span> Please activate JavaScript for write a comment in LiveRe<span class="tag"></<span class="name">noscript</span>></span></span><br><span class="line"><span class="tag"></<span class="name">div</span>></span></span><br><span class="line"><span class="comment"><!-- completed City install code --></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></pre></td><td class="code"><pre><span class="line"><span class="attr">comment:</span></span><br><span class="line"> <span class="attr">type:</span> <span class="string">livere</span></span><br><span class="line"> <span class="attr">uid:</span> <span class="string">ABCD1234O0OxxxxXXXX000==</span></span><br></pre></td></tr></tbody></table></figure></li>
|
||
</ol>
|
||
<h2 id="Twikoo"><a href="#Twikoo" class="headerlink" title="Twikoo"></a>Twikoo</h2><p>Twikoo是一个基于云函数的自建评论系统。
|
||
不同于其他第三方评论服务，在Icarus中设置和使用Twikoo之前，你需要将它的后端部署到云环境上。</p>
|
||
<div>
|
||
<strong>安装指南</strong><a class="tag is-success ml-2" href="">在线预览</a>
|
||
</div>
|
||
|
||
<ol>
|
||
<li><p>按照<a target="_blank" rel="noopener" href="https://twikoo.js.org/">Twikoo文档</a>，将Twikoo云函数部署到你指定的云服务商之上。</p>
|
||
</li>
|
||
<li><p>将你部署的<code>env_id</code>填入主题设置中的对应设置项之中。</p>
|
||
<figure class="highlight yaml"><figcaption><span>_config.icarus.yml</span></figcaption><table><tbody><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line"><span class="attr">comment:</span></span><br><span class="line"> <span class="attr">type:</span> <span class="string">twikoo</span></span><br><span class="line"> <span class="attr">env_id:</span> <span class="string">xxxxxxxx</span></span><br><span class="line"> <span class="attr">region:</span> <span class="string">ap-guangzhou</span> <span class="comment"># 可选填</span></span><br><span class="line"> <span class="attr">lang:</span> <span class="string">zh-CN</span> <span class="comment"># 可选填</span></span><br></pre></td></tr></tbody></table></figure></li>
|
||
</ol>
|
||
<h2 id="utterances"><a href="#utterances" class="headerlink" title="utterances"></a>utterances</h2><div>
|
||
<strong>安装指南</strong><a class="tag is-success ml-2" href="">在线预览</a>
|
||
</div>
|
||
|
||
<ol>
|
||
<li><p>准备一个公开的GitHub仓库(Repository)。</p>
|
||
</li>
|
||
<li><p>访问<a target="_blank" rel="noopener" href="https://github.com/apps/utterances">GitHub Apps - utterances</a>并点击”安装“(Install)。</p>
|
||
<img src="/hexo-theme-icarus/gallery/screenshots/utterances-github-app.png" class="box px-0 py-0 ml-auto mr-auto" width="360" title="GitHub应用页 - utterances" alt="GitHub应用页 - utterances">
|
||
<br>
|
||
</li>
|
||
<li><p>(可选)如果你的账号下有组织账号，在下一页中选择需要安装utterances的用户。</p>
|
||
<img src="/hexo-theme-icarus/gallery/screenshots/utterances-select-user.png" class="box px-0 py-0 ml-auto mr-auto" width="360" title="选择用户 - utterances" alt="选择用户 - utterances">
|
||
<br>
|
||
</li>
|
||
<li><p>在下一页面选择将utterances安装到”所有仓库“(All repositories)或是”选定的仓库“(Only select repositories)。
|
||
然后点击“安装”(Install)按钮。</p>
|
||
<img src="/hexo-theme-icarus/gallery/screenshots/utterances-select-repo.png" class="box px-0 py-0 ml-auto mr-auto" width="360" title="选择仓库 - utterances" alt="选择仓库 - utterances">
|
||
<br>
|
||
</li>
|
||
<li><p>若安装成功，网页将跳转到<a target="_blank" rel="noopener" href="https://utteranc.es/">utterances官网</a>。
|
||
你可以阅读每个的配置项的说明，并按照配置你的utterances安装。</p>
|
||
</li>
|
||
<li><p>完成配置后，转到页面上的”开启utterances“(Enable Utterances)并从utterances的HTML代码中复制属性值到主题配置的对应配置项中。</p>
|
||
<img src="/hexo-theme-icarus/gallery/screenshots/utterances-get-code.png" class="box px-0 py-0 ml-auto mr-auto" width="360" title="获取代码 - utterances" alt="获取代码 - utterances">
|
||
<br>
|
||
|
||
<p>例如下面的utterances代码：</p>
|
||
<figure class="highlight html"><figcaption><span>utterances安装代码 >folded</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="tag"><<span class="name">script</span> <span class="attr">src</span>=<span class="string">"https://utteranc.es/client.js"</span></span></span><br><span class="line"><span class="tag"> <span class="attr">repo</span>=<span class="string">"Your-GitHub-Username/Your-Public-Repo-Name"</span></span></span><br><span class="line"><span class="tag"> <span class="attr">issue-term</span>=<span class="string">"pathname"</span></span></span><br><span class="line"><span class="tag"> <span class="attr">theme</span>=<span class="string">"github-light"</span></span></span><br><span class="line"><span class="tag"> <span class="attr">crossorigin</span>=<span class="string">"anonymous"</span></span></span><br><span class="line"><span class="tag"> <span class="attr">async</span>></span></span><br><span class="line"><span class="tag"></<span class="name">script</span>></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><span class="line">6</span><br><span class="line">7</span><br></pre></td><td class="code"><pre><span class="line"><span class="attr">comment:</span></span><br><span class="line"> <span class="attr">type:</span> <span class="string">utterances</span></span><br><span class="line"> <span class="attr">repo:</span> <span class="string">Your-GitHub-Username/Your-Public-Repo-Name</span></span><br><span class="line"> <span class="attr">issue_term:</span> <span class="string">pathname</span> <span class="comment"># 必填项，与issue_number二选一填写</span></span><br><span class="line"> <span class="attr">issue_number:</span> <span class="number">100</span> <span class="comment"># 必填项，与issue_term二选一填写，每篇文章对应一个issue，填写前需要手动创建issue</span></span><br><span class="line"> <span class="attr">label:</span> <span class="string">some-issue-label</span> <span class="comment"># 可选填</span></span><br><span class="line"> <span class="attr">theme:</span> <span class="string">github-light</span> <span class="comment"># 可选填</span></span><br></pre></td></tr></tbody></table></figure></li>
|
||
</ol>
|
||
<h2 id="Valine"><a href="#Valine" class="headerlink" title="Valine"></a>Valine</h2><div>
|
||
<strong>安装指南</strong><a class="tag is-success ml-2" href="">在线预览</a>
|
||
</div>
|
||
|
||
<br>
|
||
|
||
<article class="message message-immersive is-danger">
|
||
<div class="message-body">
|
||
<i class="fas fa-exclamation-triangle mr-2"></i>有用户发现一个存在于Valine评论插件的漏洞会导致此评论服务暴露所有评论者的
|
||
IP地址 (<a href="https://github.com/xCss/Valine/issues/336" target="_blank" rel="noopener">xCss/Valine#336</a>)。
|
||
请在此漏洞修复之前换用其他评论服务。
|
||
</div>
|
||
</article>
|
||
|
||
<ol>
|
||
<li><p>按照<a target="_blank" rel="noopener" href="https://valine.js.org/quickstart.html">快速开始文档</a>创建LeanCloud应用。</p>
|
||
</li>
|
||
<li><p>将你LeanCloud应用的”App ID“和”App Key“复制到主题配置的对应配置项中。
|
||
此外，你可以参考<a target="_blank" rel="noopener" href="https://valine.js.org/configuration.html">配置项</a>来了解可选配置项的详情和可能的配置值。
|
||
下面是示例配置：</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></pre></td><td class="code"><pre><span class="line"><span class="attr">comment:</span></span><br><span class="line"> <span class="attr">type:</span> <span class="string">valine</span></span><br><span class="line"> <span class="attr">app_id:</span> <span class="string">xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</span></span><br><span class="line"> <span class="attr">app_key:</span> <span class="string">xxxxxxxxxxxxxxxxxxxxxx</span></span><br><span class="line"> <span class="attr">placeholder:</span> <span class="string">""</span> <span class="comment"># 可选填</span></span><br><span class="line"> <span class="attr">avatar:</span> <span class="string">mm</span> <span class="comment"># 可选填</span></span><br><span class="line"> <span class="attr">avatar_force:</span> <span class="literal">false</span> <span class="comment"># 可选填</span></span><br><span class="line"> <span class="attr">meta:</span> [<span class="string">"nick"</span>, <span class="string">"mail"</span>, <span class="string">"link"</span>] <span class="comment"># 可选填</span></span><br><span class="line"> <span class="attr">page_size:</span> <span class="number">10</span> <span class="comment"># 可选填</span></span><br><span class="line"> <span class="attr">lang:</span> <span class="string">zh-CN</span> <span class="comment"># 可选填</span></span><br><span class="line"> <span class="attr">visitor:</span> <span class="literal">false</span> <span class="comment"># 可选填</span></span><br><span class="line"> <span class="attr">highlight:</span> <span class="literal">true</span> <span class="comment"># 可选填</span></span><br><span class="line"> <span class="attr">record_ip:</span> <span class="literal">false</span> <span class="comment"># 可选填</span></span><br><span class="line"> <span class="attr">server_urls:</span> <span class="comment"># 可选填</span></span><br><span class="line"> <span class="attr">emoji_cdn:</span> <span class="comment"># 可选填</span></span><br><span class="line"> <span class="attr">emoji_maps:</span> <span class="comment"># 可选填</span></span><br><span class="line"> <span class="attr">enable_qq:</span> <span class="literal">false</span> <span class="comment"># 可选填</span></span><br><span class="line"> <span class="attr">required_fields:</span> [] <span class="comment"># 可选填</span></span><br></pre></td></tr></tbody></table></figure></li>
|
||
</ol>
|
||
<h2 id="Waline"><a href="#Waline" class="headerlink" title="Waline"></a>Waline</h2><div>
|
||
<strong>安装指南</strong><a class="tag is-success ml-2" href="">在线预览</a>
|
||
</div>
|
||
|
||
<ol>
|
||
<li><p>按照<a target="_blank" rel="noopener" href="https://waline.js.org/guide/get-started.html">快速上手</a>创建LeanCloud应用和Vercel项目。</p>
|
||
</li>
|
||
<li><p>将你Vercel项目的”服务器地址“(Server URL)复制到主题配置的对应配置项中。
|
||
通常它类似于<code>https://your-domain.vercel.app</code>。
|
||
此外，你可以参考<a target="_blank" rel="noopener" href="https://waline.js.org/reference/client.html">前端配置</a>来了解可选配置项的详情和可能的配置值。
|
||
下面是示例配置：</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></pre></td><td class="code"><pre><span class="line"><span class="attr">comment:</span></span><br><span class="line"> <span class="attr">type:</span> <span class="string">waline</span></span><br><span class="line"> <span class="attr">server_url:</span> <span class="string">https://your-domain.vercel.app</span></span><br><span class="line"> <span class="attr">path:</span> <span class="string">window.location.pathname</span> <span class="comment"># 可选填</span></span><br><span class="line"> <span class="attr">lang:</span> <span class="string">zh-CN</span> <span class="comment"># 可选填</span></span><br><span class="line"> <span class="attr">locale:</span> <span class="comment"># 可选填</span></span><br><span class="line"> <span class="attr">placeholder:</span> <span class="string">'Comment here...'</span></span><br><span class="line"> <span class="attr">emoji:</span> <span class="comment"># 可选填</span></span><br><span class="line"> <span class="bullet">-</span> <span class="string">'//unpkg.com/@waline/emojis@1.0.1/weibo'</span></span><br><span class="line"> <span class="attr">dark:</span> <span class="string">auto</span> <span class="comment"># 可选填</span></span><br><span class="line"> <span class="attr">meta:</span> [<span class="string">"nick"</span>, <span class="string">"mail"</span>, <span class="string">"link"</span>] <span class="comment"># 可选填</span></span><br><span class="line"> <span class="attr">required_meta:</span> [] <span class="comment"># 可选填</span></span><br><span class="line"> <span class="attr">login:</span> <span class="string">enable</span> <span class="comment"># 可选填</span></span><br><span class="line"> <span class="attr">word_limit:</span> <span class="number">0</span> <span class="comment"># 可选填</span></span><br><span class="line"> <span class="attr">page_size:</span> <span class="number">10</span> <span class="comment"># 可选填</span></span><br><span class="line"> <span class="attr">image_uploader:</span> <span class="literal">false</span> <span class="comment"># 可选填</span></span><br><span class="line"> <span class="attr">highlighter:</span> <span class="literal">true</span> <span class="comment"># 可选填</span></span><br><span class="line"> <span class="attr">tex_renderer:</span> <span class="literal">false</span> <span class="comment"># 可选填</span></span><br><span class="line"> <span class="attr">search:</span> <span class="literal">false</span> <span class="comment"># 可选填</span></span><br><span class="line"> <span class="attr">pageview:</span> <span class="literal">false</span> <span class="comment"># 可选填</span></span><br><span class="line"> <span class="attr">comment:</span> <span class="literal">false</span> <span class="comment"># 可选填</span></span><br><span class="line"> <span class="attr">copyright:</span> <span class="literal">true</span> <span class="comment"># 可选填</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/Comment-Plugins.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/Comment/icarus用户指南-用户评论插件/">http://ppoffice.github.io/hexo-theme-icarus/Plugins/Comment/icarus用户指南-用户评论插件/</a></p></div><div class="licensing-meta level is-mobile"><div class="level-left"><div class="level-item is-narrow"><div><h6>作者</h6><p>PPOffice</p></div></div><div class="level-item is-narrow"><div><h6>发布于</h6><p>2016-01-01</p></div></div><div class="level-item is-narrow"><div><h6>许可协议</h6><p><a class="icons" rel="noopener" target="_blank" title="Creative Commons" href="https://creativecommons.org/"><i class="icon fab fa-creative-commons"></i></a><a class="" rel="noopener" target="_blank" title="CC BY-NC-SA 4.0" href="https://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY-NC-SA 4.0</a></p></div></div></div></div></div><div class="article-tags is-size-7 mb-4"><span class="mr-2">#</span><a class="link-muted mr-2" rel="tag" href="/hexo-theme-icarus/tags/Icarus%E7%94%A8%E6%88%B7%E6%8C%87%E5%8D%97/">Icarus用户指南</a></div><div class="sharethis-inline-share-buttons"></div><script src="//platform-api.sharethis.com/js/sharethis.js#property=5ab6f60ace89f00013641890&product=inline-share-buttons" defer></script></article></div><!--!--><nav class="post-navigation mt-4 level is-mobile"><div class="level-start"><a class="article-nav-prev level level-item link-muted" href="/hexo-theme-icarus/Configuration/icarus%E7%94%A8%E6%88%B7%E6%8C%87%E5%8D%97-cdn%E6%8F%90%E4%BE%9B%E5%95%86/"><i class="level-item fas fa-chevron-left"></i><span class="level-item">Icarus用户指南 - CDN提供商</span></a></div><div class="level-end"><a class="article-nav-next level level-item link-muted" href="/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/"><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="#Disqus"><span class="level-left"><span class="level-item">2</span><span class="level-item">Disqus</span></span></a></li><li><a class="level is-mobile" href="#DisqusJS"><span class="level-left"><span class="level-item">3</span><span class="level-item">DisqusJS</span></span></a></li><li><a class="level is-mobile" href="#Facebook"><span class="level-left"><span class="level-item">4</span><span class="level-item">Facebook</span></span></a></li><li><a class="level is-mobile" href="#Giscus"><span class="level-left"><span class="level-item">5</span><span class="level-item">Giscus</span></span></a></li><li><a class="level is-mobile" href="#Gitalk"><span class="level-left"><span class="level-item">6</span><span class="level-item">Gitalk</span></span></a></li><li><a class="level is-mobile" href="#Gitment"><span class="level-left"><span class="level-item">7</span><span class="level-item">Gitment</span></span></a></li><li><a class="level is-mobile" href="#Isso"><span class="level-left"><span class="level-item">8</span><span class="level-item">Isso</span></span></a></li><li><a class="level is-mobile" href="#LiveRe"><span class="level-left"><span class="level-item">9</span><span class="level-item">LiveRe</span></span></a></li><li><a class="level is-mobile" href="#Twikoo"><span class="level-left"><span class="level-item">10</span><span class="level-item">Twikoo</span></span></a></li><li><a class="level is-mobile" href="#utterances"><span class="level-left"><span class="level-item">11</span><span class="level-item">utterances</span></span></a></li><li><a class="level is-mobile" href="#Valine"><span class="level-left"><span class="level-item">12</span><span class="level-item">Valine</span></span></a></li><li><a class="level is-mobile" href="#Waline"><span class="level-left"><span class="level-item">13</span><span class="level-item">Waline</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>© 2025 PPOffice</span> Powered by <a href="https://hexo.io/" target="_blank" rel="noopener">Hexo</a> & <a href="https://github.com/ppoffice/hexo-theme-icarus" target="_blank" rel="noopener">Icarus</a></p></div><div class="level-end"><div class="field has-addons"><p class="control"><a class="button is-transparent is-large" target="_blank" rel="noopener" title="Creative Commons" href="https://creativecommons.org/"><i class="fab fa-creative-commons"></i></a></p><p class="control"><a class="button is-transparent is-large" target="_blank" rel="noopener" title="Discuss on GitHub" href="https://github.com/ppoffice/hexo-theme-icarus/discussions"><i class="fas fa-comments"></i></a></p><p class="control"><a class="button is-transparent is-large" target="_blank" rel="noopener" title="Download on GitHub" href="https://github.com/ppoffice/hexo-theme-icarus"><i class="fab fa-github"></i></a></p></div></div></div></div></footer><script src="https://cdnjs.loli.net/ajax/libs/jquery/3.3.1/jquery.min.js"></script><script src="https://cdnjs.loli.net/ajax/libs/moment.js/2.22.2/moment-with-locales.min.js"></script><script src="https://cdnjs.loli.net/ajax/libs/clipboard.js/2.0.4/clipboard.min.js" defer></script><script>moment.locale("zh-cn");</script><script>var IcarusThemeSettings = {
|
||
article: {
|
||
highlight: {
|
||
clipboard: true,
|
||
fold: 'unfolded'
|
||
}
|
||
}
|
||
};</script><script data-pjax src="/hexo-theme-icarus/js/column.js"></script><script src="/hexo-theme-icarus/js/animation.js"></script><a id="back-to-top" title="回到顶端" href="javascript:;"><i class="fas fa-chevron-up"></i></a><script data-pjax src="/hexo-theme-icarus/js/back_to_top.js" defer></script><!--!--><!--!--><!--!--><script src="https://cdnjs.loli.net/ajax/libs/cookieconsent/3.1.1/cookieconsent.min.js" defer></script><script>window.addEventListener("load", () => {
|
||
window.cookieconsent.initialise({
|
||
type: "info",
|
||
theme: "edgeless",
|
||
static: false,
|
||
position: "bottom-left",
|
||
content: {
|
||
message: "此网站使用Cookie来改善您的体验。",
|
||
dismiss: "知道了！",
|
||
allow: "允许使用Cookie",
|
||
deny: "拒绝",
|
||
link: "了解更多",
|
||
policy: "Cookie政策",
|
||
href: "https://www.cookiesandyou.com/",
|
||
},
|
||
palette: {
|
||
popup: {
|
||
background: "#edeff5",
|
||
text: "#838391"
|
||
},
|
||
button: {
|
||
background: "#4b81e8"
|
||
},
|
||
},
|
||
});
|
||
});</script><script src="https://cdnjs.loli.net/ajax/libs/lightgallery/1.10.0/js/lightgallery.min.js" defer></script><script src="https://cdnjs.loli.net/ajax/libs/justifiedGallery/3.8.1/js/jquery.justifiedGallery.min.js" defer></script><script>window.addEventListener("load", () => {
|
||
if (typeof $.fn.lightGallery === 'function') {
|
||
$('.article').lightGallery({ selector: '.gallery-item' });
|
||
}
|
||
if (typeof $.fn.justifiedGallery === 'function') {
|
||
if ($('.justified-gallery > p > .gallery-item').length) {
|
||
$('.justified-gallery > p > .gallery-item').unwrap();
|
||
}
|
||
$('.justified-gallery').justifiedGallery();
|
||
}
|
||
});</script><!--!--><!--!--><div id="outdated"><h6>Your browser is out-of-date!</h6><p>Update your browser to view this website correctly.&npsb;<a id="btnUpdateBrowser" href="http://outdatedbrowser.com/">Update my browser now </a></p><p class="last"><a href="#" id="btnCloseUpdateBrowser" title="Close">×</a></p></div><script src="https://cdnjs.loli.net/ajax/libs/outdated-browser/1.1.5/outdatedbrowser.min.js" defer></script><script>window.addEventListener("load", function () {
|
||
outdatedBrowser({
|
||
bgColor: '#f25648',
|
||
color: '#ffffff',
|
||
lowerThan: 'object-fit' // display on IE11 or below
|
||
});
|
||
});</script><!--!--><!--!--><!--!--><script data-pjax src="/hexo-theme-icarus/js/main.js" defer></script><div class="searchbox"><div class="searchbox-container"><div class="searchbox-header"><div class="searchbox-input-container"><input class="searchbox-input" type="text" placeholder="想要查找什么..."></div><a class="searchbox-close" href="javascript:;">×</a></div><div class="searchbox-body"></div></div></div><script data-pjax src="/hexo-theme-icarus/js/insight.js" defer></script><script data-pjax>document.addEventListener('DOMContentLoaded', function () {
|
||
loadInsight({"contentUrl":"/hexo-theme-icarus/content.json"}, {"hint":"想要查找什么...","untitled":"(无标题)","posts":"文章","pages":"页面","categories":"分类","tags":"标签"});
|
||
});</script></body></html> |