docs(themes/Shiro): add more process reporter app into doc (#18)

* docs(themes/Shiro): add more process reporter app into doc

* add: ProcessReporter Linux

* chore: update

* add: windows use

---------

Co-authored-by: timochan <[email protected]>

Author: wibus-wee

pages/themes/shiro/extra.mdx

@@ -2,16 +2,18 @@
 
 ## 我的动态
 
-Shiro 主题中，有一个可以在顶部显示博主当前正在做的事情的功能，这个功能是通过云函数和 ProcessReporterMac 软件实现的。
+Shiro 主题中，有一个可以在顶部显示博主当前正在做的事情的功能，这个功能是通过云函数和 ProcessReporter 软件实现的。
 
 import { ToGitHub } from '@components/ToGitHub';
 
 <ToGitHub repo="mx-space/ProcessReporterMac" />
+<ToGitHub repo="TNXG/ProcessReporterWinpy" />
+<ToGitHub repo="ttimochan/processforlinux" />
 
 import { Callout, Steps } from 'nextra/components'
 
 <Callout type="info">
-目前软件仅有 Mac 版本，如果你有兴趣，可以参照此项目来开发 Windows 版本
+非常感谢 Innei, timochan, TNXG 的贡献，目前 ProcessReporter 已支持全平台！
 </Callout>
 
 <Steps>
@@ -112,19 +114,80 @@ export default async function handler(ctx: Context) {
 
 ### 配置软件
 
-前往 GitHub 仓库，下载最新的 [Release](https://github.com/mx-space/ProcessReporterMac/releases) 版本，下载后打开 ProcessReporter.dmg 文件，将软件拖入「应用程序」文件夹中，然后打开软件。
+前往对应着你的电脑系统的软件的 GitHub 仓库，下载并打开 ProcessReporter。
 
 <ToGitHub repo="mx-space/ProcessReporterMac" />
+<ToGitHub repo="TNXG/ProcessReporterWinpy" />
+<ToGitHub repo="ttimochan/processforlinux" />
 
-接下来啊你会发现你的系统菜单栏中多了一个图标，点击图标，然后点击「设置」，在弹出的窗口中填入你的信息：
+由于不同平台有不同的使用方法，不同的软件我们会在下方具体讲述。
+</Steps>
+
+## ProcessReporter `Mac`
+
+打开软件后，你会发现你的系统菜单栏中多了一个图标，点击图标，然后点击「设置」，在弹出的窗口中填入你的信息：
 
-- Endpoint：`{你的API地址}/ps/update` （请将 `{你的API地址}` 替换为你的 API 地址，如：`https://api.example.com/api/v2`）
+- Endpoint：`{你的API地址}/fn/ps/update` （请将 `{你的API地址}` 替换为你的 API 地址，如：`https://api.example.com/api/v2`）
 - API Key：填入你刚刚在云函数中设置的密钥
 
 如果你希望软件在开机时自动启动，可以勾选「Launch at login」选项。
 
 接着关闭窗口，再次点击菜单栏中的图标，点击「Enable」即可。如果一切正常，刷新一下你的博客你就可以在博客顶部看到你的动态了。
-</Steps>
+
+## ProcessReporter `Windows`
+
+Windows 版本的使用问题，请前往 [TNXG/ProcessReporterWinpy](https://github.com/TNXG/ProcessReporterWinpy#readme) 查看。
+
+### 使用 GUI 版本
+
+在 [Releases](https://github.com/TNXG/ProcessReporterWinpy/releases) 页面下载 `ProcessReporterWinpy_Launcher.exe`
+，配置好 `config.yml` 文件，然后运行 `ProcessReporterWinpy_Launcher.exe` 即可。
+
+`config.yml` 配置具体配置项以及说明请参考 [TNXG/ProcessReporterWinpy](https://github.com/TNXG/ProcessReporterWinpy#readme)。
+
+### 使用预编译的二进制文件
+
+在 [Releases](https://github.com/TNXG/ProcessReporterWinpy/releases) 页面下载 `ProcessReporterWinpy.exe`，配置好 `config.yml` 文件后，在终端运行即可，示例如下
+
+```powershell
+processforwinpy.exe --path "运行目录的路径"
+```
+
+`config.yml` 配置具体配置项以及说明请参考 [TNXG/ProcessReporterWinpy](https://github.com/TNXG/ProcessReporterWinpy#readme)。
+
+### 使用源代码
+
+下载代码后，修改 `config.yml` 文件，填入你的信息：
+
+- api_url：`{你的API地址}/fn/ps/update` （请将 `{你的API地址}` 替换为你的 API 地址，如：`https://api.example.com/api/v2`）
+- api_key：填入你刚刚在云函数中设置的密钥
+- report_time: 上报间隔（单位：秒）
+
+接着运行程序即可。如果一切正常，刷新一下你的博客你就可以在博客顶部看到你的动态了。
+
+## ProcessReporter `Linux`
+
+<ToGitHub repo="ttimochan/processforlinux#readme" />
+
+在仓库的 [Releases](https://github.com/ttimochan/processforlinux/releases) 页面下载对应的二进制包，解压运行即可，具体请参照项目的 README 进行配置运行。
+
+安装完成后，新建 `.env.process` 文件，填入你的信息：
+  
+```env
+# 你的 key
+API_KEY=your_key
+# 你的云函数地址
+API_URL={你的API地址}/fn/ps/update
+# 上报时间间隔，单位为秒
+REPORT_TIME=30
+# 是否开启媒体状态上报
+MEDIA_ENABLE=true 
+# 是否打印日志
+LOG_ENABLE=true 
+```
+然后执行程序即可。如果一切正常，刷新一下你的博客你就可以在博客顶部看到你的动态了。
+
+如果有什么疑问，可以去阅读该项目的 [README](https://github.com/ttimochan/processforlinux#readme)
 
 <style global jsx>{`
  .nextra-content pre {