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

dmego-home-page

v1.0.11

Published

Dmego Home Page

Readme

home.github.io

Version Website License Say Thanks Ask DeepWiki

个人主页

一个纯静态的个人主页模板:

  • Bing 壁纸背景(由 GitHub Actions 每日更新 URL 列表)
  • WakaTime 日主题 + 周报弹窗(可选 GitHub Models 生成点评)
  • 无需构建,开箱即用(Pages/本地 HTTP 服务即可运行)

灵感来源:

在线预览

效果图

主页JPG

主页GIF

目录

快速开始

  • Fork 后启用 GitHub Pages:见 docs/quickstart.md
  • 本地预览:python3 -m http.server 8080npx serve .

功能概览

  • 一言(Hitokoto):页面加载时调用 https://v1.hitokoto.cn
  • Bing 壁纸:页面读取 assets/json/images.js,背景轮播
  • WakaTime 主题:页面读取 assets/json/config.js 自动应用日主题
  • 周报弹窗:点击右下角状态(SYSTEM MONITOR),读取 assets/json/weekly.js

自动化与数据流

核心数据流:

GitHub Actions 定时运行 → 生成 assets/json/*.js → 提交到仓库 → 页面加载脚本读取并渲染

工作流说明与触发时间:见 docs/github-actions.md

Secrets / 环境变量

在仓库 Settings → Secrets and variables → Actions 中配置:

| 名称 | 必需 | 用途 | | --- | ---: | --- | | GH_TOKEN | 是 | Actions 提交生成文件 + GitHub Models 调用(建议 scope:repo + models) | | WAKATIME_TOKEN | 用于周报 | 拉取 WakaTime summaries 数据 | | MODEL_NAME | 否 | GitHub Models 模型名(默认 openai/gpt-4.1) | | MODEL_DEBUG | 否 | 设为 1 输出调试日志 |

Token/Secrets 配图步骤:见 docs/github-actions.md

自定义与进阶文档

建议先看这两篇:

常见自定义入口:

  • index.html:头像、标题、导航链接、邮箱混淆
  • assets/js/theme-loader.js:支持 /?theme=focused&hours=6 快速调试主题

更多细节:见 docs/customization.md

重要:index.html 默认引用 https://unpkg.com/dmego-home-page@latest/ 的资源。你 fork 后如果不改这些 URL,页面仍会加载上游包资源。

更新记录

  • 2023-02-27
    • 添加《GitHub Action 配置详细步骤》文档
  • 2023-04-12
    • 移除 Jquery 依赖,使用原生 JS
  • 2023-08-28
    • 将壁纸地址换成 cn.bing.com
  • 2025-09-11
    • 添加公众号二维码、压缩图片
  • 2026-01-22
    • 调整 GitHub Models 接入与默认模型

Star History

Star History Chart