-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
117 lines (105 loc) · 16.1 KB
/
about.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!DOCTYPE html>
<html lang="zh-Hant-TW">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-173562145-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-173562145-1');
</script>
<title>關於本站 | FISH UP 行列查碼</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- For google -->
<meta name="author" content="Mister FISH UP">
<meta name="description" content="找超級好學、免費、同時輸入速度又超快的中文輸入法？有，而且只有行列輸入法。這裡十分鐘不到讓你了解！">
<meta name="keywords" content="行列,行列輸入法,行列輸入法練習,中文輸入法,行列查碼">
<!-- Schema.org markup for Google+ -->
<meta itemprop="name" content="關於本站 | FISH UP 行列查碼">
<meta itemprop="description" content="找超級好學、免費、同時輸入速度又超快的中文輸入法？有，而且只有行列輸入法。這裡十分鐘不到讓你了解！">
<meta itemprop="image" content="https://array30.misterfishup.com/img/fish-up-dictionary-of-array.png">
<!-- For facebook Open Graph -->
<meta property="og:type" content="website">
<meta property="og:title" content="關於本站 | FISH UP 行列查碼">
<meta property="og:description" content="找超級好學、免費、同時輸入速度又超快的中文輸入法？有，而且只有行列輸入法。這裡十分鐘不到讓你了解！">
<meta property="og:url" content="https://array30.misterfishup.com/about.html">
<meta property="og:image" content="https://array30.misterfishup.com/img/fish-up-dictionary-of-array.png">
<meta property="og:site_name" content="FISH UP 行列查碼">
<meta property="fb:admins" content="106035361278242">
<!-- For twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@misterfishup">
<meta name="twitter:title" content="關於本站 | FISH UP 行列查碼">
<meta name="twitter:description" content="找超級好學、免費、同時輸入速度又超快的中文輸入法？有，而且只有行列輸入法。這裡十分鐘不到讓你了解！">
<meta name="twitter:creator" content="@misterfishup">
<meta name="twitter:image" content="https://array30.misterfishup.com/img/fish-up-dictionary-of-array.png">
<!-- icon -->
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<!-- css -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Domine:wght@400;700&family=Noto+Serif+TC&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="/css/w3.css">
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/article.css">
</head>
<body>
<!-- loading overlay -->
<div id="loading-overlay" style="background-color: white; position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:1000;"></div>
<!-- app -->
<div id='app' v-cloak data-local='tw' data-page-name='about.html'>
<!-- Navbar -->
<app-nav-bar></app-nav-bar>
<!-- page content -->
<div class="page-content">
<h1>關於本站</h1>
<hr>
<section>
<h2>本站宗旨</h2>
<p><a href="index.html" target="_blank" title="FISH UP 行列查碼網站首頁">FISH UP 行列查碼</a>致力於推廣行列輸入法，包括介紹行列輸入法以及其優點、提供完整且易讀的行列教學與行列字根複習測驗，提供最好用的行列查碼、打字練習、行列字根表與字根實例，提供行列輸入法下載、編碼表下載、字符表下載等等。希望透過本站能夠讓越來越多人接觸行列，並且讓學習行列的過程變得更輕鬆、更快速。</p>
</section>
<section>
<h2>關於站長</h2>
<p>嗨！我是 FISH UP，本名于上鈞（Mister FISH UP，魚上君 😆），2018 下半年好奇想學個字根輸入法而認識了行列。當初在網路上爬了很多文、看了不少評論之後決定要學行列，因為...看來看去行列擁有各種優點然後幾乎沒有缺點啊（唯一缺點大概是沒有推廣所以很少人用）。這就是我認識行列輸入法的過程，而我學行列輸入法的感想是：學之前覺得行列是個很厲害的輸入法，學了之後覺得行列是個超級厲害的輸入法 😎。</p>
</section>
<section>
<h2>感謝</h2>
<p>首先感謝行列輸入法發明者廖明德先生，創造了行列這麼好的輸入法，並將其開源、免費授權給任何人，也感謝各個開發者在各平臺開發與維護行列。感謝老刀 (gontera) 提供 Linux 系統上 (Fedora/RHEL/CentOS) 安裝行列的技術說明。感謝 FISH UP (?? XDD) 製作英法語的行列網站讓全世界都能夠認識行列。最後，感謝廣大網友的支持與回饋 🥰！ </p>
</section>
<section>
<h2>支持與合作</h2>
<p>有任何建議、問題，或發現任何錯誤可以到本站的 <a href="https://www.facebook.com/FISH-UP-%E8%A1%8C%E5%88%97%E6%9F%A5%E7%A2%BC-106035361278242/" target="_blank">Facebook 粉絲專頁</a>留言或私訊、或寫信至 <a href="mailto:[email protected]" target="_blank">[email protected]</a>，也非常歡迎討論或合作新點子、網頁設計、網站架設、行銷、外語翻譯、外語學習 😉！</p>
<p>喜歡本網站也可以到上述<a href="https://www.facebook.com/FISH-UP-%E8%A1%8C%E5%88%97%E6%9F%A5%E7%A2%BC-106035361278242/" target="_blank">粉絲專頁</a>留言、私訊或寫信到<a href="mailto:[email protected]" target="_blank">上述信箱</a>，看到你們的支持是我創作的最大動力！另外，這個網站內的所有資源包括行列查碼、打字練習、行列教學、字根表與字根實例都是免費的，如果您覺得本網站對您很有幫助，可以<a href="https://www.buymeacoffee.com/misterfishup" target="_blank" title='♫ 請我吃蛋糕 ♫'>買個蛋糕</a>來支持我和我的網站 🥰</p>
<a href="https://www.buymeacoffee.com/misterfishup" target="_blank" style="text-align: center; display: block; margin: 32px;"><img src="/img/buy-me-a-cake-brown.png" alt="♫ 請我吃蛋糕 ♫" title="♫ 請我吃蛋糕 ♫" class="buy-me-a-coffee"></a>
</section>
<br><br>
<section>
<h2>寫這個網站的理念</h2>
<p>為什麼寫這個網站呢？其實初衷只是因為網路上一直沒有我覺得好用的查碼網站，像是各種查碼網站都沒有我想要的<a href="dictionary.html" target="_blank" title="試試我的 FISH UP 行列查碼！">多字查詢功能</a>，於是我決定自己寫一個擁有所有我想要的功能的查碼頁面（笑）。同樣地，網路上完全沒有行列打字練習的網頁，要能夠練習行列大概只能下載一個界面有點舊的行列教學軟體，但就像網路上各種查碼網站一樣，缺少了很多我想要的功能，於是我決定自己寫一個<a href="typing.html" target="_blank" title="試試我的 FISH UP 打字練習！">擁有所有我想要的功能的打字練習頁面</a>。這兩個頁面雖然功能方便但主要都是給已經認識行列的人用的，我對於像行列輸入法這麼讚的輸入法沒有人好好推廣這件事感到非常可惜，總覺得雖然有不少人投入行列輸入法的開發與維護，但好的產品如果沒什麼人推廣、沒什麼人用它永遠很難吸引更多用戶。於是決定寫一個頁面來推廣行列輸入法，清楚列出優點、回答一些剛認識行列常有的疑惑。如果當初有人幫我整理出來這些事，我應該就更容易且更快選擇行列輸入法了。這個頁面扣著行列輸入法這個主題，於是讓它當首頁，而且這樣也能夠讓查碼、打字頁面有個中心主題而整合在同一個網站，而不是像是兩個獨立的網站。因為對網頁一竅不通，根本完全沒有網站的基本概念、連 html 也不認識，所以只好先從網頁基礎開始學起，前後花了約兩個多禮拜寫好並上傳這個網站，當時只有這三個頁面：首頁，行列查碼、打字練習，其他頁面都還是空的，而首頁其實根本沒有設計但想說反正暫時大家主要是用那兩個功能頁面，就先丟上去了。那時 2020 七月下旬。</p>
<p>接下來又花了一個月左右寫了<a href="tutorial-complete.html" target="_blank" title="我寫的行列完整教學">行列教學</a>、<a href="tutorial-recap.html" target="_blank" title="我寫的行列複習與測驗">複習與測驗</a>（不過好像用的人很少...）還有<a href="radicals-and-examples.html" target="_blank" title="我覺得很讚的行列字根實例">字根實例</a>（以及<a href="download.html" target="_blank" title="下載行列、編碼表、字符表等等">下載頁面</a>），這個過程其實蠻痛苦的，有許多細節、雜事要處理，例如首先要處理行列字根有 150 個左右不是字（或不是電腦可以顯示的字）的問題，更不用說撰寫一份有條理、完整而且易讀的教學。寫行列教學的其中一個動機跟其他頁面類似：網路上根本找不到一個完整的行列教學。雖然在網路上東拼西湊最後可能可以學起來（我就是這樣學的，我想許多行列用戶以前也都是這樣過來的 😆），但過程就曲折很多或很難找到某些教學，像是某些字根在哪裡用到（可能連教學軟體也沒有一一解釋所有字根），一級簡碼、二級簡碼、特別碼等等的概念（我一開始也是不知道所謂<a href="tutorial-complete.html#short-code" target="_blank" title="行列簡碼說明">簡碼</a>、<a href="tutorial-complete.html#special-code" target="_blank" title="行列特別碼說明">特別碼</a>是什麼）。許多知識零散、不完整地灑落在網路上各個教學中，更不用說其中很多表達不順暢，規則或例外不清楚等等，我認為這些都讓行列這個理論上很好學的輸入法學習門檻過高。推廣行列不單只是行銷問題，學習資源要完整並且學習門檻要低也是一大重點。不僅是行列教學，字根實例當初的目地也是讓初學者能夠實際看到拆字，讓學習更容易。「不僅希望網路上能有一份完整且淺顯易懂的行列教學之外，也希望這份教學的誕生還有豐富的字根實例能夠大幅降低行列的學習門檻進而更容易推廣行列」，我是抱持著這份心態撰寫這幾個頁面的。</p>
<p>上述這些主要頁面都寫好之後，首頁太醜的問題遲早要解決，畢竟許多人是透過<a href="index.html" target="_blank" title="FISH UP 行列查碼網站首頁">網站的首頁</a>進來的。我決定寫一個行列互動鍵盤 ⌨️，讓造訪者不用安裝或切換到行列輸入法就可以玩玩看行列。一方面讓首頁的入頁畫面好看一點，一方面讓行列輸入法更容易推廣：本身算是個小遊戲所以有趣味性能吸引人之外（PS. 有一些彩蛋可以玩 🥳），一切功能視覺化所以稍微玩一下馬上就可以認識行列，像是行列鍵盤的按鍵配置還有按鍵的符號 (1↑, 1-, 1↓...)、按了一些鍵會變成字、可以輸入符號等等，讓看到的人馬上就能認識行列的特色與功能。希望大家覺得這個行列互動鍵盤好玩或很酷，也希望這能讓更多人認識行列。（結果首頁下方還是沒動 😂）</p>
<p>回到行列推廣與學習的想法上，雖然我的查碼頁面已經提供了好用的查碼而且功能蠻齊全的（還可以<a href="dictionary.html" target="_blank" title="可以下載查詢結果的 FISH UP 行列查碼！">下載查詢結果</a> 😉），但我一直覺得能夠提供拆字的話會更好。這就回到了行列輸入法或更廣泛來說字根輸入法的一個學習門檻：由於字根多半都不是字，沒辦法將拆字實際用字的各個零件（字根）表示出來。如果我的行列查碼能夠提供拆字的話，那這將會是行列輸入法推廣上的一大進步（而且應該可以大大地造福初學者），於是思考了過後把這個功能寫出來了：原本想先把教育部常用 4808 字做完後再與這個「行列拆字補齊計劃」一起釋出但做了三千多字就決定先釋出拆字功能了（累啊 😵😹），也就是說我的 <a href="dictionary.html" target="_blank" title="提供拆字的 FISH UP 行列查碼！">FISH UP 行列查碼</a>提供拆字了！我想這個功能配上首頁的行列互動鍵盤就能夠讓一個完全不認識行列的人很快理解行列、甚至引起興趣；畢竟，即使只需要花不到 10 分鐘就能讀完我寫的<a href="tutorial.html" target="_blank" title="我寫的行列快速入門，必看必看！">行列快速入門</a>，我會覺得實際看得到字怎麽拆成行列字根並對應到一個字根碼這件事更能夠快速地知道行列這個輸入法在做什麼。有了拆碼功能的同時，我也重新設計了<a href="radicals-and-examples.html" target="_blank" title="很讚的字根實例頁面">字根實例</a>的頁面，現在這個字根頁面到處都是連結，也拿掉了以前的字根表，使用上更方便、用起來也更舒爽（我自己不太喜歡原本字根實例的設計，現在有了拆字的資料讓我整個全部重寫我也是蠻高興的 😆。另外想當初那些字根實例是自己一個一個打的...真是佩服自己的毅力，也難怪那時寫得很辛苦 🤣）。由於我的查碼頁面提供了拆字，現在字根實例頁面就不太放難拆的字了，主要讓初學者學習拆字為主。</p>
<p>以上都在 2020 十二月初完成了。</p>
<p>最後，上面提到的行列拆字補齊計劃不久後會釋出，讓有興趣的行友也能夠貢獻查碼中拆字的功能 🤩 （簡單來說就是讓大家來幫我建立拆字資料 XD，眾擎易舉嘛）。還有就是一直沒能好好花時間處理網站首頁下方的設計、常見問題頁面、設計網站 Logo，我會再努力製作的 ^^ 另外，同樣在 2020 十二月初，英法文的行列網站也釋出了！除了首頁下方（反正還要再設計）、完整教學頁面（比較長比較麻煩）、常見問題頁面（本來就還沒有內容）、關於本站之外，其他頁面的功能都和中文版網站一樣。希望讓世界上所有學習中文的人都有機會看到行列！</p>
<p>點子很多，未來還會有更多有趣的頁面（敬請期待 XD），但短期內我會先努力將待補的頁面補完。總之，還請各位多多支持啦！</p>
<p>待續...</p>
</section>
</div>
<!-- Footer -->
<app-footer></app-footer>
<!-- back to top button -->
<button type="button" id="to_top" class="toTop-arrow"></button>
</div>
<!-- script -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://unpkg.com/[email protected]/dist/vue.global.prod.js"></script>
<!-- <script src="https://unpkg.com/[email protected]/dist/vue.global.js"></script> -->
<script type="text/javascript" src="/app/local.js"></script>
<script type="text/javascript" src="/app/about.js"></script>
<script type="text/javascript" src="/app/app.js"></script>
<noscript>Sorry, your browser does not support JavaScript!</noscript>
</body>
</html>