Skip to content

Streamer.bot Article Resource Recommendation #10

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Aug 16, 2025
Merged

Streamer.bot Article Resource Recommendation #10

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
3246094
Streamer.bot Article Resource Recommendation
blusewill Aug 16, 2025
ef406f3
Merge branch 'streamer.bot-1.0.0-image-update' into streamer.bot.1.0.…
blusewill Aug 16, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added content/zh-tw/img/streamer-bot-configuration/Extensitons_Streamer.bot.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added content/zh-tw/img/streamer-bot-configuration/StreamUP.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added content/zh-tw/img/streamer-bot-configuration/nutty.gg.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
119 changes: 84 additions & 35 deletions content/zh-tw/posts/streamer-bot-configuration.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
title: Streamer.bot 筆記 (持續更新中)
subtitle:
date: 2025-06-21T01:59:00+08:00
lastmod: 2025-08-13T17:13:00+08:00
lastmod: 2025-08-16T20:58:00+08:00
slug: ea7ec9c
draft: false
author:
Expand Down Expand Up @@ -59,11 +59,11 @@ repost:

按下左手邊的 Download Now

![streamer.bot 的網站](../../img/streamer-bot-configuration/Streamerbot_website.png)
![streamer.bot 的網站](../img/streamer-bot-configuration/Streamerbot_website.png)

然後你就會帶到下載頁面，我們就按下左邊的 Streamer.bot 就好了！

![Streamer.bot Download Stable Release](../../img/streamer-bot-configuration/Streamer.bot%20Download%20Stable%20Release.png)
![Streamer.bot Download Stable Release](../img/streamer-bot-configuration/Streamer.bot%20Download%20Stable%20Release.png)

之後你就會開始下載一個壓縮檔，我們把它節壓縮之後打開裡面的 `Streamer.bot.exe` 就會啟動你的 Streamer.bot 了。

Expand Down Expand Up @@ -103,7 +103,7 @@ Twitch YouTube Kick 跟 Trovo

我們到 Twitch 或 Kick 之後按下 看到 Accounts 的部份

![Twitch Accounts](../../img/streamer-bot-configuration/Twitch%20Accounts.png)
![Twitch Accounts](../img/streamer-bot-configuration/Twitch%20Accounts.png)

這時候你就會看到它分上下兩個帳號，上面是你要拿來直播的帳號，下面是拿來當機器人的帳號

Expand All @@ -113,7 +113,7 @@ Twitch YouTube Kick 跟 Trovo

之後就會長這樣子！

![Logined Twitch Account](../../img/streamer-bot-configuration/Twitch_Loggedin.png)
![Logined Twitch Account](../img/streamer-bot-configuration/Twitch_Loggedin.png)

就表示你的帳號已經登入了！

Expand All @@ -123,27 +123,27 @@ YouTube 帳號就跟登入 Twitch 帳號一樣簡單

你只是你需要先同意條約

![YouTube streamer.bot ToS](../../img/streamer-bot-configuration/Streamer.bot_YouTube_ToS.png)
![YouTube streamer.bot ToS](../img/streamer-bot-configuration/Streamer.bot_YouTube_ToS.png)

按下同意之後也是到 Account 這個地方

![YouTube Account](../../img/streamer-bot-configuration/sign%20in%20with%20Google.png)
![YouTube Account](../img/streamer-bot-configuration/sign%20in%20with%20Google.png)

然後按下 Sign in With Google 的按紐

選擇帳號這邊有很重要的一點

要記得勾選上面的管理你的 YouTube 帳號

![Allow Manage Your YouTube Account](../../img/streamer-bot-configuration/manage_youtube-account.png)
![Allow Manage Your YouTube Account](../img/streamer-bot-configuration/manage_youtube-account.png)

之後就可以登入了！

但是等等！YouTube 不知道為什麼就不能跟 Twitch 一樣預設自動連接。

所以你需要打開下面的的 Auto Connect 的開關才可以每次打開 Streamer.bot 的時候自動連接到 YouTube

![Auto Connect YouTube](../../img/streamer-bot-configuration/Auto%20Connect%20YouTube.png)
![Auto Connect YouTube](../img/streamer-bot-configuration/Auto%20Connect%20YouTube.png)

這樣子我們雙平台的帳號就都設定完成了！

Expand All @@ -155,19 +155,19 @@ YouTube 帳號就跟登入 Twitch 帳號一樣簡單

而且不需要任何的插件，你只需要去 **OBS 上面的工具 > WebSocket 伺服器設定**

![OBS Websocket Setup](../../img/streamer-bot-configuration/obs-webscoket-setting-menu.png)
![OBS Websocket Setup](../img/streamer-bot-configuration/obs-webscoket-setting-menu.png)

之後打勾第一個選項 **啟用 WebSocket 伺服器**

那下面還有一個選項叫做**啟用驗證**

如果你不想要設定密碼的話可以關閉，那你也可以設定密碼。

![OBS Websocket](../../img/streamer-bot-configuration/OBS%20Websocket%20Settings.png)
![OBS Websocket](../img/streamer-bot-configuration/OBS%20Websocket%20Settings.png)

如果想要查看你的密碼的話，你可以按下下面的**顯示連線資訊**來查看密碼。

![OBS Show Connection Info](../../img/streamer-bot-configuration/OBS_Show_Connection_Info.png)
![OBS Show Connection Info](../img/streamer-bot-configuration/OBS_Show_Connection_Info.png)

設定好之後按下確定，我們就可以回到 Streamer.bot 的首頁（左上角的 Home 按鈕）

Expand All @@ -181,13 +181,13 @@ YouTube 帳號就跟登入 Twitch 帳號一樣簡單

之後你就會帶到這個畫面！

![Stream Apps OBS Streamer.bots](../../img/streamer-bot-configuration/streamer-bot-obs.png)
![Stream Apps OBS Streamer.bots](../img/streamer-bot-configuration/streamer-bot-obs.png)

然後對中間的視窗按下右鍵，按下 Add

之後你就會看到這個畫面

![OBS Add Connection](../../img/streamer-bot-configuration/Add_OBS_Connection.png)
![OBS Add Connection](../img/streamer-bot-configuration/Add_OBS_Connection.png)

在 Name 幫你的 OBS 連線取名

Expand Down Expand Up @@ -223,11 +223,11 @@ YouTube 帳號就跟登入 Twitch 帳號一樣簡單

通常如果你是第一次用 Streamer.bot 基本上都是空的

![Empty Actions](../../img/streamer-bot-configuration/empty_acitons.png)
![Empty Actions](../img/streamer-bot-configuration/empty_acitons.png)

所以我們要新增新的動作的話，就在左邊最大的框框 Actions 按下右鍵，之後按下 Add

![Add Action](../../img/streamer-bot-configuration/Add_Action_Easy_Version.png)
![Add Action](../img/streamer-bot-configuration/Add_Action_Easy_Version.png)

你就會看到這裡的選項怎麼這麼多，那由於這邊還是簡易的設定，所以目前你不會動到 Group 以下的設定。

Expand All @@ -249,7 +249,7 @@ YouTube 帳號就跟登入 Twitch 帳號一樣簡單

我們對他按下右鍵，之後到 Add 展開之後，你就會發現怎麼會有這麼多選項！？

![Trigger Options](../../img/streamer-bot-configuration/Trigger%20Options.png)
![Trigger Options](../img/streamer-bot-configuration/Trigger%20Options.png)

沒錯！記得我剛剛說他什麼都能做到嗎？

Expand All @@ -265,7 +265,7 @@ YouTube 帳號就跟登入 Twitch 帳號一樣簡單

它就會跳出這個視窗

![Command Triggered](../../img/streamer-bot-configuration/command_triggered.png)
![Command Triggered](../img/streamer-bot-configuration/command_triggered.png)

你可以在中間選擇選你想要的指令，那想要新增新的指令就按下左下角的 Create Command

Expand Down Expand Up @@ -347,11 +347,11 @@ Streamer.bot 很棒的地方就是他幫你分配成了兩類

那 Group Permissions 它這邊有 Mod (大劍們) 跟 Subscribers (訂閱者) 還有 VIPs

![user_permissions panel streamer.bot](../../img/streamer-bot-configuration/User_permissions_streamer.bot.png)
![user_permissions panel streamer.bot](../img/streamer-bot-configuration/User_permissions_streamer.bot.png)

那 User Permissions 的意思就是你可以分派給不同的使用者，上面選擇 User Permissions 之後呢，按下下面的 Add User(s) 就可以選擇使用者

![Search User Permission](../../img/streamer-bot-configuration/user_permissions_search.png)
![Search User Permission](../img/streamer-bot-configuration/user_permissions_search.png)

你可以在上面搜尋你要找的 ID 然後按兩下添加到權限裡面！

Expand All @@ -365,7 +365,7 @@ Streamer.bot 很棒的地方就是他幫你分配成了兩類

像是這個樣子

![Commands 分頁](../../img/streamer-bot-configuration/Commands_Tab.png)
![Commands 分頁](../img/streamer-bot-configuration/Commands_Tab.png)

所以如果你想要分類的話，你可以透過 Groups

Expand All @@ -375,7 +375,7 @@ Streamer.bot 很棒的地方就是他幫你分配成了兩類

最後呢！設定下來就會是這個樣子！

![Finished Add Command Settings](../../img/streamer-bot-configuration/finish_add_command_settings.png)
![Finished Add Command Settings](../img/streamer-bot-configuration/finish_add_command_settings.png)

我這邊就設定這個在群組 `test group` 的指令 `test`

Expand All @@ -392,15 +392,15 @@ Streamer.bot 很棒的地方就是他幫你分配成了兩類

但是...我們還沒有說要讓他來幫我們做什麼啊！

![](../../img/streamer-bot-configuration/empty_acitons.png)
![](../img/streamer-bot-configuration/empty_acitons.png)

這時後我們就可以看右下角的 Sub-Actions

那邊就是我們的主要應該要做什麼了！

我們對 Sub-Actions 按下右鍵，你也可以看到跟 Triggers 一樣非常非常多的事情可以做。

![Sub Actions Context Menu](../../img/streamer-bot-configuration/Sub-Actions-context-menu.png)
![Sub Actions Context Menu](../img/streamer-bot-configuration/Sub-Actions-context-menu.png)

那這邊就是可以讓你開始發揮創意的地方！

Expand All @@ -422,7 +422,7 @@ Streamer.bot 很棒的地方就是他幫你分配成了兩類

那我這邊先使用 Twitch 的當作示範，但是 YouTube 的應該也很類似。

![Send Message to Channel](../../img/streamer-bot-configuration/send_message_to_channel.png)
![Send Message to Channel](../img/streamer-bot-configuration/send_message_to_channel.png)

看到這個畫面之後呢，你就可以在上面打上任何你想要的訊息！

Expand All @@ -442,15 +442,15 @@ Streamer.bot 很棒的地方就是他幫你分配成了兩類

我們只要按下上面的 Chat

![Streamer.bot Chat Location](../../img/streamer-bot-configuration/streamer-bot-chat-open-location.png)
![Streamer.bot Chat Location](../img/streamer-bot-configuration/streamer-bot-chat-open-location.png)

就可以打開 Streamer.bot 的聊天室了！

![Streamer.bot Chat](../../img/streamer-bot-configuration/streamer_bot_chat.png)
![Streamer.bot Chat](../img/streamer-bot-configuration/streamer_bot_chat.png)

這時候我們就只要打上我剛剛的 `!test`

![streamer.bot test message](../../img/streamer-bot-configuration/test_message_streamer_bot.png)
![streamer.bot test message](../img/streamer-bot-configuration/test_message_streamer_bot.png)

你就可以看到我的測試訊息發送出去了！

Expand All @@ -460,7 +460,7 @@ Streamer.bot 很棒的地方就是他幫你分配成了兩類

所以我的 Twitch 有紀錄下來這個訊息！

![Twitch test message](../../img/streamer-bot-configuration/Twitch_test_command.png)
![Twitch test message](../img/streamer-bot-configuration/Twitch_test_command.png)

你看，就連機器人都知道要訂閱我的網站 RSS 了！

Expand Down Expand Up @@ -502,7 +502,7 @@ Streamer.bot 很棒的地方就是他幫你分配成了兩類

然後將上面的連接複製貼上到 OBS 裡面，就可以使用這個聊天室系統了

![](../../img/streamer-bot-configuration/multichat-configuration.png)
![](../img/streamer-bot-configuration/multichat-configuration.png)

官方影片教學

Expand Down Expand Up @@ -532,6 +532,55 @@ https://widgets.nutty.gg/multistream-alerts/settings/

{{< youtube H9986FazTKk >}}

## 推薦的一些第三方工具/指令資源！

Streamer.bot 有非常多的第三方資源。

甚至 Streamer.bot 官方就有一個！

你可以到 https://extensions.streamer.bot/

找到大家為這個社群製作的工具

![Streamer.bot Extensions](../img/streamer-bot-configuration/Extensitons_Streamer.bot.png)

我這邊推薦幾個我會使用的工具

Points System (Core) - 這是用 Streamer.bot 做出來的頻道點數系統，如果你的 Twitch 還沒有過同盟或是你想要在 YouTube 設計頻道點數的話可以用這個！

https://extensions.streamer.bot/t/points-system-core/49

MM Spotify v2000 - 這可以讓你的 Spotify 跟 Streamer.bot 進行連動，像是可以點歌或是在聊天室顯示目前的音樂等等的！

https://extensions.streamer.bot/t/mm-spotify-v2000/969

---

那如果你覺得這樣還不夠的話！

你可以來 StreamUP 找尋更多 Streamer.bot 的資源

https://streamup.tips/

![StreamUP](../img/streamer-bot-configuration/StreamUP.png)

雖說有非常多是需要付費的！但是可以給你帶來很多實況中的效果

---

最後就是 Nutty 的官方網站

https://nutty.gg/

![Nutty.gg](../img/streamer-bot-configuration/nutty.gg.png)

我滿推薦新手來逛逛的！畢竟 Nutty 主要都是用 Streamer.bot 在進行直播的！

除了基礎的直播工具以外，還有非常多直播的效果或是工具（雖說大部分都需要付費會員）

你可以直接抓下來到你的 Streamer.bot!

當然他的網站裡面也有非常多獨特的小工具，你也可以進行使用！

## 自己設計的小工具/指令

Expand All @@ -553,9 +602,9 @@ https://widgets.nutty.gg/multistream-alerts/settings/

訊息輸出像是這樣！

![Raid Command](../../img/streamer-bot-configuration/raid_example.png)
![Raid Command](../img/streamer-bot-configuration/raid_example.png)

![Raid Command Twitch Example](../../img/streamer-bot-configuration/Raid_Exmaple_Twitch.png)
![Raid Command Twitch Example](../img/streamer-bot-configuration/Raid_Exmaple_Twitch.png)

然後同時它也會開啟 Raid！

Expand All @@ -567,23 +616,23 @@ U0JBRR+LCAAAAAAABADVV8+P3DQUviPxP4SRVlzq2fxwJklvZcSPSoBQW7igHhz7JWs1iYPjzMyqWqmI

你需要把上面這一行複製起來，然後在 Streamer.bot 的上面按下 Import 的按紐

![Streamer.bot Import](../../img/streamer-bot-configuration/Streamer_bot_import.png)
![Streamer.bot Import](../img/streamer-bot-configuration/Streamer_bot_import.png)

然後你就會看到上面寫著 Import String

![Import Commands String](../../img/streamer-bot-configuration/import-command-string.png)

就會出現關於這個指令的資訊！

![Add Command](../../img/streamer-bot-configuration/Import%20Commands.png)
![Import Commands](../img/streamer-bot-configuration/Import%20Commands.png)

按下右下方 Import 的按紐，你就可以導入了！

那預設導入的指令都是停用的，所以你需要到左邊或首頁的 Commands 找到 Raid

對他按下右鍵，然後按下 Enabled

![Enable Commands](../../img/streamer-bot-configuration/Enable%20Commands.png)
![Enable Commands](../img/streamer-bot-configuration/Enable%20Commands.png)

你就可以啟用這個指令了！

Expand Down