hello大家好呀，今天给大家安利一个wouldpress博客添加一个steam个人游戏库展示的页面教程

我们先来看一下效果：传送门

首先这个是一位github的作者提供的功能：https://github.com/Fog-Forest/steam-page

我们进入作者的github项目后，先把项目下载下来~

  1. 下载项目中的文件，将 page-steam.php 扔到你的主题根目录，将 json 目录扔到你的站点根目录；
  2. 修改 page-steam.php 文件中的第 196 行为你的 SteamID，第197行为 SteamAPI 接口地址，其他请看注释修改；
  3. 如果你是境内机器请使用 API（可以调用我的详见接口文档），或者可以自建 API （将 json 目录中的 SteamAPI.php，放到任意一台PHP环境的境外虚拟主机或者服务器上）；如果你是境外服务器直接走本地即可；
  4. 信息填好后，在 WP后台 - 新建页面 选择 Steam游戏库 这个模版。
  5. 若发现游戏库/游戏时长不正常显示，请到steam个人设置界面，将数据全部改为公开，记得 游戏详情 底下有个附属选项，不要打勾heavy_check_mark

这样一来，我们的steam游戏库就展示在我们博客当中啦~

常见问题：

  1. 如果数据不对，请手动删除steam.json文件，再次打开页面数据将会自动更新
  2. 关于打开没有数据的问题请检测你的Steam游戏库是否设置为公开，信息是否填写正确，手动请求API是否能得到数据
  3. 第一次打开没有数据需要手动刷新一遍，请检查你是否开启了AJAX
  4. 打开页面报错，请使用Chrome浏览器或者FireFox浏览器，F12查看具体错误
  5. 如果第一次打开样式有问题就把 CSS 添加到全局里
  6. 本页面模版理论适配了大部分 WP 主题，部分布局比较奇葩的主题也能用但是可能需要修改样式