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 🙏

© 2025 – Pkg Stats / Ryan Hefner

hexo-theme-type

v0.4.6

Published

a simple hexo theme

Downloads

32

Readme

Hexo Theme Type

Snipaste_2022-04-13_13-40-24

Snipaste_2022-04-13_13-40-13

中文文档 效果预览 实时预览

🔨 安装使用

本主题支持 npm 和 git 两种安装方式,你也可以下载 release 版本手动安装。 当前主题仍在开发中,部分功能还没有完善!

使用 npm 安装(推荐)

进入 Hexo 根目录,依次执行以下命令。

npm install hexo-theme-type --save
npm install
cp -v ./node_modules/hexo-theme-type/_config_template.yml ./_config.type.yml

随后,修改站点配置文件[^1]

theme: type

使用 git 安装

进入 Hexo 根目录,依次执行以下命令。

git clone https://github.com/aiokr/hexo-theme-type.git themes/type --depth=1
npm install

随后,修改站点配置文件[^1]

theme: type

📖 文档

本项目的文档正在逐步完善中,详情请阅读 GitHub · Where software is built

💡 快速指南

主题设定

主题设定

独立页面

本主题支持以下独立页面:

  1. 文章样式:你可以创建一个外观和文章一样的独立页面。
  2. 照片墙页面:一个照片墙页面。
  3. 关于页面 β:一个独特的“关于我”页面,目前尚在测试阶段,随时可能发生变化。
  4. 其他样式页面

创建文章样式的独立页面

效果预览

source 文件夹中添加一个文件夹,并在其中创建 'index.md' 文件,填入以下信息

---
title: {{ 页面标题 }}
date: {{ 创建日期 }}
---

也可以执行以下代码:

hexo new page '页面标题'

创建照片墙页面

效果预览

source 文件夹中添加一个文件夹,并在其中创建 index.md 文件,填入以下信息

---
title: {{ 页面标题 }}
layout: gallery
---

并在 source/_data 文件夹中创建 gallery.yml,按以下模板填写内容:

'{{项目标题}}':
  date: {{拍摄日期:格式:YYYY-MM-DD,此项目可移除}}
  cover: '{{项目封面,此项目可移除}}' 
  img:
    - '{{图片链接1}}'
    - '{{图片链接2}}'

创建关于页面 β

效果预览

source 文件夹中添加一个文件夹,并在其中创建 index.md 文件,填入以下信息

---
title: {{ 页面标题 }}
layout: about_page
---

修改 themes/hexo-themes-type/layout/about_page.ejs 的内容

创建其他样式页面

效果预览

source 文件夹中添加一个文件,并在开头填入以下内容

---
layout: html
---

随后你可以在该文件夹中填入任意 HTML 代码

关于项目中的 Tailwind CSS

本主题部分样式采用 Tailwind CSS 构建,但您作为主题使用者,无需在 Hexo 项目中安装 Tainwind Cli,主题在上传的同时会自动生成 css 文件。

🗒 许可证

hexo-theme-type 还使用/依赖了这些开源项目

HEXO 相关

HEXO
hexojs/hexo: A fast, simple & powerful blog framework, powered by Node.js.
License: MIT

hexo-renderer-ejs
hexojs/hexo-renderer-ejs: EJS renderer for Hexo
License: MIT

hexo-renderer-marked
hexojs/hexo-renderer-marked: Markdown renderer for Hexo
License: MIT

评论系统

DisqusJS
SukkaW/DisqusJS: Render Disqus comments in Mainland China using Disqus API
License: MIT

Valine
xCss/Valine: A fast, simple & powerful comment system.
License: GPL-2.0

Waline
walinejs/waline: A Simple, Safe Comment System inspired by Valine | 一款基于 Valine 衍生的简洁、安全的评论系统
License: GPL-2.0

Gitment
imsun/gitment: A comment system based on GitHub Issues.
License: MIT

其他

霞鹜文楷
lxgw/LxgwBright: A merged font of Ysabeau Office and LXGW WenKai.
License: SIL Open Font License 1.1

✨ 其他

代码提交量

Alt

Star 历史

Star


[^1]: 站点配置文件即 Hexo 根目录的 _config.yml 文件