首頁 　 本站內容索引

Edit With Style

編輯文字的時候，在視覺上更加賞心悅目。

策略：

  • 傳統文書處理或排版軟體（Pages、MS Word 等）：手動設定字型，要換來換去不方便
  • Sublime Text ✅
    • 以前說不行 ∵只能設定一種字型3)，那麼，漢字永遠都是 macOS 系統字型，通常都是黑體-繁或蘋方，很沒意思
    • 本想用類似 BirdFont 的工具（類似 FontForge？）做一個專門給 Sublime Text 用的字型，想想想實在太大砲打小鳥了
    • 但 2020 年真的用 FontForge 做出專用字型了！！！4)
  • 本來想找其他編輯器軟體
    • 很多編輯器八成也是像 Sublime Text 一樣只能設定一種字型
    • 「Write for Mac」說可以設定多種字型，但要錢，又無法先試用效果
  • 使用線上文字編輯器，再用 Stylish 設定編輯區的字型
    • 這招是因為先懂得設定 Stylish addon 編輯器的字型後，發想到的
    • 優點：絕對支援 font-family、字型 fallback
    • Calmly Writer Online：無法自動儲存，重新載入網頁就飛了
    • JustNotepad.com - Online notepad. Create note online
      • 有自動儲存（存在本地瀏覽器的儲存空間？重開瀏覽器還會保留嗎？FIXME）
      • 簡單的 textarea
        • 可惜 Firefox 的 textarea 似乎都無法標示空格、tab、換行等字元
      • 用 Stylish 再多加修飾或許就更像「distraction free」了
    • DokuWiki+Stylish 其實也可以弄成我要的效果啊 XD
    • Online Notepad：這個不錯
      • 也有自動儲存
      • 還有 responsive design，放到夠大時有充分的 distraction free 效果
      • 還有全螢幕模式
      • 可以批次全部下載打包的純文字檔
      • 很好，我率先為它編個 Stylish 樣式！;)
      • 還有快捷鍵呢！
      • 好的，就先用你來打篇文章看看！
    • 但線上文字編輯器都無法離線載入（可以繼續用，但一按「重新整理」就破功了）而，如果我只是要一個 textarea 的話，那是不是寫個簡單的靜態離線網頁就好了 XD
      • 反正自動儲存都靠 Textarea Cache……（抖抖的）
    • ⭐Writebox：2020/3 找到更佳的解決方案！
      • Writebox 官方說明
      • 【介紹】雲端時代 txt 純文字編輯器 Writebox 同步 Google硬碟
      • 可自動儲存在桌面瀏覽器的 local storage
        • 行動瀏覽器似乎也適用，目前測試過 iOS Firefox
      • 也可存檔到 Dropbox/Google Drive 上並同步
        （↑強過 Sublime Text，達到類似 Google Keep 或 Simplenote 的跨平台同步性）
        • 可惜與雲端同步的動作尚無法自動化
        • 但可以存到 Dropbox 後同步到桌面，用 Sublime Text 開啟，再用 auto-save package 自動儲存
      • 可匯出為 TXT 或 HTML 檔
      • 編輯器可自訂文字及背景顏色、可用類似 CSS font-family 的方式設定字型！:D Edit With Style 的基本要素！這樣就完勝 Sublime Text 了
      • 可以透過 Fx/Wx 的 Edit with Sublime Text 把 Writebox 的 textarea 內容送到 Sublime Text 編輯/處理+自動儲存並同步回來！5)
  • 20190724 一個全新乾淨的 Waterfox profile「Writing」，專門用來寫 DokuWiki，可能可以減少主 Waterfox 的 CPU 用量、省電（如果 macOS 可以識別為不同的程序且讓主 Wx nap 的話），同時又看到最理想的 DW 字型設定+Gecko 呈現效果
    • 也可以用 Textarea Cache！<<大心>>

20201106

這兩個月有兩個方法促進本專案的目的：

  1. 成功用 FontForge 自製 Sublime Text 專用字型！:D
  2. DokuWiki 安裝 plugin:codemirror，透過 syntax highlighting 讓編輯區更美觀

20210706

  • 追記前一、兩個月發現，「便條紙」也可以修改新便條的顏色及字型
  • 雖然不是直接影響純文字的編輯，但低度格式化的記事軟體 XMind 也能在電腦 app 設定超美的各種字型，而且整體套用上很方便 ∴也算是大滿足的美感提升

20211027

  • 前陣子為了編輯「斯卡羅」多語台詞的 data.js，要用 Visual Studio Code，它是可以設定更多字型 fallback 的，但因為要支援臺羅、AbcdOri 調符 ∴要用源雲明體、源流明體這些
  • 今天把 Sublime Text 字型從 Operator Mono + 翩翩體 → 霞鶩文楷等寬 TC（因為有點看膩翩翩體，或是放大的狀態會有點不好看）。霞鶩文楷是 Klee 的完善版，我本來就也有用 Klee 當作 Stylish/Stylus 的編輯器字型。

20230314

  • 去年發現 VS Code 也可以進階自訂編輯區字型、介面字型（輕易 fallback！），所以已取代 Sublime Text 成為包括 DW 原始檔在內的主要編輯器！
  • 今天發現 Obsidian 進階自訂編輯區字型、介面字型的方式跟 VS Code 很像，加上即時編輯+預覽 Markdown 的方式又很創新，在記筆記方面似乎有威脅 DW 之勢！
3)
Font_face can not set 2 or more in 3126+ - Technical Support - Sublime Forum
4)
相關頁面待補 FIXME
5)
但這樣跟用 GhostText 有何不同呢 XD

討論區

輸入您的意見. 允許使用維基語法:
A J I F X