參考來源：中華電信下載 GitHub 的東西超慢？那你有聽過科學上網嗎？

必須先完成安裝：Cloudflare One Client、Clash Verge。

一、開啟 One Client（免登入），選取「本機 Proxy」並連線（預設連接埠 40000 可於設定修改）。

二、開啟 Clash Verge / 訂閱 / 新增本機設定檔。

三、在剛剛新增的「訂閱」開啟右鍵選單，選擇編輯檔案。

四、複製並貼入下列 yaml 設定：

# Profile Template for Clash Verge

proxies:
  - name: WARP
    type: socks5
    server: 127.0.0.1
    port: 40000

proxy-groups:
  - name: WARP-Group
    type: select
    proxies:
      - WARP
      - DIRECT
      
rule-providers:
  GitHub:
    type: http
    behavior: classical
    format: yaml
    url: "https://raw.githubusercontent.com/blackmatrix7/ios_rule_script/master/rule/Clash/GitHub/GitHub.yaml"
    path: ./ruleset/GitHub.yaml
    interval: 86400

  Twitter:
    type: http
    behavior: classical
    format: yaml
    url: "https://raw.githubusercontent.com/blackmatrix7/ios_rule_script/master/rule/Clash/Twitter/Twitter.yaml"
    path: ./ruleset/Twitter.yaml
    interval: 86400

rules:
  - RULE-SET,GitHub,WARP
  - RULE-SET,Twitter,WARP
  - MATCH,DIRECT

五、確認 Clash Verge 首頁設定有出現如下資訊，並啟用「系統代理」即可。

確認連線是否正確：先前往「連線」監看流量，再開啟 X 或 Github 查看是否有捕捉到流量，以及套用正確規則。

The post 解決 Hinet 連接 Twitter 和 Github 問題 first appeared on essoduke's blog.

新版本 A.1 最主要是多了 pass object 替換變數和 auto translate 功能。

• https://code.essoduke.org/i18n
• https://github.com/essoduke/javascript-i18n-core

Quick start

import i18n from './i18n.js';
i18n.set({
    'resource': '/i18n.json',
    'locale': 'en'
}).init(function () {
    // do something
});

Usage

// general
let foo = i18n._("key");

// pass by object
const user = {
    'name': 'John',
    'age': 10
};
let foo = i18n._("key", user);

// pass by parameters
let foo = i18n._('key', 'john', '10');

// change default language
let foo = i18n.set('locale', 'en');

// get specific language
let foo = i18n._('en', 'key');
let foo = i18n._('en', 'key', user);
let foo = i18n._('en', 'key', 'john', 10);

Auto translate

<div data-i18n="key"></div>
<div data-i18n="key" data-i18n-pass="{'name': 'John', 'age': 10}"></div>

// auto translate
i18n.set('locale', 'en').init(function () {
    this.translate();
});

button.addEventListener("click", function () {
    i18n.translate();
    // translate to specific language
    i18n.translate('en');
});

Have fun :p

The post javasacript-i18n-core vA.1 first appeared on essoduke's blog.

雖然已經有官方繁體中文、遊戲品質也相當不錯，但總感覺不盡完美，而且自己也玩了 50+ 小時，所以還是動手修改了一下，盡量滿足自己的閱讀潔癖。

下載連結（Google Drive）：

• https://shorturl.at/aekC7 [7z]（一般玩家請下載此檔案）
• https://shorturl.at/knzDP [csv]（譯者適用）

安裝方法：

1. 必須執行過遊戲，並在遊戲內選取官方「繁體中文」。
2. 解壓縮至 X:/Steam/steamapps/common/Return 2 Games 根目錄。

此版本除了潤飾還有下列特點（注意事項）：

• Rouge 由「盜賊」更改為「浪人」；「卡片」改為「卡牌」、「預言家、智者」則改為「占卜師、老智者」。
• 符合台灣慣用詞彙。
• 標準化符號、調整半形空白字元的使用。
• 相容於支語警察 :)

另外還有幾個問題，請斟酌後再使用：

• 承注意事項，會導致和 Steam 內建的成就說明文字有出入。
• 遊戲內的成就翻譯沒有作用（不知為何還是舊版）。
• 有部份和遊戲內容無關：例如官方在遊戲內介紹遊戲的字串（我也不知道遊戲內哪邊可以看到）就先忽略了。
• 可能還是有遺漏的字串（我有看到但似乎無法修改？）

預覽圖檔（點選可放大）

The post Book of Demons 繁體中文語系 first appeared on essoduke's blog.

The post 掀開遮羞布了 first appeared on essoduke's blog.

We are currently experiencing issues with our OCSP which is causing certificate warning messages. We aim to fix this as soon as possible.

— GlobalSign (@globalsign) October 13, 2016

並不是所有人都會受影響就是了…

延伸閱讀：

• Safari could not establish a secure connection to Wikipedia?

The post GlobalSign 出包了 first appeared on essoduke's blog.

記錄一下里程碑！有興趣的可以跟我求檔啊…XD

因為 WordPress Cache 之故，所以還是有部份文章會顯示為舊版主題。

這次改版主要是捨棄 Bootstrap，讓 JS 和 CSS 的體積可以大幅縮小（至少 50%）。

首頁、分類和標籤等頁面採用純 CSS 設計 Waterfall Layout 的寬型布局（只支援各瀏覽器的最新版本），並提昇每頁文章顯示數量至 9 筆，順便將 Google Adsense 整合，不會那麼突兀。

至於內頁則是使用傳統兩欄式布局，並將範圍縮小至 960px；左側資訊欄放置以往隱藏的「分類」以及「標籤」，也順便可以顯示長形的 Google Adsense；也特地在移動裝置上隱藏了左欄，所以不會有廣告，藉此降低讀取流量。

另一方面，為了效能著想，這個主題不使用多國語系檔，也不支援後台調整設置，完全純手工調整，可以稱得上是「百分之百的 WordPress 硬漢專屬主題」！

然後就是慢慢調整剩下的缺陷了。

以上！

The post 更換自製佈景主題 first appeared on essoduke's blog.

之前有稍微介紹過的 Zombasite，雖然表面上看起來就像是坊間的 Diablo-Like 遊戲，不過開發商也加入不少新創元素，除了要四處募集戰友的同時，還得在糧食和戰力之間做出取捨，甚至是和其他部族之間的爾虞我詐，這些元素讓 Zombasite 走出了不一樣的路。

Zombasite 不像一般的 ARPG，並沒有主線劇情貫穿遊戲，而是以征服每一局遊戲世界的方式進行。一開始什麼都沒有的情況之下，漸漸地從探索的過程募集戰友、提昇裝備和等級，而這些夥伴、裝備都能和玩家一起往更困難的新世界繼續征戰。

角色可選擇的正規職業有八種（還有一種混合職業），而每個職業有三個分支可以混合發展，例如 Warrior 就分為 WeaponMaster（武器大師）、Gladiator（鬥士）、Defender（守衛者），也都各自擁有不同的技能。除此之外每個角色還可選擇性別（其實我覺得沒差別）、特性（例如專家模式、不幸、被詛咒的…等等），讓遊戲的變化更為豐富。

建立角色之後就可以設定遊戲世界，除了最基本的怪物等級、地圖大小、AI 部落數量，也可以根據角色能力選擇該世界的困難度。

一進入遊戲可能會被「樸素」的畫質嚇到。儘管如此，影像設定內可是毫不含糊；不過特效全開之下，我的配備還不能穩定 60FPS，可能是 Beta 版之故，就看正式版本是否能改善了。

基本 UI

左上方是玩家角色狀態，綠色是生命值、藍色就是魔力，黃色則是耐力。小圖示則是 Buff, Debuff 等狀態。左方為隊伍視窗，每個隊伍不含玩家只能有兩個成員（召喚物不算在內），底下就是技能和功能熱鍵，比較貼心的是直接顯示了背包已用/可用容量。

角色

每個角色都有「力量、敏捷、活力、智慧、精神」五大屬性，每升一級都有 5 點可自由分配；元素類型也有「火、電、冰、毒、魔法」外加遊戲核心的「屍毒」共六種。開發商還很貼心的做了匯出 HTML 和導入論壇的功能，可以方便地讓其他人健檢機體資料。

不過最重要的應該是上方顯示「Food supply」的狀態，顯示目前部族擁有的食物、每小時消耗量以及警戒值。當食物存量低於警戒值，所有人就會餓肚子，一旦餓肚子，所有屬性就直接 -17% 頗慘…

世界、任務

Zombasite 的地圖和任務都是建立世界時隨機產生，而且隨時在發展；例如任務需要拯救在某處奮戰的 NPC，只要你手腳太慢就可能讓他戰死（就真的從世界消失）任務也就失敗。而怪物之間也擁有敵對關係會互相打架，獲勝的一方甚至能變得更強。

左側是目前已經接的任務，點選其中一項會在右側顯示摘要和獎勵。底下可以放棄任務、尋找任務目標和觀看目標區域地圖。尋找目標並不是慣壞玩家的尋路系統，而是只在地圖上標出「謠傳該目標可能會出現的大概位置」，而且會出現好幾個，所以還是得親自去慢慢踩點驗證。

不過最方便的是，承接和回報任務通常不需要找特定角色，直接在該視窗（或外交視窗，視任務來源）就可以回報；承接任務則是前往該任務區域內達成要求就可以。以下圖來說，右上角小地圖上方顯示的「目前區域名稱」前方有「黃色 * 號」就表示目前有未承接但可執行的任務，「綠色 * 號」擇表示有已完成的任務可以回報。

而回報任務也會影響和其他部落的關係。例如玩家和 A 部落友好，但是 A 和 B 交惡，只要玩家回報了 A 的任務，就會減低和 B 的關係（敵人的朋友就是敵人），所以在回報前可能要先想一下，雖然我都不管啦，經驗值最重要。

技能

角色每升一級，會根據目前角色等級給予對應的技能點數，因為提昇技能需要的點數會隨著該技能等級增加。升級技能只需要點數，但是降低卻還要額外的金錢，而且金額會隨著技能等級增加。

最上方顯示的都是被動技能，下方則是目前職業可選的技能分支，以我玩的 Conjurer（魔法師）為例，就分支為 Warlock（術士）、Necromancer（死靈法師）和 Sorcerer（巫師）三種，正規職業隨時可以三種混合升級；另一種 Hybrid（混合職業）則是依照創造角色時選取的兩種職業為主。

除了主動技能，還有 Triats（特色）可以玩，例如「可以用生命值取代魔力，但是沒魔力又施法可能會導致掛掉」、「藥水效果加倍但是 CD 也加倍」… 噗

外交

探索過程會遇到其他部落，一開始都會是中立狀態，隨著互動會逐漸改變。左側下方顯示了目前各部落的實力排名，右方則是和各部落的外交關係，綠色代表友善程度（越綠越愛），實線旁的虛線則依據顏色表示目前狀態，例如黃色表示「已簽訂互不侵犯」，綠色則是「同盟」… 等等。

玩家的部落位於最上方，底下則是各部落圖示，帶有「綠色驚嘆號」表示該部落有可以回報的任務，紅色問號則是有可承接的任務。點擊部落圖示還會有更進階的選項，例如交易、宣戰、花錢搞小動作之類的。

道具、裝備、工作檯

每個角色最多只能帶上四個背包，而最大的背包可以容納 16 格，也就是背包可用空間最多 64 格。比較特別的是，倉庫分為專屬和共用兩種，專屬倉庫內的物品只能夠由該角色存取，共用則是所有角色均可使用。而且換新地圖時，倉庫也會跟著移動；所有倉庫都只有 8 格，而且不能直接將物品放入倉庫，必須將背包置入倉庫，再將物品放進倉庫內的背包。

角色的可裝備類型包括有「頭、披風、圍巾、胸、盾牌、手臂、手套、腿、鞋子、腰帶、戒指、項鍊和珠寶」等，其餘道具還有「門、守衛、遺跡和鑲嵌物」之用，這些道具都依照顏色從灰（破損）白（一般）綠（魔法）藍（套裝）黃（稀有）橘（傳奇）依序分類，非常豐富。

若是有多餘的裝備，就可以分配給自己的戰友或是使用工作檯拆解成材料；材料可以用來修復裝備、武器（兩個材料不同）解除物品的詛咒、強化、打洞…等等。

部落

部落其實是遊戲的核心，NPC 也擁有特色職業，我的建議是依照特色職業來招募適合的成員，例如特色職業是農夫或屠夫的人，會定時產生食物；藥劑師、工匠則是會生產藥水和道具。而且成員都有自己的特色，例如樂觀、衝動，長得醜（?），成員之間也有各自的關係鏈，關係不好的還會打架，所以要隨時關心家人（？）

在部落視窗內可以看到目前所有的成員以及簡單的屬性，例如等級、職業… 等等。如果要打獵或採藥，也必須從部落視窗進行。

其他

遊戲內提供了旅程統計，可以隨時瀏覽一些特別的記錄，例如遊玩時間、殺敵數、已賺取的金幣…等等，這些記錄可以依照角色或總覽分別檢視；還有「殭屍知識庫、怪物資料庫、成就」等特殊的資料，讓玩家可以壓力摳米。

遊戲影片

httpvh://www.youtube.com/watch?v=ypun4UKYRhk
httpvh://www.youtube.com/watch?v=PE6_L3ghUSs

後記

Zombasite 雖然是基於 Din’s Curse 改進而來，也增加了不少新內容，儘管遊戲還在 Early Access 階段，但是每週一次的更新頻率能看得出開發商的用心。雖然畫面音效比不上 AAA 大作，但是遊戲內容絕對不輸給大廠，我認為還是蠻值得一玩。

優點

• 動態發展的隨機世界
• 擁有獨創元素的 ARPG
• 支援多人連線合作
• 支援 Mod 模組
• 不用擔心被開發商放生!

缺點

• 執行效能不佳
• 畫質、音樂音效貧乏

10/10

The post 《Zombasite》除了打怪升級衝裝備，還得外出覓食？ first appeared on essoduke's blog.

Zombasite 是一款由 Soldak Entertainment 開發的動作角色扮演遊戲，目前還在 Early Access 搶先體驗階段，更新週期約每週一次；雖然這家獨立製作的遊戲公司在 Steam 上的遊戲不多，不過絕大多數都是好評，應該是可以安心入手。

系統引擎應該和 Din’s Curse 一樣？也支援了多人連線，有興趣的可以先看看 PTT 上的 Din’s Curse 推坑文，雖然沒有中文版本（本來想自己中文化，但是技術不足…）還是頗生火啊。

在昨天取得 Zombasite Player’s Guide 的原作者 sahornback 同意後，隨即翻譯成繁體中文版本，希望可以讓更多人掉坑…

有興趣的可以加我好友
Steam ID: essoduke

遊戲大綱

你 – 身為部落的領袖，必須讓自己和同伴們在殭屍末世之中竭盡所能地生存下去才能獲得勝利。每一個遊戲世界都存在著一些和你一樣試圖求生的部落，你可以（也應該）和他們進行互動。你的使命就是確保部落內至少有一名夥伴和你一起成為最後的生還者。

下列方式可以讓你盡可能地生存：

• 提升自己和夥伴的武器和裝備。
• 提升自己和夥伴的等級。
• 擴充部落、招募更多的成員。
• 提高城鎮的防禦。
• 為部落蒐集食物。

當然不只如此…

要贏得遊戲至少需要達成下列條件的其中之一：

• 殲滅其他部落（武力征服）
• 和所有僅存的部落結盟（外交勝利）
• 蒐集夠多的食物（後勤霸主）
• 完成所有必要的任務（冒險之王）

完整中文導覽手冊請至: http://steamcommunity.com/sharedfiles/filedetails/?id=557652834

The post Zombasite 新手導覽（繁體中文版） first appeared on essoduke's blog.

• GitHub
• jQuery tinyMap

v3.2 最主要的更新有：

• 不再需要手動引入 Google Maps API 以及 markerclusterer 函式庫了。
• 可自訂路徑規劃各中繼點的圖示。
• 支援原生 directions 參數。
• 支援原生 kml 參數。
• 支援原生 markerCluster 參數。
• 支援 Places API。
• 更有彈性的 clear 清除方法。
• 全新的 get 方法，讓獲取圖層更彈性及簡單。(v3.2.3)
• 修正錯誤。

get 方法使用範例

// 取得所有圖層
var layers = $(selector).tinyMap('get');

// 取得指定圖層
var layer = $(selector).tinyMap('get', 'marker');
// 取得多個圖層
var layer = $(selector).tinyMap('get', 'marker,direction');

// 取得圖層內的某個物件
var layer = $(seoector).tinyMap('get', {
    'marker': [0, 1…] // 以順序位置取出
    'direction': ['A', 'B'…] //以自訂 ID 方式取出
    'circle': [0, 'A', 2…] // 混合方式
});

// Callback
$(selector).tinyMap('get', 'marker', function (layers) {
    console.dir(layers);
});

clear 方法使用範例

和 get 方法類似。

// 清除所有圖層
var layers = $(selector).tinyMap('clear');

// 清除圖層內的某個物件
var layer = $(seoector).tinyMap('clear', {
    'marker': [0, 1…] // 以順序位置
    'direction': ['A', 'B'…] //以自訂 ID 方式
    'circle': [0, 'A', 2…] // 混合方式
});

The post jQuery tinyMap v3.2 release first appeared on essoduke's blog.

拜訪: Google Maps 座標工具

目前似乎有行動裝置對於介面操作不順暢的 bug，找時間再修，或許也會考慮加入儲存至雲端的功能。

The post [更新] Google Maps 座標工具 first appeared on essoduke's blog.