本项目魔改于hexo-steam-games

hexo-steam-plugin

介绍

为Hexo添加Steam游戏库页面.

演示地址

安装

npm i hexo-steam-plugin

配置

将下面的配置写入站点的配置文件 _config.yml 里(不是主题的配置文件).

steam:
  enable: true
  steamId: 'xxx' #steam 64位Id
  apiKey: 'xxx' #steam api key
  steamInfos:
  freeGames: true
  path: 'games/index.html'
  title: 游戏
  quote: '欢迎光临小站游戏'
  tab: recent
  length: 1000
  imgUrl: 
  proxy:
    host:
    port:
  extra_options:
    top_img: https://unpkg.com/private-source/absinthe-blog/images/page-bgi/games.jpeg

• enable: 是否启用
• apiKey: Steam 网页 API Key(新版需要API Key才能获取到游戏信息，点此注册 API Key)，或者手动获取游戏库数据
• steamId: steam 64位Id(需要放在引号里面，不然会有BUG), 需要将steam库设置为公开！
• steamInfos: 多账号配置
• path: 游戏页面路径，默认steamgames/index.html
• title: 该页面的标题
• quote: 写在页面开头的一段话,支持html语法
• tab: all或recent, all: 所有游戏, recent: 最近游玩的游戏
• length: 要显示游戏的数量，游戏太多的话可以限制一下
• imgUrl: 图片链接，在quote下面放一张图片，图片链接到Steam个人资料，可留空
• proxy: 如果无法访问steam社区的话请使用代理
  • host: 代理ip或域名
  • port: 代理端口
• extra_options: 此配置会扩展到Hexo的page变量中

使用

1. 在hexo generate或hexo deploy之前使用hexo steam -u命令更新steam游戏库数据！
2. 删除游戏库数据指令:hexo steam -d

手动获取游戏库数据

如果hexo steam -u命令一直获取游戏库数据失败，可以用一下方法手动获取游戏库数据：

1. 浏览器打开https://steamcommunity.com/profiles/{steamId}/games?tab={tab}, {steamId}和{tab}分别替换为上面配置中提到的steamId和tab

2. 网页加载完成后，打开浏览器控制台(按F12)，输入以下代码并回车：

   const data = document.querySelector('#gameslist_config').getAttribute('data-profile-gameslist');
   const games = JSON.parse(data.replace(/\n/g, '')).rgGames;
   document.write(JSON.stringify(games).replace(/\n/g, ''));

3. 将生成的内容复制到博客根目录/source/_data/steamID.json文件内，如果没有对应的文件或目录，请自行创建