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-talk

v1.1.6

Published

Creating a talk component or page in hexo post.

Downloads

3

Readme

Hexo Talk

Hexo 博客 talk 页面生成插件。

目前支持以下 talk 来源

  • Flomo(无需会员,仅需要 cookie)

为你的私人博客增添一分生气

六月初还在学校的里的时候,闲来无事,又把荒废了好久的博客支棱起来,找了半天往年的存文,但是有几篇文章还是找不到,也罢,旧的不去新的不来。在翻阅博客的源文件废墟的时候,找到了一个说说插件,大致原理就是模拟 QQ 空间的说说,通过时间流发布一些博主的屁话,另外还有点赞之类的小功能。这跟我之前用的一个 typecho 博客有点像,它也提供了一个说说页面,允许用户通过微信公众号绑定博客域名,实现快速发说说。

鉴于 Hexo 和 typecho 的原理不同,我实现了一个 hexo 版的静态说说插件。

1.0.0 版本的效果如下。

image-20220716092304183

具体效果可以前往我的博客浏览。

说说的数据是在运行hexo g指令的时候生成的,所以在部署之后并不会请求新的数据,也就不会有登录信息过期之类的问题,相对而言比较稳定。

当然,这么设计的缺陷也显而易见,两次博客部署之间的那段时间,你在 Flomo 等平台上发布的新数据无法及时同步到你的博客页面,有一定的滞后,因此我的建议是使用 Github Actions 每天定时运行博客部署指令,这样就能相对及时的更新数据,且不妨碍 Flomo 等小平台的运行。

部署

hexo-talk 是一个 hexo 博客框架的插件,你可以通过 npm 指令快速将其插入到你的博客源代码中:

npm i hexo-talk

安装完成之后你需要在博客根目录下的 source 文件夹中新建一个 talk 文件夹,然后再在里面创建一个名为 index.md 的文件,最后在这个文件中填入:

---
title: Talk
date: 2022-07-14 13:36:00
type: talk
---

其中日期请改为你当前的日期。要注意,这里的 type 必需指定为 talk,否则 hexo 系统无法进行正确的渲染。

配置

在安装好插件,并新建好对应的页面之后,你必须在博客的 _config.yml 中添加对应的配置字段。

  enable: true 	# 是否启用本插件
  type: flomo		# 说说的数据来源,暂时(1.0.0)只有 flomo 一个选项
  title: Talk		# 页面 title
  theme: Paper	# 设置说说主题,暂时(1.0.0)只有 Paper 这一个选项。
  flomo:
    cookie: 		# 必填项,用于获取 flomo 数据。
    tag:				# 展示哪个标签下的数据
    limit: 30		# 展示多少条说说

flomo 的 cookie 请通过旧版页面获取:https://flomoapp.com/,请不要使用新版的 flomo,否则会出现无法获取数据的问题。

登录 flomo 之后打开浏览器的控制台,点击网络标签:

image-20220716094156583

然后再刷新页面,此时右侧的控制台中会出现大量的请求,选择一个 flomo 域名的请求,然后复制其中的 cookie 即可。

image-20220716094321608

错误处理

请将您遇到的错误信息发到仓库的 issue 区。