跳到主要內容

Atom 的中文顯示框框問題

Atom Editor 中文顯示框框問題

去年(2014)2月的時候,GitHub 推出一個長相很像 Sublime text 編輯器的文字編輯器 Atom,是一個以網頁為基礎開發的編輯器,目標是希望從小學生到駭客都會使用的好上手編輯器。結合了 sublime text 與 Emac 的優點,經過六年的開發磨了一把好劍,去年 5 月的時候 GitHub 將核心程式與套件管理程式開源

修改 style 檔案

開啓家目錄下 .atom 裡的設定 less 檔 ~/.atom/styles.less,在將核心程式與套件管理程式開源。
因爲是基於 Chromium 的桌面程式框架和 Coffeescript 所寫,所以能夠跨平臺使用整合使用體驗,也可以使用我們熟悉的 HTML、CSS、Javascript 來修改一些 Atom 的內容。有機會將瀏覽器使用的 WebGL 或是視覺化常用的 Javascript 函式庫 D3.js 使用在 Atom 上。
因為使用了 Node.js 的架構,所以可以使用 Node.js 裡 npm 管理的套件(六萬多個)。Atom 有許多優點也有一些小缺點,現在還在積極的發展中,版本更新的速度很快相信許多問題能迅速的獲得解決。

Atom 中文顯示變框框

Atom 在 Linux 的版本中中文顯示會變成一個個的框框,這多半是因為預設使用了沒有支援中文的字型所造成,可以由 setting 裡的 font-family 設定自己喜歡有支援中文的字型。
Atom 因為是由 GitHub 開發所以有支援 markdown 的語法,剛好最近開始練習使用 markdown 語法,剛好在離線時可以拿來在本機使用。但是開啟 maekdown preview (ctrl+m)的時候,即使在 setting 中有設定 font-family 中文還是會變成框框字,如下圖。
enter image description here

修改 style 檔案更換字型

如前述,由於 Atom 是用 chromium 的桌面程式框架,所以可以使用 CSS 來定義(大心)。修改方法是,開啓家目錄下 .atom 裡的設定 less 檔 ~/.atom/styles.less,在前面先定義 font-family 字型,套用在 atom-text-editormarkdown-preview 裡面。
/*
 * Your Stylesheet
 *
 * This stylesheet is loaded when Atom starts up and is reloaded automatically
 * when it is changed.
 *
 * If you are unfamiliar with LESS, you can read more about it here:
 * http://www.lesscss.org
 */
@font-family: 'YaHei Consolas Hybrid';

.tree-view {
}

atom-text-editor {
    font-family: @font-family;
}

atom-text-editor .cursor {
}

/* 自行加上 markdown-preview */
.markdown-preview {
    font-family: @font-family;
}
套用後中文字型就可以出現,不再是框框字了。可是在 markdown preview 的標題還是框框字?!如下圖。
enter image description here
請在打開 ~/.atom/styles.less.markdown-preview 加上標題的字型設定。
/* 前略 */
/* 把所有標題(h1~h6)都加上 font-family 的設定 */
.markdown-preview⧸⧸ {
    font-family: @font-family;
    h1, h2, h3, h4, h5, h6 {
        font-family: @font-family;
    }
}
修改完成,不再有框框字了!
enter image description here

留言

這個網誌中的熱門文章

Word的合併列印如何出現「千分位」符號

今天樓下的同事突然問我一個問題,合併列印的時候如何顯示「千分位符號」(逗號),就是12 , 300。在Excel我們可以很容易的為儲存格裡的數字加上千分位的標記,但是儲存格實際儲存的還是只有數字,那個千分位符號是Excel給我們看的一種「格式」。 當我們在Word裡使用Excel做好的報表來合併列印的時候,Word會最真實的將這個數字欄位給讀出來,呈現在合併列印的欄位數值裡,無論在Excel理事不是有設定千分位符號,在Word合併列印後卻沒有出現,所以我們同樣的必須給他加上格式。 Word裡加上格式並不如Excel裡按一下就完成,加上逗號的千分位格式方法如後: 1.在Word裡插入合併列印的欄位變數。 2.在變數上按滑鼠右鍵,選擇「切換功能變數代碼」(也可以直接按Alt+F9),變數會由 << 經費 >> 變成 { MERGEFIELD "經費" } 。 3.加上格式就是把 { MERGEFIELD "經費" } 在}前加入數字格式參數 /##,###,會成為 { MERGEFIELD "經費" /# ##,### }(這裡指定五位數,以此類推) #:這個格式項目會指定要在結果中顯示的必要位數;如果結果不含該位數的數字,則 Word 會顯示一個空格。 0:這個格式項目會指定要在結果中顯示的必要位數;如果結果不含該位數的數字,則 Word 會顯示 0 (零)。 4.預覽內容,就可以發現千分位(逗號)出現,如果數值有零的話,最好可以換成 /# ##,## 0 ,避免空格出現。 數字格式參數請參考 Microsoft Office Online 。

在DOS下檔案名稱加上日期

由於要完成檔案自動備份的需求,以減少每日使用人工的麻煩,也可以避免人為疏失造成的遺漏,需要定時拷貝某個檔案至遠端,在檔名加上日期以避免檔案覆蓋的情形。由於近來接觸Linux較多,自然比較熟悉Linux的Shell語法,回到Windows裡卻想不到解決的方法。 開始使用電腦時,已經活生生的跳過了DOS的年代,雖然會使用Copy語法,卻不知怎麼加上系統日期,參拜估狗大師後得到了解答,使用%DATE%環境變數。 在DOS中使用date會顯示目前日期,但會要求輸入新的日期時間不符合需求,雖然加上"/T"不會詢問新時間,但因為date是指令無法使用在copy的語法中,所以我們使用%DATE%環境變數,所以在我們要加上日期的檔案上加上此環境變數:copy test.txt test_%DATE%.txt 結果並不如我們想像,使用echo看%DATE%的傳回值,會出現"2007/12/4",使用於copy語法裡系統回應「命令語法不正確」,我們必須去除「/」的符號,這就需要用到環境變數的擴充功能了! 用echo來測試: # echo %DATE:~0,4% : 取環境變數%DATE%的值,由第一碼開始取四碼(可以取出"西元年"的值)。 # echo %DATE:~5,2% :取環境變數%DATE%的值,由第六碼開始取二碼(可以取出"月"的值)。 # echo %DATE:~8,2% :取環境變數%DATE%的值,由第九碼開始取二碼(可以取出"日"的值)。 原先的 #copy test.txt test_%DATE%.txt 要更改成 #copy test.txt test %DATE:~0,4% %DATE:~5,2% %DATE:~8,2% .txt 拷貝後的檔案為test_20071204.txt

DOS下連線/中斷網路磁碟機

最近實在是不得不和DOS多一點親近,在Linux中我們可以mount遠端電腦NFS分享出來的資料夾來做存取,輕易的備份我們需要的資料後再unmount,很Easy~:) 原本想在Windows下更應該輕而易舉的完成「連線網路磁碟機」用來將資料備份至遠端的電腦(或是遠端儲存設備)。沒錯,的確可以簡單的連線網路磁碟機,但當我們設定排程自動執行批次檔(*.bat)來進行遠端備份的工作時,windows就發揮他暈倒的功力......很抱歉,登出以後,剛剛建立的「連線網路磁碟機」就自動"中斷"了,批次檔裡寫的檔案路徑形同無效路徑。 只好繼續參拜估狗大神,以期保佑永不當機...不對,是在DOS下連線到網路磁碟機啦! DOS下我們要使用連線網路磁碟機,必須使用 net use 指令。 連線網路磁碟機: # net use x: \\ComputerName\ShareName "Password" / user: DottedDomain\UserName x :要對應至本機磁碟的代號 \\ComputerName\ShareName :遠端電腦及分享資料夾名稱 /user:DottedDomain\UserName :連線使用者名稱 例如: # net use z: \\192.168.0.10\sharefolder 連線至192.168.0.10的sharefolder對應至本機的z磁碟 # net use z: \\192.168.0.10\sharefolder "test" /user:192.168.0.10\Jeffy 連線至192.168.0.10的sharefolder對應至本機的z磁碟,連線時使用"Jeffy"連線密碼為"test" 連線網路磁碟機後,及可以直接切換磁碟機代號進入遠端連線的資料夾,進行copy或其他指令動作,完成任務後再中斷網路磁碟。 中斷網路磁碟機: # net use x: /delete x :連線的網路磁碟機代號 更詳盡的net use使用方式和參數請見 Microsoft Net use 。