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 🙏

© 2026 – Pkg Stats / Ryan Hefner

koishi-plugin-screenshot-links

v1.0.3

Published

链接预览!可以实现 [指令解析](https://i0.hdslb.com/bfs/openplatform/d662bef1d4410f527e3834ac8dfd34266e45e5cf.png)、[中间件解析](https://i0.hdslb.com/bfs/openplatform/efa99d00af6fdd73b26b0768730a72d873a85144.png)、[自定义黑名单](https://i0.hdslb.com/bfs/openplatform/343f01d0fdbbca0

Downloads

35

Readme

koishi-plugin-screenshot-links

npm

功能特点

  • 多种工作模式:支持指令模式、中间件模式或两者结合
  • 灵活的权限控制
    • 用户黑白名单:控制哪些用户可以使用截图功能
    • 频道黑白名单:控制在哪些频道可以使用截图功能
    • 域名黑白名单:控制哪些网站可以被截图
  • URL映射表:可以为常用网站设置别名,如"B站"→"https://www.bilibili.com/"
  • 自适应截图:智能调整截图尺寸,避免过长页面
  • 超时控制:设置页面加载和等待网络空闲的超时时间
  • 元素选择器:支持截取页面中的特定元素

使用方法

指令模式

看看 <网址或别名> [选择器]

例如:

  • 看看 B站 - 截取B站首页
  • 看看 https://www.example.com - 截取指定网址
  • 看看 https://www.example.com #main - 只截取页面中id为main的元素

中间件模式

直接发送包含URL的消息,插件会自动检测并截图。

配置说明

基础设置

  • 工作模式:选择指令、中间件或两者结合

截图设置

  • 允许的协议:默认http和https
  • 截图质量:控制图片压缩质量
  • 视口尺寸:设置截图的初始宽高
  • 超时设置:控制页面加载和等待的最长时间
  • 最大高度比例:限制截图的最大高度

权限设置

  • 域名白名单/黑名单:控制可截图的网站
  • 用户白名单/黑名单:控制可使用功能的用户
  • 频道白名单/黑名单:控制可使用功能的频道

调试设置

  • 日志调试模式:启用详细日志输出

注意事项

  • 需要安装并配置puppeteer服务
  • 截图大型页面可能需要较长时间和较多资源
  • 请遵守相关法律法规,不要截取违规内容

许可证

此项目遵循 MIT 许可证。