Skip to content

Commit 14c53c6

Browse files
andy23512andy23512
committed
fix: fix image broken error
1 parent 4b29099 commit 14c53c6

18 files changed

+93
-93
lines changed

‎bin/generate-posts.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -118,7 +118,7 @@ ${replaceNoteUrl(
118118
.replaceAll(":::", "{% endblockquote %}")
119119
.replaceAll(/\[^\w+\]/g, " $0")
120120
.replaceAll(":heavy_check_mark:", '<div class="check"></div>')
121-
.replaceAll("https://hackmd.io/_uploads/", "/blog/images/"),
121+
.replaceAll("https://hackmd.io/_uploads/", "/blog-zh-tw/images/"),
122122
urlToFileName,
123123
)}
124124
`;

‎source/_posts/alnitak-參宿一-tangent-所開發的-charachorder-3d-輸入裝置練習工具.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ otherLanguages:
1818
:information_source: 免責聲明：本練習工具與 CharaChorder 公司沒有隸屬、關聯、授權、認可，或任何正式關聯的關係。
1919
{% endblockquote %}
2020

21-
![截圖 2025-02-19 23.15.27](/blog/images/HJR3BOX51l.png)
21+
![截圖 2025-02-19 23.15.27](/blog-zh-tw/images/HJR3BOX51l.png)
2222

2323
## 連結
2424

‎source/_posts/cc-extensions-能使打字網站顯示-charachorder-3d-輸入裝置的鍵盤佈局的非官方瀏覽器擴充套件們.md‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -73,35 +73,35 @@ otherLanguages:
7373

7474
因為 Keybr CC Extension 這個擴充套件是在 Keybr 上被使用，我就從 Keybr 的標誌尋找靈感。Keybr 的標誌是顯示傾斜的鍵盤佈局。於是我做的第一個標誌，就是單純把這個擴充套件顯示的佈局傾斜後截圖產生的。
7575

76-
![image](/blog/images/S1J5rvnkbe.png)
76+
![image](/blog-zh-tw/images/S1J5rvnkbe.png)
7777

7878
但是這個標誌顯示在瀏覽器的工具列時，會變很小，也很難辨識，在使用暗色主題的瀏覽器下問題更嚴重。
7979

8080
為了解決這個問題，我設計了第二個，也就是現在使用的標誌。這個新的標誌就只顯示一個搖桿的佈局圖，並點亮它的北、西、南鍵。這樣設計就形成一個 C 形，與 CharaChorder 彼此呼應，在小尺寸時也能夠辨識。
8181

82-
![icon-128](/blog/images/r1QCPP31Zx.png)
82+
![icon-128](/blog-zh-tw/images/r1QCPP31Zx.png)
8383

8484
而 Monkeytype CC Extension 那邊，我就用 Monkeytype 的主題樣式做了一個類似的。
8585

86-
![icon-128](/blog/images/SJyL5eRy-e.png)
86+
![icon-128](/blog-zh-tw/images/SJyL5eRy-e.png)
8787

8888
### 鍵盤佈局設計
8989

9090
在開發鍵盤佈局元件時，我最初的作法是，把 [Alnitak](https://andy23512.github.io/alnitak/) ——我之前為 CC 3D 輸入裝置開發的練習工具——上的佈局的 SVG 複製過來，做出一個概念驗證版本。下面就是在那個階段時的截圖。在這個版本就已經能偵測 Keybr 上目前的字元並點亮在佈局上的對應按鍵。
9191

92-
![image](/blog/images/S11QFOhkZl.png)
92+
![image](/blog-zh-tw/images/S11QFOhkZl.png)
9393

9494
由截圖可以發現，鍵盤佈局的樣式與 Keybr 的樣式並不搭。研究過 Keybr 的主題和套用樣式的方式後，我發現它是用 CSS 變數來設定主題顏色和字體的。於是我決定取用這些 CSS 變數並將它們套用到佈局元件上。如此一來就能使佈局元件的樣式能適應不同的 Keybr 主題設定，並使它能夠與 Keybr 上的其他元素搭配。
9595

96-
![screenshot-dark-cc1](/blog/images/H1p6TO2yZx.png)
96+
![screenshot-dark-cc1](/blog-zh-tw/images/H1p6TO2yZx.png)
9797

98-
![screenshot-m4g-light](/blog/images/Bkj0a_2JZe.png)
98+
![screenshot-m4g-light](/blog-zh-tw/images/Bkj0a_2JZe.png)
9999

100100
而在 Monkeytype 那邊，因為它也用 CSS 變數來設定主題顏色和字體，所以我也在 Monkeytype CC Extension 中用一樣的方式處理。
101101

102-
![screenshot-dark-cc1](/blog/images/By-ZogCybx.png)
102+
![screenshot-dark-cc1](/blog-zh-tw/images/By-ZogCybx.png)
103103

104-
![screenshot-light-m4g](/blog/images/HyLbix0yWx.png)
104+
![screenshot-light-m4g](/blog-zh-tw/images/HyLbix0yWx.png)
105105

106106
### 選擇使用 React 的原因
107107

‎source/_posts/tanchord-code-tc-code-非官方的、實驗性的-charachorder-和弦庫代碼編輯器.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ otherLanguages:
1818
:information_source: 免責聲明：本編輯器與 CharaChorder 公司沒有隸屬、關聯、授權、認可，或任何正式關聯的關係。
1919
{% endblockquote %}
2020

21-
![localhost_4300_](/blog/images/SkO7J4xbZl.png)
21+
![localhost_4300_](/blog-zh-tw/images/SkO7J4xbZl.png)
2222

2323
## 連結
2424

@@ -55,7 +55,7 @@ otherLanguages:
5555

5656
### 標誌設計
5757

58-
![andy23512.github.io_tccode_](/blog/images/r1DYsVgbbx.png)
58+
![andy23512.github.io_tccode_](/blog-zh-tw/images/r1DYsVgbbx.png)
5959

6060
如果你觀察它的描邊，這個圖標是由兩個圓形和一個直線組成。直線是裡面的圓的切線（Tangent），也是外面的圓的弦（Chord）。這與名稱中的「TanChord」互相呼應。
6161

‎source/_posts/tangent-在-charachorder-one-上的注音輸入鍵盤佈局.md‎

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,7 @@ otherLanguages:
3838

3939
如上所述，在 CC1 上使用現有的注音佈局會有一些問題。為了讓其易學（容易找到對應的鍵）且有效率（可使用聲韻並擊），要為了 CC1 特別設計一個注音佈局，所以我設計出下圖的佈局。
4040

41-
![](/blog/images/HJ4V6CjNh.png)
41+
![](/blog-zh-tw/images/HJ4V6CjNh.png)
4242

4343
這個鍵盤佈局的設計原則為：
4444

@@ -56,7 +56,7 @@ otherLanguages:
5656

5757
注音輸入法軟體只能映射文字鍵（英文字母、數字、符號）到注音符號，所以在我的注音佈局上的注音符號鍵，在 CC1 上他就一定要是文字鍵。也考慮到我寫程式上的需要，我用一些程式碼上常用的符號鍵去替代一些非文字鍵。最終的 CC1 鍵盤佈局如下圖。
5858

59-
![](/blog/images/HJWzu13Nn.png)
59+
![](/blog-zh-tw/images/HJWzu13Nn.png)
6060

6161
鍵盤佈局的 CSV 檔在此：https://raw.githubusercontent.com/andy23512/setting-files/master/CharaChorder/cc1-layout.csv
6262

@@ -74,8 +74,8 @@ otherLanguages:
7474

7575
使用這個佈局一段時間後，我發現了一些問題，所以做了一些調整。
7676

77-
![](/blog/images/rywIbxeg6.png)
78-
![](/blog/images/Hk1ktlxxT.png)
77+
![](/blog-zh-tw/images/rywIbxeg6.png)
78+
![](/blog-zh-tw/images/Hk1ktlxxT.png)
7979

8080
1. 所有韻母（ㄦ以外[^err]）移到右手的拇指搖桿，以符合注音符號表的分組。（原 Dup 移到左滑鼠鍵搖桿的北鍵。）此改變也讓常用的韻母 `ㄢㄣㄤㄥ` 被放在拇指的第一搖桿。這有助於提升輸入效率。
8181
2. 所有聲調（一聲以外）移到右手的無名指搖桿。
@@ -91,7 +91,7 @@ otherLanguages:
9191
新的 CC1 佈局檔： https://raw.githubusercontent.com/andy23512/setting-files/master/CharaChorder/cc1-layout-v3.csv
9292
小麥注音更新： https://github.com/andy23512/McBopomofo/commit/e33883e3f7d189bf18d339c7a02d0072899848fc
9393

94-
![localhost_4200_layouts (1)](/blog/images/Hk80ZYEEa.png)
94+
![localhost_4200_layouts (1)](/blog-zh-tw/images/Hk80ZYEEa.png)
9595

9696
##### V4
9797

@@ -101,7 +101,7 @@ otherLanguages:
101101

102102
小麥注音更新： https://github.com/andy23512/McBopomofo/commit/35b7eccbe94c184d9edee9d11471076702660ec2
103103

104-
![image](/blog/images/r1sZj6tSp.png)
104+
![image](/blog-zh-tw/images/r1sZj6tSp.png)
105105

106106
##### V5（最新版）
107107

@@ -110,7 +110,7 @@ otherLanguages:
110110
新的 CC1 佈局檔： https://raw.githubusercontent.com/andy23512/setting-files/master/CharaChorder/cc1-layout-v5.csv
111111
小麥注音更新： https://github.com/andy23512/McBopomofo/commit/fe53eda098250384d600af04d44e2139dc492fef
112112

113-
![localhost_4200_layouts](/blog/images/S1seckdIp.png)
113+
![localhost_4200_layouts](/blog-zh-tw/images/S1seckdIp.png)
114114

115115
##### V5.1 (滑鼠鍵調整)
116116

@@ -121,11 +121,11 @@ otherLanguages:
121121

122122
###### 主要層
123123

124-
![localhost_4200_layouts](/blog/images/By-7Cw_j6.png)
124+
![localhost_4200_layouts](/blog-zh-tw/images/By-7Cw_j6.png)
125125

126126
###### 數字層
127127

128-
![localhost_4200_layouts (1)](/blog/images/HkzXE__ia.png)
128+
![localhost_4200_layouts (1)](/blog-zh-tw/images/HkzXE__ia.png)
129129

130130
- ②: 數字層鎖定 / 解除鍵
131131
- M箭頭: 滑鼠移動
@@ -140,7 +140,7 @@ CC 裝置管理系統匯出的備份檔： https://github.com/andy23512/setting-
140140

141141
###### 數字層
142142

143-
![localhost_4200_layouts](/blog/images/rkWnAPlyA.png)
143+
![localhost_4200_layouts](/blog-zh-tw/images/rkWnAPlyA.png)
144144

145145
CC 裝置管理系統匯出的備份檔：https://github.com/andy23512/setting-files/blob/master/CharaChorder/backup-ONE-v5.2.json
146146

@@ -179,7 +179,7 @@ CC 裝置管理系統匯出的備份檔：https://github.com/andy23512/setting-f
179179
因為注音密碼相依於標準鍵盤，我不能直接在我的注音佈局上直接打出來。所以我用 [Ukelele](https://software.sil.org/ukelele/) 製作了一個新的佈局來映射 CC1 的輸出到對應的注音密碼。
180180

181181
對應到天弦 41 鍵 V5 的注音密碼佈局如下圖所示：
182-
![image](/blog/images/HyVN_pdpp.png)
182+
![image](/blog-zh-tw/images/HyVN_pdpp.png)
183183

184184
看起來很像有人把鍵盤上的鍵隨便亂排之後的結果，但實際上這是我的注音佈局 V5 與標準鍵盤佈局組合後的結果。
185185

@@ -210,7 +210,7 @@ CC1->>天弦 41 鍵 V5: 7890...
210210

211211
所以在注音密碼佈局上，`7890` 鍵的輸出就應該是 `1qaz`，這就是套用天弦 41 鍵 V5 和逆向的標準注音佈局的結果。
212212

213-
![upload_b72eeab34a7f164d74dcf73a19b18b3c](/blog/images/ByoFE7l0p.png)
213+
![upload_b72eeab34a7f164d74dcf73a19b18b3c](/blog-zh-tw/images/ByoFE7l0p.png)
214214

215215
### 自訂快捷鍵
216216

@@ -228,7 +228,7 @@ CC1->>天弦 41 鍵 V5: 7890...
228228

229229
舉例來說，在我的<a href="{% post_path tangent-尋找在-master-forge-上的注音輸入方式的歷程 %}#V2">天弦 36 鍵 V2</a> 注音佈局中，當我打「問（ㄨㄣ、）」字時，我用注音和弦輸入「ㄨ+ㄣ」(對應的鍵為`t+d`)後立刻輸入四聲`、`(對應的鍵為`;`)。這個 `;` 鍵就會觸發標點符號琶音功能，因此 CharaChorder 裝置似乎就會輸出空白鍵、`;` 鍵、左方向鍵、退格鍵、右方向鍵。
230230

231-
![](/blog/images/S1zHh4VVC.gif)
231+
![](/blog-zh-tw/images/S1zHh4VVC.gif)
232232

233233
(ㄨㄣ 加上空白鍵即會打出了「溫」字。退格鍵就會刪掉這個「溫」字。
234234

‎source/_posts/tangent-在-charachorder-one、charachorder-two-和-master-forge-上的最新佈局.md‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -24,40 +24,40 @@ otherLanguages:
2424

2525
#### 將符號鍵放在主列上
2626

27-
![localhost_4200_layouts (3)](/blog/images/SJh3sUV-ke.png)
27+
![localhost_4200_layouts (3)](/blog-zh-tw/images/SJh3sUV-ke.png)
2828

2929
對應的注音佈局：
30-
![localhost_4200_layouts](/blog/images/ByF157m7kx.png)
30+
![localhost_4200_layouts](/blog-zh-tw/images/ByF157m7kx.png)
3131

3232
注音輸入法僅能將字元鍵（字母、數字和符號）映射為注音符號，所以我將一些非字元鍵改為符號鍵。這些符號鍵並不會帶有 Shift 按鍵效果，所以它們不會影響到和弦的運作（包含 CC 和弦和注音和弦）。
3333

3434
這些符號鍵在寫程式時也很有用。
3535

3636
#### 擺放被改掉的非字元鍵
3737

38-
![localhost_4200_layouts (2)](/blog/images/S1HFjUNbyg.png)
38+
![localhost_4200_layouts (2)](/blog-zh-tw/images/S1HFjUNbyg.png)
3939

4040
接著我要為那些原本位置被改為符號的非字元鍵找位置。與 M4G 的預設佈局類似，我將它們放在無名指中搖桿上。
4141

4242
`LW` 和 `RW` 是 左和右 GUI 鍵。（Windows 上的 Windows 鍵、Mac 上的 Command 鍵） 它們在我的 Mac 上實際上是 `Ctrl` 鍵。因為我使用了 Karabiner 來交換 CC1 上的 `Ctrl` 和 `Command` 鍵。
4343

4444
#### 數字層鎖定鍵
4545

46-
![localhost_4200_layouts (4)](/blog/images/HkIfT8E-Jg.png)
46+
![localhost_4200_layouts (4)](/blog-zh-tw/images/HkIfT8E-Jg.png)
4747

4848
因為主層上的滑鼠搖桿被一些非字元鍵佔據，所以我改成在數字層上使用滑鼠動作。我設定了一個數字層鎖定鍵來將裝置鎖定為數字層。（然後可以用原本的 Num-shift 鍵來解鎖。）
4949

5050
### 數字層
5151

5252
#### 將功能鍵放在左半邊
5353

54-
![localhost_4200_layouts (3)](/blog/images/B1wp0YtMWg.png)
54+
![localhost_4200_layouts (3)](/blog-zh-tw/images/B1wp0YtMWg.png)
5555

5656
為了讓功能鍵更好使用，我把功能鍵放在數字層的左半邊。
5757

5858
#### 設定滑鼠動作鍵
5959

60-
![localhost_4200_layouts (4)](/blog/images/HyMARFtf-g.png)
60+
![localhost_4200_layouts (4)](/blog-zh-tw/images/HyMARFtf-g.png)
6161

6262
- M(箭頭): 滑鼠移動
6363
- S(箭頭): 滑鼠捲動

‎source/_posts/tangent-尋找在-master-forge-上的注音輸入方式的歷程.md‎

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ Master Forge (M4G) 是 CC1 的接班人，它將不會有拇指的第三搖桿
2020

2121
從<a href="{% post_path tangent-在-charachorder-one-上的注音輸入鍵盤佈局 %}#V5（最新版）">天弦 41 鍵 V5</a> 來改，這就是一個可能的 M4G 注音佈局。
2222

23-
![localhost_4200_layouts](/blog/images/B16h42R2T.png)
23+
![localhost_4200_layouts](/blog-zh-tw/images/B16h42R2T.png)
2424

2525
但是如你所見，一些小指搖桿上的鍵會被注音符號佔據。這就代表 Num-shift、Shift 和鏡像鍵就會不在它原有的位置。這樣會讓這個佈局很難與英文輸入並存。
2626

@@ -38,9 +38,9 @@ Master Forge (M4G) 是 CC1 的接班人，它將不會有拇指的第三搖桿
3838

3939
為了決定要將哪些注音符號放在同一個鍵，我使用[這個中文字典](https://www.zdic.net/zd/zy/)的注音組合清單，並分別計算兩兩聲母和兩兩韻母的組合重複數目。舉例來說，`ㄅ`和`ㄐ`都有與 `ㄧ`、`ㄧㄝ`、`ㄧㄠ`、`ㄧㄢ`、`ㄧㄣ`和`ㄧㄥ`的組合，所以他們的組合重複數目為 6。然後我把這些數目畫成如下的列聯表。
4040

41-
![localhost_5173_](/blog/images/H1v5hWQkC.png)
41+
![localhost_5173_](/blog-zh-tw/images/H1v5hWQkC.png)
4242

43-
![localhost_5173_ (1)](/blog/images/BJbjnWQ1R.png)
43+
![localhost_5173_ (1)](/blog-zh-tw/images/BJbjnWQ1R.png)
4444

4545
### 佈局設計歷程
4646

@@ -54,19 +54,19 @@ Master Forge (M4G) 是 CC1 的接班人，它將不會有拇指的第三搖桿
5454

5555
因此我把佈局改為如下圖。
5656

57-
![localhost_4200_layouts (1)](/blog/images/rk4ygGQJR.png)
57+
![localhost_4200_layouts (1)](/blog-zh-tw/images/rk4ygGQJR.png)
5858

5959
我試著將在我的 McBopomofo IME 的分叉專案下試著實作這個佈局，如果結果不錯的話，我會重新考慮是否要買 M4G。
6060

6161
#### 第二次迭代 - 天弦 36 鍵 V1
6262

6363
在嘗試之後，McBopomofo 似乎在 `ㄛ-ㄜ-ㄝ` 鍵上有問題，可能是因為他們的組合有重疊，因此我再把佈局改為如下圖。
6464

65-
![localhost_4200_layouts (2)](/blog/images/BkX_157yR.png)
65+
![localhost_4200_layouts (2)](/blog-zh-tw/images/BkX_157yR.png)
6666

6767
右鏡像鍵被換成 `/` 鍵。
6868

69-
![localhost_4200_layouts (3)](/blog/images/r17pyqX10.png)
69+
![localhost_4200_layouts (3)](/blog-zh-tw/images/r17pyqX10.png)
7070

7171
經過更多測試後，似乎這個佈局和 McBopomofo 在用聲韻並擊時不太能夠正常運作，可能因為 McBopomofo 預期輸入要是正確的順序才能正確的判斷要用哪個注音組合。所以我修改這個判斷邏輯來讓它們能正常運作。我將這個佈局命名為天弦 36 鍵，以跟<a href="{% post_path tangent-在-charachorder-one-上的注音輸入鍵盤佈局 %}#%E5%89%B5%E9%80%A0%E6%96%B0%E7%9A%84%E6%B3%A8%E9%9F%B3%E4%BD%88%E5%B1%80---%E5%A4%A9%E5%BC%A6-41-%E9%8D%B5">天弦 41 鍵</a>做區別。
7272

@@ -98,7 +98,7 @@ Master Forge (M4G) 是 CC1 的接班人，它將不會有拇指的第三搖桿
9898

9999
經過多次測試之後，我發現 V1 佈局下，`ㄩㄝ` 會較難打，所以我再調整了一下佈局如下。
100100

101-
![localhost_4200_layouts](/blog/images/B1tK9B_kA.png)
101+
![localhost_4200_layouts](/blog-zh-tw/images/B1tK9B_kA.png)
102102

103103
`ㄩ` and `ㄝ` 鍵現在在同一個方向上，所以打 `ㄩㄝ` 會比較容易。我比較少用到有 `ㄧㄛ` 的字，所以 `ㄧ` 和 `ㄛ` 鍵在反方向是可以接受的。
104104

@@ -108,16 +108,16 @@ Master Forge (M4G) 是 CC1 的接班人，它將不會有拇指的第三搖桿
108108

109109
下面兩張圖分別是那個注音佈局以及對應的 A3 層佈局。
110110

111-
![localhost_4200_layouts](/blog/images/B16h42R2T.png)
112-
![localhost_4200_layouts (1)](/blog/images/rkWFRZEdA.png)
111+
![localhost_4200_layouts](/blog-zh-tw/images/B16h42R2T.png)
112+
![localhost_4200_layouts (1)](/blog-zh-tw/images/rkWFRZEdA.png)
113113

114114
##### V2.2
115115

116116
為了平衡在 CC1 上點擊滑鼠時的兩手的負擔，我決定在數字層的兩個拇指第二搖桿上都放上所有的滑鼠點擊動作（滑鼠左/中/右鍵）。
117117

118118
底下是變更後的數字層。
119119

120-
![localhost_4200_layouts (1)](/blog/images/HJn_mFv0A.png)
120+
![localhost_4200_layouts (1)](/blog-zh-tw/images/HJn_mFv0A.png)
121121

122122
- ②: 數字層鎖定 / 解除鍵
123123
- M箭頭: 滑鼠移動
@@ -130,15 +130,15 @@ Master Forge (M4G) 是 CC1 的接班人，它將不會有拇指的第三搖桿
130130
2. 我發現可以用原本的 Num-shift 鍵離開數字層，所以我移除在左拇指中搖桿上的數字層鎖定/解除鍵。
131131

132132
(數字層)
133-
![localhost_4200_layouts](/blog/images/HyGW_X8-1e.png)
133+
![localhost_4200_layouts](/blog-zh-tw/images/HyGW_X8-1e.png)
134134

135135
##### V2.4
136136

137137
我交換了滑鼠捲動和移動的搖桿的位置。我感覺用中指控制滑鼠移動會比用無名指好。
138138

139139
（數字層）
140140

141-
![localhost_4200_layouts (5)](/blog/images/SJhn45Yf-x.png)
141+
![localhost_4200_layouts (5)](/blog-zh-tw/images/SJhn45Yf-x.png)
142142

143143
## （不採用）方向三：在 M4G 上使用 3D 按鍵
144144

0 commit comments

Comments
 (0)