Home

Awesome

<p align="center" class="mb-2"> <img class="not-gallery-item" height="48" 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 href="https://github.com/ppoffice/hexo-theme-icarus/discussions">Discuss on GitHub</a> <br> </p>

:cd: Installation

$ npm install hexo-theme-icarus
$ hexo config theme icarus

Please refer to Getting Started with Icarus for more details.

:gift: Features

Cyberpunk Theme Variant

Tap into the future cyber world with the newly added Cyberpunk theme variant. Inspired by Cyberpunk 2077.

Icarus Cyberpunk

Extensive Plugin Support

Icarus includes plentiful search, comment, sharing and other plugins out of the box that makes your blog feature-rich and powerful.

Comment

Changyan · Disqus · DisqusJS · Facebook · Gitalk · Gitment · Isso · LiveRe · Utterance · Valine

Donate Button

Afdian.net · Alipay · Buy me a coffee · Patreon · Paypal · Wecat

Search

Algolia · Baidu · Google CSE · Insight

Share

AddThis · AddToAny · Baidu Share · Share.js · ShareThis

Widgets

Google Adsense · Archives · Categories · External Site Links · Recent Posts · Google Feedburner · Tags · Table of Contents

Analytics

Baidu Statistics · Bing Webmaster · BuSuanZi Web Counter · CNZZ Statistics · Google Analytics · Hotjar · StatCounter · Twitter Conversion Tracking

Other Plugins

Cookie Consent · LightGallery · Justified Gallery · KaTeX · MathJax · Oudated Browser · Page Loading Animations

Colorful Code Highlight

Icarus directly import stylesheets from the highlight.js package and makes more than 90 code highlight themes available to you.

<table> <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> </table>

Flexible Theme Configuration

Icarus allows you to configure your site on a per-page or per-layout basis.

<div> <table> <tr> <th>_config.yml</th> <th>post.md</th> <th>_config.page.yml</th> </tr> <tr> <td> <pre>widgets: - type: profile position: left - type: recent_posts position: right</pre> </td> <td> <pre>widgets: - type: profile position: left - type: recent_posts position: left</pre> </td> <td> <pre>widgets: null </pre> </td> </tr> <tr> <td><img width="266" src="https://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/default-config.png"></td> <td><img width="266" src="https://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/post-config.png"></td> <td><img width="266" src="https://ppoffice.github.io/hexo-theme-icarus/gallery/screenshots/layout-config.png"></td> </tr> </table> </div>

Responsive Layout

Give your audiences best viewing experience with Icarus's mobile-friendly responsive layout.

Responsive Layout

:hammer: Development

This project is built with

Please refer to the documentation and contributing guide for implementation details.

:tada: Contribute

If you feel like to help us build a better Icarus, you can

:black_nib: Submit a tutorial | :earth_asia: Add a translation | :triangular_flag_on_post: Report a bug | :electric_plug: Suggest a new feature

:memo: License

This project is licensed under the MIT License - see the LICENSE file for details.