Notion 快速將英文變繁體中文

介紹 Notion時,有提到其中一項缺點是中文化,雖然官方還在籌備中,但我們可以用一些撇步來將英文變中文。雖然學習英文最快的方式是用英文,不過工具還是越快上手越好,以下方法僅適用於 Notion 網頁版

有兩種方式,第一種是透過 Chrome 的套件 Google 翻譯來達成,第二種則是直接呼叫 Notion 官方釋出的 API,來達到英翻中。(2021/7/22更新:第二種方式 API目前已失效)

如果你不是用 Chrome Google 開發的瀏覽器,就要麻煩你先換成 Chorme 瀏覽器來操作。

2021/7/22 補充更新: 官方API方式失效

文中第二種方式呼叫官方  API 已失效,目前僅能使用第一種方式 Chrome 擴充工具來讓 Notion  轉繁體中文,但我相信官方快要釋出中文版,請大家拭目以待。

4.5/5

Chrome 擴充工具:翻譯

優點

  • 簡單方便
  • 快速

缺點

  • 需要用 Chrome  瀏覽器
  • 需要安裝 Google 擴充工具翻譯
  • 離開頁面後重進需要重操作一次
  • 容易出現臭蟲(Bug)
  • 翻譯太生硬
  • 僅能在網頁版 Notion 使用

5/5

呼叫 Notion 官方 API(2021/7/22 失效)

優點

  • 簡單方便
  • 快速
  • 翻譯由官方翻譯

缺點

  • 僅能在網頁版 Notion 使用

安裝 Chrome 套件

這個方法我比較不推薦,雖然大部分人推薦 Notion 中文化都是安裝Chrome套件 Google 翻譯來達到中翻英,但是這種翻譯太生硬了,就像你把想要翻譯的英文段落貼到 Google 翻譯上,總是覺得哪裡怪怪的,不夠貼切,因為它是硬生生的英文翻譯成中文。

另外不推薦的原因是它容易出現臭蟲(Bug),我曾遇過翻譯後無法建立新的頁面(Page)情形

缺點

  1.  翻譯太生硬、不直接
  2.  容易出現臭蟲(Bug)

步驟

  1. 安裝 Google 翻譯的擴充工具
  2. 打開 Notion 網頁版,轉成中文

第一步:安裝 Google 翻譯擴充工具

到Google翻譯網址後點擊「加到Chrome」,安裝Chrome  套件

chomre套件:翻譯

第二步:打開 Notion 網頁版,轉成中文

到 Notion 網頁版,點擊右鍵:翻譯成中文。

Notion範例英文轉成中文

轉成功後,你會看到左側邊的工具欄都變成中文化了!像是 Quick Find  變成快速查找、All Updates 變成所有更新、 Settings & Members 變成設置和成員。

除此之外,在新增工具時也都會變成中文。

Notion教學:範例Notion網頁英文轉中文

不過還有個缺點是,重新整理頁面後必須重新翻譯,不過非常容易,直接右鍵點翻譯成中文即可

呼叫 Notion 官方 API

接下來教學的方法一樣很簡單,我們會透過 JavaScript 的 AJAX 語法來呼叫 Notion 官方 API,簡單來說就是 Notion 官方有一個投幣式販賣機,其中一項商品是翻譯成中文,你只需要投對應的硬幣,就可以輕鬆把介面轉成中文囉!

如果想知道什麼是 API,建議可以看看這篇文章:從拉麵店的販賣機理解什麼是 API

聽到碰程式碼可能會有點害怕,但不要擔心,你可能是因為未知才會感到害怕,其實不難,而且也很安全,以下呼叫  Notion 官方 API,不限制 Chrome 瀏覽器,用 Firefox火狐、Safari 皆可適用,只要可以叫出瀏覽器的開發者工具即可。如果不知道怎麼呼叫其他瀏覽器開發者工具,可以上網 Google 關鍵字:「瀏覽器名稱 開發者工具」

接下來要開始教學了

打開 Chrome 瀏覽器,開啟開發者工具

開啟 Chrome 瀏覽器後,我們要呼叫開發者工具,這也是前端每天都會呼叫的工具,你可以選右鍵點「檢查」,Windows 可以按 F12,Mac 可以點 Option + command + J,開啟後切換標籤「Console」

複製程式碼貼到控制台

Notion教學,將網頁版英翻中,Chrome開發工具開啟console

複製以下的程式碼,貼到 控制台 console 裡。這段程式碼是利用 JavaScript 包裝 xhr 的物件,向 Notion 官方的販賣機其中一個商品轉換中文化 (/api/v3/setlocalle) ,投下硬幣「locale: ‘zh-TW’」,接著官方給我們的回應便是幫我們翻成中文囉,非常簡單

				
					var xhr = new XMLHttpRequest();
xhr.open("POST", "/api/v3/setlocale", true);
xhr.setRequestHeader('content-type', 'application/json');
var sendData = {"locale":"zh-TW"};
xhr.send(JSON.stringify(sendData));
				
			

Notion教學,將網頁版英翻中,貼上console

這段程式碼貼到控制台( Console)後按下 Enter 送出,會回傳 undefined,接著在頁面原地重新整理,就會看到 Notion 介面都變繁體中文囉! 下圖是翻譯成繁體中文後,開啟設定頁,有沒有比起用套件翻譯,還要來得柔順一點呢?

Notion教學:繁體中文:設定
更新:Notion API

已經失效

About the Author

Hazel

堅信著所有的學習都是為了讓你在對的時間點作出對的選擇。 幾年前從非本科系成功轉職前端,職業是前端工程師。喜歡分享知識幫助別人

分享你的見解或想法

Your email address will not be published. Required fields are marked

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}