hexo-tag-tiy

    0.0.2 • Public • Published

    hexo-tag-tiy

    TIY 是 Try It Yourself 的缩写,此处特指 Xecades 开发的版本。

    Hexo 博客内嵌 TIY HTML 调试器,可用作在线 HTML 代码运行和调试.

    PC 端插件截图

    移动端插件截图


    安装

    直接使用 npm 开发

    npm install hexo-tag-tiy --save

    使用方法

    {% tiy %}
    // Your code goes here.
    {% endtiy %}

    例如:

    {% tiy %}
    <!DOCTYPE html>
    <html>
    
    <head>
        <meta charset="utf-8">
        <title>Hello</title>
    </head>
    
    <body>
        <p>Hi, TIY!</p>
        <script>
            console.log("Greetings from Xecades!");
        </script>
    </body>
    
    </html>
    {% endtiy %}

    渲染样式


    可选参数

    请在博客根目录 _config.yml 文件中配置(以下填入的均为默认值):

    # TIY
    ## Author: Xecades
    ## Repository: https://github.com/Xecades/hexo-tag-tiy
    tiy:
        enable: true                         # 是否启用插件
        base_url: "https://tiy.xecades.xyz/" # 基础 URL
        height_pc: 500px                     # 电脑版高度
        height_mobile: 700px                 # 手机版高度
        width_pc: 100%                       # 电脑版宽度
        width_mobile: 100%                   # 手机版宽度
        margin: "1rem 0"                     # margin,遵循 CSS 格式
        border: "1px solid #eee"             # 边框样式,遵循 CSS 格式

    LICENSE

    MIT

    Install

    npm i hexo-tag-tiy

    DownloadsWeekly Downloads

    4

    Version

    0.0.2

    License

    MIT

    Unpacked Size

    232 kB

    Total Files

    7

    Last publish

    Collaborators

    • xecades