Skip to content

Icarus 主题 Plus 版本分支,我集成了很多漂亮实用的组件,例如图片轮播,热门标签,图片居中,随机最新文章展示图,自定义侧边栏等

License

Notifications You must be signed in to change notification settings

lxqxsyu/hexo-theme-icarus

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation


A simple, delicate, and modern theme for the static site generator Hexo.
Preview | Documentation | Download

Icarus


My Plus Version Preview And ShortCup Plus Version Preview

Icarus Plus

Icarus Plus Features

  1. Config Main Page Hot Tags.

  2. Config Main Page Carousel.

  3. Other More Features See : https://dp2px.com/2019/06/04/icarus-theme/

How to use it

  1. Clone My Plus Version:
git clone https://github.com/lxqxsyu/hexo-theme-icarus.git themes/icarus
  1. Config pakage root/source/json-data json files:

  • main-banner.json
[
    {
        "img" : "./json-data/banner/python-compress.webp", 
        "url" : "https://dp2px.com/2019/03/26/python-compress/",
        "alt" : "Python实现的图片压缩处理工具"
    },
    {
        "img" : "./json-data/banner/android-video.webp", 
        "url" : "https://space.bilibili.com/386767453/channel/detail?cid=83639",
        "alt" : "Android免费视频教程"
    }
]
  • hot-tags.json
[
    {
        "tag": "Android入门视频教程",
        "url": "https://space.bilibili.com/386767453/channel/detail?cid=83639",
        "class": "is-warning"
    },
    {
        "tag": "Python",
        "url": "https://dp2px.com/categories/Python/",
        "class": "is-danger"
    }
]

💿 Installation

Download & extract or git clone Icarus from GitHub to your blog's theme folder, and that's it!

git clone https://github.com/ppoffice/hexo-theme-icarus.git themes/icarus

if You Like My Plus Version:

git clone https://github.com/lxqxsyu/hexo-theme-icarus.git themes/icarus

Once started, Icarus will remind you of any missing dependencies and configuration files.

🎁 Features

Extensive Plugin Support

Icarus includes plentiful search, comment, sharing and other plugins out of the box. You can choose any of them to enrich your blog experience, or build your own plugin easily referring to the existing Icarus plugins.

Comment plugins

Search plugins

Share plugins

Donation Buttons

Other plugins

Rich Code Highlight Theme Choices

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

Elastic Theme Configuration

In addition to the minimalistic and easy-to-understand configuration design, Icarus allows you to set configurations on a per-page basis with the ability to merge and override partial configurations.

_config.yml post.md
menu:
    Archives: /archives
    Categories: /categories
    Tags: /tags
    About: /about
title: A Simple Post
menu:
    Go Home: /index.html
---
# Here is some simple markdown.

Responsive Layout

No matter what modern browsering device your audiences are using, they can always get the best experience because Icarus's responsive layout across multiple viewpoints.

Responsive Layout

🔨 Development

This project is built with

  • Hexo 3.7.1
  • Ejs
  • Stylus
  • Bulma 0.7.2

Please refer to the documentation for Icarus implementation details.

🎉 Contribute

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

🔌 Write a plugin | ✒️ Submit a tutorial | :triangular_flag_on_post: Report a bug | :earth_asia: Add a translation

📝 License

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

About

Icarus 主题 Plus 版本分支,我集成了很多漂亮实用的组件,例如图片轮播,热门标签,图片居中,随机最新文章展示图,自定义侧边栏等

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 54.4%
  • HTML 35.5%
  • CSS 10.1%