npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

hexo-k-shortcode-plugin

v1.1.0

Published

A shortcode plugin for Hexo

Downloads

19

Readme

一个 Hexo 的短代码插件

虽然官方正式名称应该叫标签插件,但我更愿意叫它短代码插件

通过短代码,你可以很轻松的在文本中插入隐藏文本、提示等等。能让你的文章表达形式更加丰富

注意

注意本插件正处于开发初期阶段,可能会有各种bug

本人技术有限,在校学生,高考的学习压力大,开发进度不及时。随缘开发。

本人的需求是开发的根本动力,写的代码基本是满足我自己需要。

使用

安装插件

npm install hexo-k-shortcode-plugin --save

然后就在文章或页面输入你的代码

短代码

隐藏文本

介绍

该短代码可以插入一段隐藏文本。

用法

{% hidden 内容 参数名:参数%}

参数

| 参数名 | 可选值 | 默认值 | 解释 | 是否必须 | | ------ | --------------- | ------ | -------------------------- | -------- | | type | blur/background | blur | 隐藏的形式 (模糊/黑条) | 否 | | color | 字符串 | 无 | 鼠标移上一段时间后显示的话 | 否 | | show | 字符串 | true | 隐藏效果消除,显示文本 | 否 |

示例

{% hidden 这世界就是个错误! type:blur title:鼠标停留会有提示 show:true %} 
<br />
{% hidden 这世界就是个错误! type:background show:true %}
<br />
{% hidden 这世界就是个错误! type:blur title:这世界就是个错误! %} 

隐藏文本示例(鼠标不见了)

标签

介绍

该短代码可以插入一个标签。

用法

{% label 内容 参数名:参数%}

参数

| 参数名 | 可选值 | 默认值 | 解释 | 是否必须 | | ------ | ---------------------------- | ------ | --------------------- | -------- | | color | indigo/green/red/blue/orange | indigo | 标签颜色 | 否 | | shape | square/round | square | 标签形状(方形/圆形) | 否 |

示例

## 方形

{% label 默认标签 %} {% label 靛蓝标签 color:indigo %} {% label 绿色标签 color:green %} {% label 红色标签 color:red %} {% label 蓝色标签 color:blue %} {% label 橙色标签 color:orange %}

## 圆形

{% label 靛蓝标签 color:indigo shape:round %} {% label 绿色标签 color:green shape:round %} {% label 红色标签 color:red shape:round %} {% label 蓝色标签 color:blue shape:round %} {% label 橙色标签 color:orange shape:round %}

image

内容加密(实验性)

介绍

该短代码可以加密一段文本。

用法

{% kencrypt 参数名:参数%}

参数

| 参数名 | 可选值 | 默认值 | 解释 | 是否必须 | | ------ | --------------- | ------ | -------------------------- | -------- | | password | string | 123456 | 密码 | 是 |

示例

{% kencrypt password:123456 %} 
嗯~ o(* ̄▽ ̄*)o,我喜欢你
{% endkencrypt %}