diff --git a/i18n/zh-tw.json b/i18n/zh-tw.json
new file mode 100644
index 0000000..e45d205
--- /dev/null
+++ b/i18n/zh-tw.json
@@ -0,0 +1,40 @@
+{
+    "Current Lang": "繁體中文",
+    "HeroUnion - Open source web crawler union.": "HeroUnion - 開源網路爬蟲聯盟。",
+    "HeroUnion.website": "HeroUnion.website",
+    "HeroUnion<small> - Open source web crawler union</small>": "HeroUnion－<small>開源網路爬蟲聯盟</small>",
+    "HeroUnion Stats": "HeroUnion 統計數據",
+    "It's running": "正在運行",
+    "Tasks Stats": "任務統計",
+    "Last": "最後的",
+    "Waiting": "等待",
+    "Running": "跑步",
+    "Total": "全部的",
+    "Done": "完畢",
+    "Failed": "失敗的",
+    "Notify Stats": "通知統計數據",
+    "Bot Stats": "機器人統計數據",
+    "Idle": "閒置的",
+    "Busy": "忙碌的",
+    "Offline": "離線",
+    "JSON Data": "JSON 數據",
+    "Covenant of the Alliance": "盟約",
+    "Please abide by the following conventions and stick to it for a better tomorrow for yourself and the whole society!": "為了自己和社會的美好明天，請遵守以下公約並堅持下去！",
+    "Comply with local/national laws and regulations": "遵守當地/國家法律法規",
+    "Data that requires login or VIP status to access will not be crawled": "需要登入或VIP身分才能存取的資料將不會被抓取",
+    "Data that is explicitly prohibited from being collected by the target website will not be crawled": "目標網站明確禁止收集的資料將不會被抓取",
+    "The commercial core data of the target website is not crawled": "目標網站商業核心資料未被爬取",
+    "Low concurrency, low frequency, does not affect the normal operation of the target website": "低併發、低頻率，不影響目標網站正常運行",
+    "Bots": "機器人",
+    "HeroUnion App": "HeroUnion應用程式",
+    "HeroUnion download": "HeroUnion下載",
+    "HeroBot download": "HeroBot 下載",
+    "HeroUnion<strong> is only responsible for the scheduling of crawlers and tasks</strong>.": "HeroUnion<strong>只負責爬蟲和任務的調度</strong>。",
+    "The contracts supported by crawlers and the specific content of tasks have nothing to do with the alliance.": "爬蟲支持的合約、任務的具體內容與聯盟無關。",
+    "Website monitor": "網站監控",
+    "Web Scraper": "網頁爬蟲",
+    "Disclaimer": "免責聲明",
+    "Information protected by law will not be crawled": "受法律保護的資訊不會被抓取",
+    "for example": "例如",
+    "personal privacy data mobile phone number, ID number, etc.": "個人隱私資料手機號碼、身分證字號等"
+}
\ No newline at end of file
diff --git a/public/de/index.html b/public/de/index.html
index 3e62f6b..6ffe4d2 100644
--- a/public/de/index.html
+++ b/public/de/index.html
@@ -60,10 +60,11 @@
         <ul class="dropmenu">
             <li><a href="/">English</a></li>
             <li><a href="/zh/">简体中文</a></li>
-            <li><a href="/ja/">日本語</a></li>
+            <li><a href="/zh-tw/">繁體中文</a></li>
             <li><a href="/es/">Español</a></li>
             <li><a href="/de/">Deutsch</a></li>
             <li><a href="/ru/">Русский</a></li>
+            <li><a href="/ja/">日本語</a></li>
             <li><a href="/hi/">हिन्दी</a></li>
         </ul>
     </div>
diff --git a/public/en-us/index.html b/public/en-us/index.html
index 59d5f99..8c38b6b 100644
--- a/public/en-us/index.html
+++ b/public/en-us/index.html
@@ -60,10 +60,11 @@
         <ul class="dropmenu">
             <li><a href="/">English</a></li>
             <li><a href="/zh/">简体中文</a></li>
-            <li><a href="/ja/">日本語</a></li>
+            <li><a href="/zh-tw/">繁體中文</a></li>
             <li><a href="/es/">Español</a></li>
             <li><a href="/de/">Deutsch</a></li>
             <li><a href="/ru/">Русский</a></li>
+            <li><a href="/ja/">日本語</a></li>
             <li><a href="/hi/">हिन्दी</a></li>
         </ul>
     </div>
diff --git a/public/es/index.html b/public/es/index.html
index 35eb3b3..659bb90 100644
--- a/public/es/index.html
+++ b/public/es/index.html
@@ -60,10 +60,11 @@
         <ul class="dropmenu">
             <li><a href="/">English</a></li>
             <li><a href="/zh/">简体中文</a></li>
-            <li><a href="/ja/">日本語</a></li>
+            <li><a href="/zh-tw/">繁體中文</a></li>
             <li><a href="/es/">Español</a></li>
             <li><a href="/de/">Deutsch</a></li>
             <li><a href="/ru/">Русский</a></li>
+            <li><a href="/ja/">日本語</a></li>
             <li><a href="/hi/">हिन्दी</a></li>
         </ul>
     </div>
diff --git a/public/hi/index.html b/public/hi/index.html
index ab72f20..7805eb8 100644
--- a/public/hi/index.html
+++ b/public/hi/index.html
@@ -60,10 +60,11 @@
         <ul class="dropmenu">
             <li><a href="/">English</a></li>
             <li><a href="/zh/">简体中文</a></li>
-            <li><a href="/ja/">日本語</a></li>
+            <li><a href="/zh-tw/">繁體中文</a></li>
             <li><a href="/es/">Español</a></li>
             <li><a href="/de/">Deutsch</a></li>
             <li><a href="/ru/">Русский</a></li>
+            <li><a href="/ja/">日本語</a></li>
             <li><a href="/hi/">हिन्दी</a></li>
         </ul>
     </div>
diff --git a/public/index.html b/public/index.html
index 59d5f99..8c38b6b 100644
--- a/public/index.html
+++ b/public/index.html
@@ -60,10 +60,11 @@
         <ul class="dropmenu">
             <li><a href="/">English</a></li>
             <li><a href="/zh/">简体中文</a></li>
-            <li><a href="/ja/">日本語</a></li>
+            <li><a href="/zh-tw/">繁體中文</a></li>
             <li><a href="/es/">Español</a></li>
             <li><a href="/de/">Deutsch</a></li>
             <li><a href="/ru/">Русский</a></li>
+            <li><a href="/ja/">日本語</a></li>
             <li><a href="/hi/">हिन्दी</a></li>
         </ul>
     </div>
diff --git a/public/ja/index.html b/public/ja/index.html
index d209615..19da1c6 100644
--- a/public/ja/index.html
+++ b/public/ja/index.html
@@ -60,10 +60,11 @@
         <ul class="dropmenu">
             <li><a href="/">English</a></li>
             <li><a href="/zh/">简体中文</a></li>
-            <li><a href="/ja/">日本語</a></li>
+            <li><a href="/zh-tw/">繁體中文</a></li>
             <li><a href="/es/">Español</a></li>
             <li><a href="/de/">Deutsch</a></li>
             <li><a href="/ru/">Русский</a></li>
+            <li><a href="/ja/">日本語</a></li>
             <li><a href="/hi/">हिन्दी</a></li>
         </ul>
     </div>
diff --git a/public/ru/index.html b/public/ru/index.html
index 8d6f42b..bf3c09e 100644
--- a/public/ru/index.html
+++ b/public/ru/index.html
@@ -60,10 +60,11 @@
         <ul class="dropmenu">
             <li><a href="/">English</a></li>
             <li><a href="/zh/">简体中文</a></li>
-            <li><a href="/ja/">日本語</a></li>
+            <li><a href="/zh-tw/">繁體中文</a></li>
             <li><a href="/es/">Español</a></li>
             <li><a href="/de/">Deutsch</a></li>
             <li><a href="/ru/">Русский</a></li>
+            <li><a href="/ja/">日本語</a></li>
             <li><a href="/hi/">हिन्दी</a></li>
         </ul>
     </div>
diff --git a/public/template/index.html b/public/template/index.html
index 41446e5..ef5d68d 100644
--- a/public/template/index.html
+++ b/public/template/index.html
@@ -60,10 +60,11 @@
         <ul class="dropmenu">
             <li><a href="/">English</a></li>
             <li><a href="/zh/">简体中文</a></li>
-            <li><a href="/ja/">日本語</a></li>
+            <li><a href="/zh-tw/">繁體中文</a></li>
             <li><a href="/es/">Español</a></li>
             <li><a href="/de/">Deutsch</a></li>
             <li><a href="/ru/">Русский</a></li>
+            <li><a href="/ja/">日本語</a></li>
             <li><a href="/hi/">हिन्दी</a></li>
         </ul>
     </div>
diff --git a/public/zh-tw/index.html b/public/zh-tw/index.html
new file mode 100644
index 0000000..67ecf2e
--- /dev/null
+++ b/public/zh-tw/index.html
@@ -0,0 +1,284 @@
+<!doctype html>
+<html lang="en-us">
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width">
+    <title>HeroUnion - 開源網路爬蟲聯盟。</title>
+    <meta name="author" content="HeroUnion.website">
+    <meta name="description" content="HeroUnion - 開源網路爬蟲聯盟。">
+    <style>
+        *,body{margin:0;padding:0}
+        body{padding:8px;max-width:640px;margin:0 auto}
+        h1{font-size:2em;font-weight:500}
+        small{font-size:65%;font-weight:400}
+        pre{background-color:#DDD;padding-bottom:3px;padding-right:3px;border-radius:0 5px 0 5px;max-width:480px}
+        code{display:block;background-color:#EEE;padding:4px}
+        dt{background-color:#EEE;padding:4px 6px}
+        dd{text-indent:1em;margin:4px 0 8px 0}
+        li{margin-left:1em}
+        footer{padding-bottom:2em}
+
+        .text-center{text-align:center}
+        .text-right{text-align:right}
+        .mt-d5{margin-top:.5em}
+        .mt-1{margin-top:1em}
+        .mt-2{margin-top:2em}
+        .mt-4{margin-top:4em}
+        .mx-d2{margin-left:.5em;margin-right:.2em}
+        .icon{vertical-align:middle}
+
+        .stats{background-color:#EEE;padding:10px 10px 4px 10px}
+        .col{display:inline-block;padding:13px 4px;width:20%;background:#444;color:#FFF;margin-right:4px;margin-bottom:6px;text-align:center}
+        .col strong{font-size:24px}
+        .col label{display:block;font-size:15px}
+        .info{background-color:darkblue}
+        .success{background-color:green}
+        .warning{background-color:orange;color:#444}
+        .danger{background-color:red}
+        .disable{background-color:gray}
+
+        .langswitcher{position:relative}
+        .langswitcher button{padding:2px 4px;cursor:pointer}
+        .dropmenu{display:none;position:absolute;right:0;top:28px;padding:5px;width:80px;background-color:#FFF;border:1px solid #EEE}
+        .dropmenu li{list-style:none;padding:0;margin:3px 0;text-align:center}
+
+        @media(max-width:480px) {
+            h1 small{display:block}
+        }
+    </style>
+</head>
+<body>
+    <h1 class="text-center">HeroUnion－<small>開源網路爬蟲聯盟</small></h1>
+
+    <hr class="mt-d5">
+    <div class="text-right mt-d5 langswitcher">
+        <button data-status="closed">
+            <img src="/globe.svg" alt="Globe language switcher" class="icon">
+            繁體中文
+        </button>
+        <ul class="dropmenu">
+            <li><a href="/">English</a></li>
+            <li><a href="/zh/">简体中文</a></li>
+            <li><a href="/zh-tw/">繁體中文</a></li>
+            <li><a href="/es/">Español</a></li>
+            <li><a href="/de/">Deutsch</a></li>
+            <li><a href="/ru/">Русский</a></li>
+            <li><a href="/ja/">日本語</a></li>
+            <li><a href="/hi/">हिन्दी</a></li>
+        </ul>
+    </div>
+
+    <h3 class="mt-2">HeroUnion 統計數據 正在運行 <span class="run_time">...</span></h3>
+
+    <h4 class="mt-d5">任務統計 (最後的 <span class="cache_time">...</span>)</h4>
+    <div class="stats taskStatus">
+        <span class="col info">
+            <strong class="waiting">...</strong>
+            <label>等待</label>
+        </span>
+        <span class="col warning">
+            <strong class="running">...</strong>
+            <label>跑步</label>
+        </span>
+        <div>
+            <span class="col">
+                <strong class="total">...</strong>
+                <label>全部的</label>
+            </span>
+            <span class="col success">
+                <strong class="done">...</strong>
+                <label>完畢</label>
+            </span>
+            <span class="col danger">
+                <strong class="failed">...</strong>
+                <label>失敗的</label>
+            </span>
+        </div>
+    </div>
+
+    <h4 class="mt-d5">通知統計數據 (最後的 <span class="cache_time">...</span>)</h4>
+    <div class="stats taskNotifyStatus">
+        <span class="col">
+            <strong class="total">...</strong>
+            <label>全部的</label>
+        </span>
+        <span class="col success">
+            <strong class="done">...</strong>
+            <label>完畢</label>
+        </span>
+        <span class="col danger">
+            <strong class="failed">...</strong>
+            <label>失敗的</label>
+        </span>
+    </div>
+
+    <h4 class="mt-d5">機器人統計數據</h4>
+    <div class="stats heroStatus">
+        <span class="col">
+            <strong class="total">...</strong>
+            <label>全部的</label>
+        </span>
+        <span class="col success">
+            <strong class="idle">...</strong>
+            <label>閒置的</label>
+        </span>
+        <span class="col warning">
+            <strong class="busy">...</strong>
+            <label>忙碌的</label>
+        </span>
+        <span class="col disable">
+            <strong class="offline">...</strong>
+            <label>離線</label>
+        </span>
+    </div>
+
+    <h4 class="mt-d5">JSON 數據</h4>
+    <pre><code id="herounion_stats">...</code></pre>
+
+    <h3 class="mt-2">盟約</h3>
+    <p class="mt-1">為了自己和社會的美好明天，請遵守以下公約並堅持下去！</p>
+    <ul class="mt-d5">
+        <li>遵守當地/國家法律法規</li>
+        <li>受法律保護的資訊不會被抓取 (例如: 個人隱私資料手機號碼、身分證字號等)</li>
+        <li>需要登入或VIP身分才能存取的資料將不會被抓取</li>
+        <li>目標網站明確禁止收集的資料將不會被抓取</li>
+        <li>目標網站商業核心資料未被爬取</li>
+        <li>低併發、低頻率，不影響目標網站正常運行</li>
+    </ul>
+
+    <h3 class="mt-2">機器人</h3>
+    <dl class="mt-d5" id="herobots">...</dl>
+
+    <h3 class="mt-2">HeroUnion應用程式</h3>
+    <ul class="mt-d5">
+        <li>
+            <strong>網站監控:</strong>
+            <a href="https://monitor.filesite.io/d/ddntdyyhv943ke/e7bd91-e7ab99-e79b91-e68ea7?orgId=1" target="_blank">FileSite.io Monitor</a>,
+            <a href="https://github.com/filesite-io/monit-via-herounion" target="_blank">Monitor source code download</a>
+        </li>
+        <li>
+            <strong>網頁爬蟲:</strong>
+            <a href="https://tajian.tv/" target="_blank">TaJian.tv - video box</a>，
+            <a href="https://github.com/filesite-io/machete" target="_blank">Machete source code download</a>
+        </li>
+    </ul>
+
+    <h3 class="mt-1">HeroUnion下載</h3>
+    <p><a href="https://github.com/filesite-io/herounion" target="_blank">https://github.com/filesite-io/herounion</a></p>
+
+    <h3 class="mt-1">HeroBot 下載</h3>
+    <p><a href="https://github.com/filesite-io/machete_hero" target="_blank">https://github.com/filesite-io/machete_hero</a></p>
+
+
+    <footer class="mt-4">
+        <p>
+            <strong>免責聲明:</strong>
+            <br>HeroUnion<strong>只負責爬蟲和任務的調度</strong>。
+            爬蟲支持的合約、任務的具體內容與聯盟無關。
+        </p>
+        <p class="mt-2 text-center">&copy;copyright <a href="https://herounion.website/" target="_blank">HeroUnion.Website</a></p>
+    </footer>
+
+    <script src="/js/jquery-3.7.1.min.js"></script>
+    <script type="text/javascript">
+        var toggleLangSwitcher = function(evt) {
+            var btn = evt.target;
+            if (!btn) {return false;}
+            var status = $(btn).attr('data-status');
+            if (status == 'closed') {
+                $('.langswitcher .dropmenu').show();
+                $(btn).attr('data-status', 'opened');
+            }else {
+                $('.langswitcher .dropmenu').hide();
+                $(btn).attr('data-status', 'closed');
+            }
+        };
+        $('.langswitcher button').click(toggleLangSwitcher);
+
+        var formatSeconds = function(secs) {
+            var str = secs + ' seconds';
+            if (secs > 86400) {
+                str = Math.floor(secs/86400) + ' days';
+            }else if (secs > 3600) {
+                str = Math.floor(secs/3600) + ' hours';
+            }else if (secs > 300) {
+                str = Math.floor(secs/60) + ' minutes';
+            }else if (secs > 86400*365) {
+                str = Math.floor(secs/86400/365) + ' years'
+                        + Math.floor( (secs - Math.floor(secs/86400/365)) / 86400 ) + ' days';
+            }
+
+            return str;
+        };
+
+        var renderStats = function(parentCls, data) {
+            for (var key in data) {
+                $('.' + parentCls + ' .'+key).text(data[key]);
+            }
+        };
+
+        var htmlspecialchars = function(str) {
+            return str.replace('&', '&amp;').replace('<', '&lt;').replace('>', '&gt;');
+        };
+
+        var renderHeros = function(heros) {
+            if (!heros || heros.length == 0) {
+                $('#herobots').text('There is no bot online.');
+                return;
+            }
+
+            var txtStatus = {idle: 'Idle', busy: 'Busy', offline: 'Offline'};
+            var html = '', item;
+            for (var index in heros) {
+                item = heros[index];
+                html += '<dt>' + htmlspecialchars(item['name']) + ' <small>'
+                        + txtStatus[item['status']] + '</small></dt>';
+                html += '<dd>'
+                        + htmlspecialchars(item['description'])
+                        + '<br>Platforms: ' + JSON.stringify(item['platforms'])
+                        + ', Contracts: ' + JSON.stringify(item['contracts'])
+                        + ', Contact: ' + htmlspecialchars(item['contact'])
+                        + '</dd>';
+            }
+
+            $('#herobots').html(html);
+        };
+
+        var loadUnionStats = function() {
+            $('.run_time').text('...');
+            var api = '/api/stats/';
+            $.ajax({
+                url: api,
+                method: 'GET',
+                dataType: 'json'
+            }).done(function(data) {
+                $('#herounion_stats').text(JSON.stringify(data, null, 4));
+                $('.run_time').text( formatSeconds(data.run_seconds) );
+                $('.cache_time').text( formatSeconds(data.cache_time) );
+                renderStats('taskStatus', data.taskStatus);
+                renderStats('taskNotifyStatus', data.taskNotifyStatus);
+                renderStats('heroStatus', data.heroStatus);
+            });
+        };
+
+        var loadHeros = function() {
+            $('#herobots').text('...');
+            var api = '/api/heros/';
+            $.ajax({
+                url: api,
+                method: 'GET',
+                dataType: 'json'
+            }).done(function(data) {
+                renderHeros(data);
+            });
+        };
+
+        //init
+        loadUnionStats();
+        loadHeros();
+
+        setInterval(loadUnionStats, 20000);
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/public/zh/index.html b/public/zh/index.html
index 744f34a..602373e 100644
--- a/public/zh/index.html
+++ b/public/zh/index.html
@@ -60,10 +60,11 @@
         <ul class="dropmenu">
             <li><a href="/">English</a></li>
             <li><a href="/zh/">简体中文</a></li>
-            <li><a href="/ja/">日本語</a></li>
+            <li><a href="/zh-tw/">繁體中文</a></li>
             <li><a href="/es/">Español</a></li>
             <li><a href="/de/">Deutsch</a></li>
             <li><a href="/ru/">Русский</a></li>
+            <li><a href="/ja/">日本語</a></li>
             <li><a href="/hi/">हिन्दी</a></li>
         </ul>
     </div>