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

@mitr-yuzr/vno-dmego-yuzr

v1.0.3

Published

🌸 veno-dmego-yuzr 个人主页美化模板

Downloads

10

Readme

vno-dmego-yuzr 个人主页

修改自 dmegovno 模板。

修改内容

  • 删除了不明所以的头像翻页动画
  • 修改了社交媒体为我个人使用的内容
  • 不再使用Github Action和Bing壁纸API相关内容
  • 改用随机动漫壁纸API作为背景
    • 在这里推荐爱搜呓喵酱的API,又快又稳,我用的是前者,后者质量更高但是风景图偏多。
  • 添加了备案的页脚
  • 发布了npm包,对一些你们不会修改的资源使用了unpkg加速(使用饿了么国内镜像)
  • 增加了樱花特效(后来更新的,预览里没有,可以去我的个人主页看

预览

使用方法

  1. 下载源码或fork后本地拉取

  2. 修改根目录下的 favicon.ico (网站图标)以及 apple-touch-icon.jpg(苹果手机保存到桌面的应用图标),可以使用 PNG转ICO - 在线转换图标文件

  3. 修改根目录下的 \assets\img\headimg.png 为你自己的头像,长宽比建议为1:1(正方形)

  4. 修改 index.html 以下内容:

    • 修改 L9-L12 的标题和元数据

    • 修改 L30 的链接

    • 修改 L35 的名字

    • 修改 L37 的格言(也可以设置为个人简介等)

    • 修改 L47-L58 的导航栏的地址和内容

    • 修改 L65-L83 的社交媒体和联系方式,如果想添加其他账号的话需要根据自己需求使用iconfont并修改,具体使用方法可以看这篇博客 -> iconfont字体图标的使用方法--超简单! - 全堆栈溢出攻城狮 - 博客园 (改完后放在对应位置,建议修改 iconfont.css.iconfontfont-size 属性为 24px

    • 修改 L86 的加密邮箱(防爬虫和垃圾广告),可以使用 base64encode 进行加密,或者改用 L87 的明文方式(不推荐)

    • 修改 L102 为你的Copyright和备案(如果没有可以注释掉,也可以注册一个免费的 萌备

    • 如果需要的话,你也可以修改 L27 中壁纸背景API为你的API或静态图片资源

    • 如果需要的话,你也可以在任意合理的位置加入Google Analytics的统计代码

  5. 将修改后的网页上传至服务器,或push到自己的仓库后使用github pages等代码托管服务

吐槽

有一说一,最初 vno 的页面设计非常好,dmego 的动效设计也不赖,但这份代码的风格,这里悄悄的基于个人的看法非常不文明且不礼貌的毫不客气的说一句:简直就是依托答辩。

或许跟我个人习惯有关,或许跟使用的框架和库有关,或许是我水平太低,或许是他代码真的写的稀烂。