Git Product home page Git Product logo

hexo-theme-amazingremake's Introduction

\definecolor{BrightSkyBlue}{HTML}{5BCEFA}
\definecolor{SoftPink}     {HTML}{F5AAB9}
\definecolor{White}        {HTML}{FFFFFF}

✅ Depressed / Give up quickly / Rust / Minecraft modding / Android Software (Maybe?) / Stellaris

❌ CS / CS / CS / CS / CS / CS

hexo-theme-amazingremake's People

Contributors

autorecap avatar dependabot[bot] avatar littleye233 avatar naughtychas avatar removeif avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

hexo-theme-amazingremake's Issues

增加页面开头的 badge

基本设想

考虑到一些页面可能一些醒目的 badge 来提醒读者(例如评价类文章的“spoiler”提醒),现提出增加针对于单个页面的配置项来实现这种元素。为保证灵活性,设想允许一部分内置 badge,并且其中一部分 badge 支持一些自定义的属性。未来可能可以增加对自定义 badge 的支持。

具体效果

例如,对于某个含有“剧透”提醒的文章,大体上可以以类似如下的形式呈现(转化为等价的 Markdown 表示):

# 测试文章标题

<div class="badge-[spoiler]">
剧透提醒 badge
</div>

## 测试段落标题

...

配置项

设想页面的 front-matter 中添加如下的配置项:

...
badges:
- spoiler
- type: normal
  text: 这是一个常规 badge。
  foo: 这是 normal badge 的另一个自定义属性值。
...

这里的 badges 配置项为一个列表,其中可以为单个字符串(如 spoiler),表示默认配置或不可自定义配置的 badge;也可以为单个 object(如 normal badge),表示含有自定义配置的 badge。特别地,仅包含 type 属性值的 object 与单个字符串等效。对于不存在的 type,可以直接抛出警告,并忽略该项。

实现进度

  • badge 系统
  • 内置 badges
  • 含有自定义配置项的内置 badges
  • 用户预自定义的 badges

Twikoo 评论插件配置项 scheme 错误

{
    "$schema": "http://json-schema.org/draft-07/schema",
    "$id": "/comment/twikoo.json",
    "description": "Twikoo comment plugin configurations\nhttps://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/#Twikoo\nhttps://twikoo.js.org/",
    "type": "object",
    "properties": {
        "type": {
            "type": "string",
            "const": "twikoo"
        },
        "env_id": {
            "type": "string"
        },
        "lang": {
            "type": "string"
        }
    },
    "required": [
        "type",
        "envId"
    ]
}

envId 须改为 env_id

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.