194 lines
41 KiB
HTML
194 lines
41 KiB
HTML
<!doctype html>
|
||
<html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"><title>Icarus</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="A simple, delicate, and modern theme for the static site generator Hexo. Preview | Documentation | Discuss on GitHub 💿 Installation12$ npm install hexo-theme-icarus$ hexo config theme icarus"><meta property="og:type" content="blog"><meta property="og:title" content="Icarus"><meta property="og:url" content="http://ppoffice.github.io/hexo-theme-icarus/about/index.html"><meta property="og:site_name" content="Icarus"><meta property="og:description" content="A simple, delicate, and modern theme for the static site generator Hexo. Preview | Documentation | Discuss on GitHub 💿 Installation12$ npm install hexo-theme-icarus$ hexo config theme icarus"><meta property="og:locale" content="en_US"><meta property="og:image" content="https://ppoffice.github.io/hexo-theme-icarus/img/logo.svg"><meta property="og:image" content="https://ppoffice.github.io/hexo-theme-icarus/gallery/preview.png?1"><meta property="og:image" content="https://github.githubassets.com/images/icons/emoji/unicode/1f4bf.png?v8"><meta property="og:image" content="https://github.githubassets.com/images/icons/emoji/unicode/1f381.png?v8"><meta property="og:image" content="https://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/cyberpunk.png"><meta property="og:image" content="https://ppoffice.github.io/hexo-theme-icarus/gallery/code-highlight/atom-one-light.png?2"><meta property="og:image" content="https://ppoffice.github.io/hexo-theme-icarus/gallery/code-highlight/monokai.png?2"><meta property="og:image" content="https://ppoffice.github.io/hexo-theme-icarus/gallery/code-highlight/kimbie-dark.png?2"><meta property="og:image" content="https://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/default-config.png"><meta property="og:image" content="https://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/post-config.png"><meta property="og:image" content="https://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/layout-config.png"><meta property="og:image" content="https://ppoffice.github.io/hexo-theme-icarus/gallery/responsive.png"><meta property="og:image" content="https://github.githubassets.com/images/icons/emoji/unicode/1f528.png?v8"><meta property="og:image" content="https://github.githubassets.com/images/icons/emoji/unicode/1f389.png?v8"><meta property="og:image" content="https://github.githubassets.com/images/icons/emoji/unicode/2712.png?v8"><meta property="og:image" content="https://github.githubassets.com/images/icons/emoji/unicode/1f30f.png?v8"><meta property="og:image" content="https://github.githubassets.com/images/icons/emoji/unicode/1f6a9.png?v8"><meta property="og:image" content="https://github.githubassets.com/images/icons/emoji/unicode/1f50c.png?v8"><meta property="og:image" content="https://github.githubassets.com/images/icons/emoji/unicode/1f4dd.png?v8"><meta property="article:published_time" content="2025-06-05T03:48:28.804Z"><meta property="article:author" content="PPOffice"><meta property="twitter:card" content="summary"><meta property="twitter:image:src" content="https://ppoffice.github.io/hexo-theme-icarus/img/logo.svg"><script type="application/ld+json">{"@context":"https://schema.org","@type":"BlogPosting","mainEntityOfPage":{"@type":"WebPage","@id":"http://ppoffice.github.io/hexo-theme-icarus/about/index.html"},"headline":"Icarus","image":["https://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/cyberpunk.png","https://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/default-config.png","https://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/post-config.png","https://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/layout-config.png","https://ppoffice.github.io/hexo-theme-icarus/gallery/responsive.png"],"datePublished":"2025-06-05T03:48:28.804Z","author":{"@type":"Person","name":"PPOffice"},"publisher":{"@type":"Organization","name":"Icarus","logo":{"@type":"ImageObject","url":"http://ppoffice.github.io/img/logo.svg"}},"description":"A simple, delicate, and modern theme for the static site generator Hexo. Preview | Documentation | Discuss on GitHub 💿 Installation12$ npm install hexo-theme-icarus$ hexo config theme icarus"}</script><link rel="canonical" href="http://ppoffice.github.io/hexo-theme-icarus/about/index.html"><link rel="icon" href="/hexo-theme-icarus/img/favicon.svg"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v6.0.0/css/all.css"><link data-pjax rel="stylesheet" href="https://cdn.jsdelivr.net/npm/highlight.js@11.7.0/styles/atom-one-light.css"><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;600&family=Source+Code+Pro"><link data-pjax rel="stylesheet" href="/hexo-theme-icarus/css/default.css"><style>body>.footer,body>.navbar,body>.section{opacity:0}</style><!--!--><!--!--><!--!--><!--!--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cookieconsent@3.1.1/build/cookieconsent.min.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/lightgallery@1.10.0/dist/css/lightgallery.min.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/justifiedGallery@3.8.1/dist/css/justifiedGallery.min.css"><script src="https://www.googletagmanager.com/gtag/js?id=UA-72437521-5" async></script><script>window.dataLayer = window.dataLayer || [];
|
||
function gtag(){dataLayer.push(arguments);}
|
||
gtag('js', new Date());
|
||
|
||
gtag('config', 'UA-72437521-5');</script><!--!--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/outdatedbrowser@1.1.5/outdatedbrowser/outdatedbrowser.min.css"><style>.pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pace-inactive{display:none}.pace .pace-progress{background:#3273dc;position:fixed;z-index:2000;top:0;right:100%;width:100%;height:2px}</style><script src="https://cdn.jsdelivr.net/npm/pace-js@1.2.4/pace.min.js"></script><!--!--><!--!--><!-- hexo injector head_end start --><script>
|
||
(function () {
|
||
function switchTab() {
|
||
if (!location.hash) {
|
||
return;
|
||
}
|
||
|
||
const id = '#' + CSS.escape(location.hash.substring(1));
|
||
const $tabMenu = document.querySelector(`.tabs a[href="${id}"]`);
|
||
if (!$tabMenu) {
|
||
return;
|
||
}
|
||
|
||
const $tabMenuContainer = $tabMenu.parentElement.parentElement;
|
||
Array.from($tabMenuContainer.children).forEach($menu => $menu.classList.remove('is-active'));
|
||
Array.from($tabMenuContainer.querySelectorAll('a'))
|
||
.map($menu => document.getElementById($menu.getAttribute("href").substring(1)))
|
||
.forEach($content => $content.classList.add('is-hidden'));
|
||
|
||
if ($tabMenu) {
|
||
$tabMenu.parentElement.classList.add('is-active');
|
||
}
|
||
const $activeTab = document.querySelector(id);
|
||
if ($activeTab) {
|
||
$activeTab.classList.remove('is-hidden');
|
||
}
|
||
}
|
||
switchTab();
|
||
window.addEventListener('hashchange', switchTab, false);
|
||
})();
|
||
</script><!-- hexo injector head_end end --><meta name="generator" content="Hexo 7.3.0">
|
||
<style>.not-gallery-item { position: relative; display: inline-block; width: 1.2em; min-height: 1.2em; overflow: hidden; vertical-align: top; color: transparent; } .not-gallery-item > span { position: relative; z-index: 10; } .not-gallery-item img, .not-gallery-item .fancybox { margin: 0 !important; padding: 0 !important; border: none !important; outline: none !important; text-decoration: none !important; user-select: none !important; cursor: auto !important; } .not-gallery-item img { height: 1.2em !important; width: 1.2em !important; position: absolute !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; user-select: none !important; cursor: auto !important; } .not-gallery-item-fallback { color: inherit; } .not-gallery-item-fallback img { opacity: 0 !important; }</style>
|
||
<link rel="alternate" href="/hexo-theme-icarus/atom.xml" title="Icarus" type="application/atom+xml">
|
||
</head><body class="is-3-column"><nav class="navbar navbar-main"><div class="container navbar-container"><div class="navbar-brand justify-content-center"><a class="navbar-item navbar-logo" href="/hexo-theme-icarus/"><img src="/hexo-theme-icarus/img/logo.svg" alt="Icarus" height="28"></a></div><div class="navbar-menu"><div class="navbar-start"><a class="navbar-item" href="/hexo-theme-icarus/">Home</a><a class="navbar-item" href="/hexo-theme-icarus/archives">Archives</a><a class="navbar-item" href="/hexo-theme-icarus/categories">Categories</a><a class="navbar-item" href="/hexo-theme-icarus/tags">Tags</a><a class="navbar-item is-active" href="/hexo-theme-icarus/about">About</a></div><div class="navbar-end"><a class="navbar-item" target="_blank" rel="noopener" title="Discuss on GitHub" href="https://github.com/ppoffice/hexo-theme-icarus/discussions"><i class="fas fa-comments"></i></a><a class="navbar-item" target="_blank" rel="noopener" title="Download on GitHub" href="https://github.com/ppoffice/hexo-theme-icarus"><i class="fab fa-github"></i></a><a class="navbar-item is-hidden-tablet catalogue" title="Catalogue" href="javascript:;"><i class="fas fa-list-ul"></i></a><a class="navbar-item search" title="Search" href="javascript:;"><i class="fas fa-search"></i></a></div></div></div></nav><section class="section"><div class="container"><div class="columns"><div class="column order-2 column-main is-8-tablet is-8-desktop is-6-widescreen"><div class="card"><article class="card-content article" role="article"><div class="content"><p align="center" class="mb-2">
|
||
<img class="not-gallery-item" style="width:auto;height:48px" src="https://ppoffice.github.io/hexo-theme-icarus/img/logo.svg">
|
||
<br> A simple, delicate, and modern theme for the static site generator Hexo.
|
||
<br>
|
||
<a href="https://ppoffice.github.io/hexo-theme-icarus/">Preview</a> |
|
||
<a href="https://ppoffice.github.io/hexo-theme-icarus/categories/">Documentation</a> |
|
||
<a target="_blank" rel="noopener" href="https://github.com/ppoffice/hexo-theme-icarus/discussions">Discuss on GitHub</a>
|
||
</p>
|
||
|
||
<p><img src="https://ppoffice.github.io/hexo-theme-icarus/gallery/preview.png?1" title="Icarus Preview"></p>
|
||
<h2 id="cd-Installation"><a href="#cd-Installation" class="headerlink" title=":cd: Installation"></a><span class="not-gallery-item"><span>💿</span><img src="https://github.githubassets.com/images/icons/emoji/unicode/1f4bf.png?v8" aria-hidden="true" onerror="this.parent.classList.add('not-gallery-item-fallback')"></span> Installation</h2><figure class="highlight shell"><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="meta prompt_">$ </span><span class="language-bash">npm install hexo-theme-icarus</span></span><br><span class="line"><span class="meta prompt_">$ </span><span class="language-bash">hexo config theme icarus</span></span><br></pre></td></tr></tbody></table></figure>
|
||
|
||
<p>Please refer to <a href="https://ppoffice.github.io/hexo-theme-icarus/uncategorized/getting-started-with-icarus/">Getting Started with Icarus</a>
|
||
for more details.</p>
|
||
<h2 id="gift-Features"><a href="#gift-Features" class="headerlink" title=":gift: Features"></a><span class="not-gallery-item"><span>🎁</span><img src="https://github.githubassets.com/images/icons/emoji/unicode/1f381.png?v8" aria-hidden="true" onerror="this.parent.classList.add('not-gallery-item-fallback')"></span> Features</h2><h3 id="Cyberpunk-Theme-Variant"><a href="#Cyberpunk-Theme-Variant" class="headerlink" title="Cyberpunk Theme Variant"></a>Cyberpunk Theme Variant</h3><p>Tap into the future cyber world with the newly added Cyberpunk theme variant.
|
||
Inspired by <a target="_blank" rel="noopener" href="https://www.cyberpunk.net/">Cyberpunk 2077</a>.</p>
|
||
<p><img src="https://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/cyberpunk.png" alt="Icarus Cyberpunk" title="Icarus Cyberpunk"></p>
|
||
<h3 id="Extensive-Plugin-Support"><a href="#Extensive-Plugin-Support" class="headerlink" title="Extensive Plugin Support"></a>Extensive Plugin Support</h3><p>Icarus includes plentiful search, comment, sharing and other plugins out of the box that makes your
|
||
blog feature-rich and powerful.</p>
|
||
<p><strong><a href="https://ppoffice.github.io/hexo-theme-icarus/categories/Plugins/Comment/">Comment</a></strong></p>
|
||
<p>Changyan · Disqus · DisqusJS · Facebook · Gitalk · Gitment ·
|
||
Isso · LiveRe · Utterance · Valine</p>
|
||
<p><strong><a href="https://ppoffice.github.io/hexo-theme-icarus/categories/Plugins/Donation/">Donate Button</a></strong></p>
|
||
<p>Afdian.net · Alipay · Buy me a coffee · Patreon · Paypal · Wecat</p>
|
||
<p><strong><a href="https://ppoffice.github.io/hexo-theme-icarus/categories/Plugins/Search/">Search</a></strong></p>
|
||
<p>Algolia · Baidu · Google CSE · Insight</p>
|
||
<p><strong><a href="https://ppoffice.github.io/hexo-theme-icarus/categories/Plugins/Share/">Share</a></strong></p>
|
||
<p>AddThis · AddToAny · Baidu Share · Share.js · ShareThis</p>
|
||
<p><strong><a href="https://ppoffice.github.io/hexo-theme-icarus/categories/Widgets/">Widgets</a></strong></p>
|
||
<p>Google Adsense · Archives · Categories · External Site Links ·
|
||
Recent Posts · Google Feedburner · Tags · Table of Contents</p>
|
||
<p><strong><a href="https://ppoffice.github.io/hexo-theme-icarus/Plugins/Analytics/icarus-user-guide-web-analytics-plugins/">Analytics</a></strong></p>
|
||
<p>Baidu Statistics · Bing Webmaster · BuSuanZi Web Counter · CNZZ Statistics ·
|
||
Google Analytics · Hotjar · StatCounter · Twitter Conversion Tracking</p>
|
||
<p><strong><a href="https://ppoffice.github.io/hexo-theme-icarus/categories/Plugins/">Other Plugins</a></strong></p>
|
||
<p>Cookie Consent · LightGallery · Justified Gallery · KaTeX · MathJax ·
|
||
Oudated Browser · Page Loading Animations</p>
|
||
<h3 id="Colorful-Code-Highlight"><a href="#Colorful-Code-Highlight" class="headerlink" title="Colorful Code Highlight"></a>Colorful Code Highlight</h3><p>Icarus directly import stylesheets from the <a target="_blank" rel="noopener" href="https://highlightjs.org/">highlight.js</a> package and makes more than
|
||
90 code highlight themes available to you.</p>
|
||
<table>
|
||
<tbody><tr>
|
||
<th>Atom One Light</th>
|
||
<th>Monokai</th>
|
||
<th>Kimbie Dark</th>
|
||
</tr>
|
||
<tr>
|
||
<td><img width="266" src="https://ppoffice.github.io/hexo-theme-icarus/gallery/code-highlight/atom-one-light.png?2"></td>
|
||
<td><img width="266" src="https://ppoffice.github.io/hexo-theme-icarus/gallery/code-highlight/monokai.png?2"></td>
|
||
<td><img width="266" src="https://ppoffice.github.io/hexo-theme-icarus/gallery/code-highlight/kimbie-dark.png?2"></td>
|
||
</tr>
|
||
</tbody></table>
|
||
|
||
<h3 id="Flexible-Theme-Configuration"><a href="#Flexible-Theme-Configuration" class="headerlink" title="Flexible Theme Configuration"></a>Flexible Theme Configuration</h3><p>Icarus allows you to configure your site on a per-page or per-layout basis.</p>
|
||
<div class="table-overflow">
|
||
<table>
|
||
<tbody><tr>
|
||
<td style="border: 0;">
|
||
<img style="width: 256px; min-width: 256px" src="https://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/default-config.png">
|
||
</td>
|
||
<td style="border: 0;">
|
||
<div style="margin: -1em 0">
|
||
<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">widgets:</span></span><br><span class="line"> <span class="bullet">-</span> <span class="attr">type:</span> <span class="string">profile</span></span><br><span class="line"> <span class="attr">position:</span> <span class="string">left</span></span><br><span class="line"> <span class="bullet">-</span> <span class="attr">type:</span> <span class="string">recent_posts</span></span><br><span class="line"> <span class="attr">position:</span> <span class="string">right</span></span><br></pre></td></tr></tbody></table></figure>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="border: 0;">
|
||
<img style="width: 256px; min-width: 256px" src="https://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/post-config.png">
|
||
</td>
|
||
<td style="border: 0;">
|
||
<div style="margin: -1em 0">
|
||
<figure class="highlight yaml"><figcaption><span>post.md</span></figcaption><table><tbody><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line"><span class="attr">widgets:</span></span><br><span class="line"> <span class="bullet">-</span> <span class="attr">type:</span> <span class="string">profile</span></span><br><span class="line"> <span class="attr">position:</span> <span class="string">left</span></span><br><span class="line"> <span class="bullet">-</span> <span class="attr">type:</span> <span class="string">recent_posts</span></span><br><span class="line"> <span class="attr">position:</span> <span class="string">left</span></span><br></pre></td></tr></tbody></table></figure>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="border: 0;">
|
||
<img style="width: 256px; min-width: 256px" src="https://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/layout-config.png">
|
||
</td>
|
||
<td style="border: 0;">
|
||
<div style="margin: -1em 0">
|
||
<figure class="highlight yaml"><figcaption><span>_config.page.yml</span></figcaption><table><tbody><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line"><span class="attr">widgets:</span> <span class="literal">null</span></span><br></pre></td></tr></tbody></table></figure>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
</tbody></table>
|
||
</div>
|
||
|
||
<h3 id="Responsive-Layout"><a href="#Responsive-Layout" class="headerlink" title="Responsive Layout"></a>Responsive Layout</h3><p>Give your audiences best viewing experience with Icarus’s mobile-friendly responsive layout.</p>
|
||
<p><img src="https://ppoffice.github.io/hexo-theme-icarus/gallery/responsive.png" alt="Responsive Layout"></p>
|
||
<h2 id="hammer-Development"><a href="#hammer-Development" class="headerlink" title=":hammer: Development"></a><span class="not-gallery-item"><span>🔨</span><img src="https://github.githubassets.com/images/icons/emoji/unicode/1f528.png?v8" aria-hidden="true" onerror="this.parent.classList.add('not-gallery-item-fallback')"></span> Development</h2><p>This project is built with</p>
|
||
<ul>
|
||
<li><a target="_blank" rel="noopener" href="https://hexo.io/">Hexo</a></li>
|
||
<li><a target="_blank" rel="noopener" href="https://infernojs.org/">Inferno.js</a></li>
|
||
<li><a target="_blank" rel="noopener" href="https://stylus-lang.com/">Stylus</a></li>
|
||
<li><a target="_blank" rel="noopener" href="https://bulma.io/">Bulma</a></li>
|
||
</ul>
|
||
<p>Please refer to the <a href="https://ppoffice.github.io/hexo-theme-icarus/categories/">documentation</a> and
|
||
<a target="_blank" rel="noopener" href="https://github.com/ppoffice/hexo-theme-icarus/blob/master/CONTRIBUTING.md">contributing guide</a> for implementation details.</p>
|
||
<h2 id="tada-Contribute"><a href="#tada-Contribute" class="headerlink" title=":tada: Contribute"></a><span class="not-gallery-item"><span>🎉</span><img src="https://github.githubassets.com/images/icons/emoji/unicode/1f389.png?v8" aria-hidden="true" onerror="this.parent.classList.add('not-gallery-item-fallback')"></span> Contribute</h2><p>If you feel like to help us build a better Icarus, you can</p>
|
||
<p><span class="not-gallery-item"><span>✒</span><img src="https://github.githubassets.com/images/icons/emoji/unicode/2712.png?v8" aria-hidden="true" onerror="this.parent.classList.add('not-gallery-item-fallback')"></span> <a target="_blank" rel="noopener" href="https://github.com/ppoffice/hexo-theme-icarus/new/site/source/_posts">Submit a tutorial</a> |
|
||
<span class="not-gallery-item"><span>🌏</span><img src="https://github.githubassets.com/images/icons/emoji/unicode/1f30f.png?v8" aria-hidden="true" onerror="this.parent.classList.add('not-gallery-item-fallback')"></span> <a target="_blank" rel="noopener" href="https://github.com/ppoffice/hexo-theme-icarus/tree/master/languages">Add a translation</a> |
|
||
<span class="not-gallery-item"><span>🚩</span><img src="https://github.githubassets.com/images/icons/emoji/unicode/1f6a9.png?v8" aria-hidden="true" onerror="this.parent.classList.add('not-gallery-item-fallback')"></span> <a target="_blank" rel="noopener" href="https://github.com/ppoffice/hexo-theme-icarus/issues">Report a bug</a> |
|
||
<span class="not-gallery-item"><span>🔌</span><img src="https://github.githubassets.com/images/icons/emoji/unicode/1f50c.png?v8" aria-hidden="true" onerror="this.parent.classList.add('not-gallery-item-fallback')"></span> <a target="_blank" rel="noopener" href="https://github.com/ppoffice/hexo-theme-icarus/pulls">Suggest a new feature</a></p>
|
||
<h2 id="memo-License"><a href="#memo-License" class="headerlink" title=":memo: License"></a><span class="not-gallery-item"><span>📝</span><img src="https://github.githubassets.com/images/icons/emoji/unicode/1f4dd.png?v8" aria-hidden="true" onerror="this.parent.classList.add('not-gallery-item-fallback')"></span> License</h2><p>This project is licensed under the MIT License - see the <a target="_blank" rel="noopener" href="https://github.com/ppoffice/hexo-theme-icarus/blob/master/LICENSE">LICENSE</a> file for details.</p>
|
||
</div><div class="article-licensing box"><div class="licensing-title"><p><a href="http://ppoffice.github.io/hexo-theme-icarus/about/index.html">http://ppoffice.github.io/hexo-theme-icarus/about/index.html</a></p></div><div class="licensing-meta level is-mobile"><div class="level-left"><div class="level-item is-narrow"><div><h6>Author</h6><p>PPOffice</p></div></div><div class="level-item is-narrow"><div><h6>Posted on</h6><p>2025-06-05</p></div></div><div class="level-item is-narrow"><div><h6>Licensed under</h6><p><a class="icons" rel="noopener" target="_blank" title="Creative Commons" href="https://creativecommons.org/"><i class="icon fab fa-creative-commons"></i></a><a class="" rel="noopener" target="_blank" title="CC BY-NC-SA 4.0" href="https://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY-NC-SA 4.0</a></p></div></div></div></div></div><div class="sharethis-inline-share-buttons"></div><script src="//platform-api.sharethis.com/js/sharethis.js#property=5ab6f60ace89f00013641890&product=inline-share-buttons" defer></script></article></div><!--!--><!--!--></div><div class="column column-left is-4-tablet is-4-desktop is-3-widescreen order-1"><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">Posts</p><a href="/hexo-theme-icarus/archives/"><p class="title">43</p></a></div></div><div class="level-item has-text-centered is-marginless"><div><p class="heading">Categories</p><a href="/hexo-theme-icarus/categories/"><p class="title">9</p></a></div></div><div class="level-item has-text-centered is-marginless"><div><p class="heading">Tags</p><a href="/hexo-theme-icarus/tags/"><p class="title">4</p></a></div></div></nav><div class="level"><a class="level-item button is-primary is-rounded" href="https://github.com/ppoffice" target="_blank" rel="me noopener">Follow</a></div><div class="level is-mobile is-multiline"><a class="level-item button is-transparent is-marginless" target="_blank" rel="me noopener" title="Github" href="https://github.com/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">Catalogue</h3><ul class="menu-list"><li><a class="level is-mobile" href="#cd-Installation"><span class="level-left"><span class="level-item">1</span><span class="level-item">💿 Installation</span></span></a></li><li><a class="level is-mobile" href="#gift-Features"><span class="level-left"><span class="level-item">2</span><span class="level-item">🎁 Features</span></span></a><ul class="menu-list"><li><a class="level is-mobile" href="#Cyberpunk-Theme-Variant"><span class="level-left"><span class="level-item">2.1</span><span class="level-item">Cyberpunk Theme Variant</span></span></a></li><li><a class="level is-mobile" href="#Extensive-Plugin-Support"><span class="level-left"><span class="level-item">2.2</span><span class="level-item">Extensive Plugin Support</span></span></a></li><li><a class="level is-mobile" href="#Colorful-Code-Highlight"><span class="level-left"><span class="level-item">2.3</span><span class="level-item">Colorful Code Highlight</span></span></a></li><li><a class="level is-mobile" href="#Flexible-Theme-Configuration"><span class="level-left"><span class="level-item">2.4</span><span class="level-item">Flexible Theme Configuration</span></span></a></li><li><a class="level is-mobile" href="#Responsive-Layout"><span class="level-left"><span class="level-item">2.5</span><span class="level-item">Responsive Layout</span></span></a></li></ul></li><li><a class="level is-mobile" href="#hammer-Development"><span class="level-left"><span class="level-item">3</span><span class="level-item">🔨 Development</span></span></a></li><li><a class="level is-mobile" href="#tada-Contribute"><span class="level-left"><span class="level-item">4</span><span class="level-item">🎉 Contribute</span></span></a></li><li><a class="level is-mobile" href="#memo-License"><span class="level-left"><span class="level-item">5</span><span class="level-item">📝 License</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="links"><div class="card-content"><div class="menu"><h3 class="menu-label">Links</h3><ul class="menu-list"><li><a class="level is-mobile" href="https://hexo.io" target="_blank" rel="noopener"><span class="level-left"><span class="level-item">Hexo</span></span><span class="level-right"><span class="level-item tag">hexo.io</span></span></a></li><li><a class="level is-mobile" href="https://bulma.io" target="_blank" rel="noopener"><span class="level-left"><span class="level-item">Bulma</span></span><span class="level-right"><span class="level-item tag">bulma.io</span></span></a></li></ul></div></div></div><div class="card widget" data-type="categories"><div class="card-content"><div class="menu"><h3 class="menu-label">Categories</h3><ul class="menu-list"><li><a class="level is-mobile" href="/hexo-theme-icarus/categories/Configuration/"><span class="level-start"><span class="level-item">Configuration</span></span><span class="level-end"><span class="level-item tag">4</span></span></a></li><li><a class="level is-mobile" href="/hexo-theme-icarus/categories/Plugins/"><span class="level-start"><span class="level-item">Plugins</span></span><span class="level-end"><span class="level-item tag">12</span></span></a><ul><li><a class="level is-mobile" href="/hexo-theme-icarus/categories/Plugins/Analytics/"><span class="level-start"><span class="level-item">Analytics</span></span><span class="level-end"><span class="level-item tag">2</span></span></a></li><li><a class="level is-mobile" href="/hexo-theme-icarus/categories/Plugins/Comment/"><span class="level-start"><span class="level-item">Comment</span></span><span class="level-end"><span class="level-item tag">2</span></span></a></li><li><a class="level is-mobile" href="/hexo-theme-icarus/categories/Plugins/Donation/"><span class="level-start"><span class="level-item">Donation</span></span><span class="level-end"><span class="level-item tag">2</span></span></a></li><li><a class="level is-mobile" href="/hexo-theme-icarus/categories/Plugins/Other/"><span class="level-start"><span class="level-item">Other</span></span><span class="level-end"><span class="level-item tag">2</span></span></a></li><li><a class="level is-mobile" href="/hexo-theme-icarus/categories/Plugins/Search/"><span class="level-start"><span class="level-item">Search</span></span><span class="level-end"><span class="level-item tag">2</span></span></a></li><li><a class="level is-mobile" href="/hexo-theme-icarus/categories/Plugins/Share/"><span class="level-start"><span class="level-item">Share</span></span><span class="level-end"><span class="level-item tag">2</span></span></a></li></ul></li><li><a class="level is-mobile" href="/hexo-theme-icarus/categories/Widgets/"><span class="level-start"><span class="level-item">Widgets</span></span><span class="level-end"><span class="level-item tag">2</span></span></a></li></ul></div></div></div><div class="column-right-shadow is-hidden-widescreen"></div></div><div class="column column-right is-4-tablet is-4-desktop is-3-widescreen is-hidden-touch is-hidden-desktop-only order-3"><div class="card widget" data-type="recent-posts"><div class="card-content"><h3 class="menu-label">Recents</h3><article class="media"><figure class="media-left"><a class="image" href="/hexo-theme-icarus/uncategorized/getting-started-with-icarus/"><img src="/hexo-theme-icarus/gallery/covers/vector_landscape_1.svg" alt="Getting Started with Icarus"></a></figure><div class="media-content"><p class="date"><time dateTime="2020-04-01T00:00:00.000Z">2020-04-01</time></p><p class="title"><a href="/hexo-theme-icarus/uncategorized/getting-started-with-icarus/">Getting Started with Icarus</a></p></div></article><article class="media"><figure class="media-left"><a class="image" href="/hexo-theme-icarus/Configuration/icarus-user-guide-configuring-the-theme/"><img src="/hexo-theme-icarus/gallery/covers/vector_landscape_2.svg" alt="Icarus User Guide - Configuring the Theme"></a></figure><div class="media-content"><p class="date"><time dateTime="2020-03-01T00:00:00.000Z">2020-03-01</time></p><p class="title"><a href="/hexo-theme-icarus/Configuration/icarus-user-guide-configuring-the-theme/">Icarus User Guide - Configuring the Theme</a></p><p class="categories"><a href="/hexo-theme-icarus/categories/Configuration/">Configuration</a></p></div></article><article class="media"><figure class="media-left"><a class="image" href="/hexo-theme-icarus/uncategorized/faq/"><img src="/hexo-theme-icarus/gallery/covers/vector_landscape_3.svg" alt="FAQ"></a></figure><div class="media-content"><p class="date"><time dateTime="2020-02-02T00:00:00.000Z">2020-02-02</time></p><p class="title"><a href="/hexo-theme-icarus/uncategorized/faq/">FAQ</a></p></div></article><article class="media"><figure class="media-left"><a class="image" href="/hexo-theme-icarus/uncategorized/cyberpunk-theme-variant/"><img src="/hexo-theme-icarus/gallery/covers/CP77-KV-en.jpg" alt="Cyberpunk Theme Variant"></a></figure><div class="media-content"><p class="date"><time dateTime="2020-02-01T00:00:00.000Z">2020-02-01</time></p><p class="title"><a href="/hexo-theme-icarus/uncategorized/cyberpunk-theme-variant/">Cyberpunk Theme Variant</a></p></div></article><article class="media"><div class="media-content"><p class="date"><time dateTime="2020-01-01T00:00:00.000Z">2020-01-01</time></p><p class="title"><a href="/hexo-theme-icarus/uncategorized/upgrade-guide/">Upgrade Guide</a></p></div></article></div></div><div class="card widget" data-type="archives"><div class="card-content"><div class="menu"><h3 class="menu-label">Archives</h3><ul class="menu-list"><li><a class="level is-mobile" href="/hexo-theme-icarus/archives/2020/04/"><span class="level-start"><span class="level-item">April 2020</span></span><span class="level-end"><span class="level-item tag">1</span></span></a></li><li><a class="level is-mobile" href="/hexo-theme-icarus/archives/2020/03/"><span class="level-start"><span class="level-item">March 2020</span></span><span class="level-end"><span class="level-item tag">1</span></span></a></li><li><a class="level is-mobile" href="/hexo-theme-icarus/archives/2020/02/"><span class="level-start"><span class="level-item">February 2020</span></span><span class="level-end"><span class="level-item tag">2</span></span></a></li><li><a class="level is-mobile" href="/hexo-theme-icarus/archives/2020/01/"><span class="level-start"><span class="level-item">January 2020</span></span><span class="level-end"><span class="level-item tag">1</span></span></a></li><li><a class="level is-mobile" href="/hexo-theme-icarus/archives/2018/01/"><span class="level-start"><span class="level-item">January 2018</span></span><span class="level-end"><span class="level-item tag">3</span></span></a></li><li><a class="level is-mobile" href="/hexo-theme-icarus/archives/2017/01/"><span class="level-start"><span class="level-item">January 2017</span></span><span class="level-end"><span class="level-item tag">8</span></span></a></li><li><a class="level is-mobile" href="/hexo-theme-icarus/archives/2016/01/"><span class="level-start"><span class="level-item">January 2016</span></span><span class="level-end"><span class="level-item tag">12</span></span></a></li><li><a class="level is-mobile" href="/hexo-theme-icarus/archives/2015/01/"><span class="level-start"><span class="level-item">January 2015</span></span><span class="level-end"><span class="level-item tag">9</span></span></a></li><li><a class="level is-mobile" href="/hexo-theme-icarus/archives/2014/01/"><span class="level-start"><span class="level-item">January 2014</span></span><span class="level-end"><span class="level-item tag">4</span></span></a></li><li><a class="level is-mobile" href="/hexo-theme-icarus/archives/2013/01/"><span class="level-start"><span class="level-item">January 2013</span></span><span class="level-end"><span class="level-item tag">2</span></span></a></li></ul></div></div></div><div class="card widget" data-type="tags"><div class="card-content"><div class="menu"><h3 class="menu-label">Tags</h3><div class="field is-grouped is-grouped-multiline"><div class="control"><a class="tags has-addons" href="/hexo-theme-icarus/tags/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://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script><script src="https://cdn.jsdelivr.net/npm/moment@2.22.2/min/moment-with-locales.min.js"></script><script src="https://cdn.jsdelivr.net/npm/clipboard@2.0.4/dist/clipboard.min.js" defer></script><script>moment.locale("en");</script><script>var IcarusThemeSettings = {
|
||
article: {
|
||
highlight: {
|
||
clipboard: true,
|
||
fold: 'unfolded'
|
||
}
|
||
}
|
||
};</script><script data-pjax src="/hexo-theme-icarus/js/column.js"></script><script src="/hexo-theme-icarus/js/animation.js"></script><a id="back-to-top" title="Back to top" href="javascript:;"><i class="fas fa-chevron-up"></i></a><script data-pjax src="/hexo-theme-icarus/js/back_to_top.js" defer></script><!--!--><!--!--><!--!--><script src="https://cdn.jsdelivr.net/npm/cookieconsent@3.1.1/build/cookieconsent.min.js" defer></script><script>window.addEventListener("load", () => {
|
||
window.cookieconsent.initialise({
|
||
type: "info",
|
||
theme: "edgeless",
|
||
static: false,
|
||
position: "bottom-left",
|
||
content: {
|
||
message: "This website uses cookies to improve your experience.",
|
||
dismiss: "Got it!",
|
||
allow: "Allow cookies",
|
||
deny: "Decline",
|
||
link: "Learn more",
|
||
policy: "Cookie Policy",
|
||
href: "https://www.cookiesandyou.com/",
|
||
},
|
||
palette: {
|
||
popup: {
|
||
background: "#edeff5",
|
||
text: "#838391"
|
||
},
|
||
button: {
|
||
background: "#4b81e8"
|
||
},
|
||
},
|
||
});
|
||
});</script><script src="https://cdn.jsdelivr.net/npm/lightgallery@1.10.0/dist/js/lightgallery.min.js" defer></script><script src="https://cdn.jsdelivr.net/npm/justifiedGallery@3.8.1/dist/js/jquery.justifiedGallery.min.js" defer></script><script>window.addEventListener("load", () => {
|
||
if (typeof $.fn.lightGallery === 'function') {
|
||
$('.article').lightGallery({ selector: '.gallery-item' });
|
||
}
|
||
if (typeof $.fn.justifiedGallery === 'function') {
|
||
if ($('.justified-gallery > p > .gallery-item').length) {
|
||
$('.justified-gallery > p > .gallery-item').unwrap();
|
||
}
|
||
$('.justified-gallery').justifiedGallery();
|
||
}
|
||
});</script><!--!--><!--!--><div id="outdated"><h6>Your browser is out-of-date!</h6><p>Update your browser to view this website correctly.&npsb;<a id="btnUpdateBrowser" href="http://outdatedbrowser.com/">Update my browser now </a></p><p class="last"><a href="#" id="btnCloseUpdateBrowser" title="Close">×</a></p></div><script src="https://cdn.jsdelivr.net/npm/outdatedbrowser@1.1.5/outdatedbrowser/outdatedbrowser.min.js" defer></script><script>window.addEventListener("load", function () {
|
||
outdatedBrowser({
|
||
bgColor: '#f25648',
|
||
color: '#ffffff',
|
||
lowerThan: 'object-fit' // display on IE11 or below
|
||
});
|
||
});</script><!--!--><!--!--><!--!--><script data-pjax src="/hexo-theme-icarus/js/main.js" defer></script><div class="searchbox"><div class="searchbox-container"><div class="searchbox-header"><div class="searchbox-input-container"><input class="searchbox-input" type="text" placeholder="Type something..."></div><a class="searchbox-close" href="javascript:;">×</a></div><div class="searchbox-body"></div></div></div><script data-pjax src="/hexo-theme-icarus/js/insight.js" defer></script><script data-pjax>document.addEventListener('DOMContentLoaded', function () {
|
||
loadInsight({"contentUrl":"/hexo-theme-icarus/content.json"}, {"hint":"Type something...","untitled":"(Untitled)","posts":"Posts","pages":"Pages","categories":"Categories","tags":"Tags"});
|
||
});</script></body></html> |