Tag: zh-TW
-
Fedora Silverblue 如何新增硬碟到 Btrfs 陣列
我目前的主力電腦是一台 2020 年購入的 System76 的 Lemur Pro (lemp9)，前陣子無線網路卡掛點，自己換了新的 Intel AX210 模組。 今天有感於最初設定的規格 500 GB 的 SSD 儲存空間有點不夠用了，想要加裝新的 SSD 來擴增容量。lemp9 內部有兩個 M.2 NVMe 的空間，所以我還有一個空位可以用。
-
2022 十月箱根旅行
試著發表一些旅行時拍的照片！ 相機 Fujifilm X-Pro2，鏡頭 XF35mmF1.4R，後製 Darktable 4.0 在小田原駅等車前往箱根湯本 搭乘登山小火車 搭乘空中纜車到大湧谷 大湧谷的火山地形 經由蘆之湖坐巴士到仙石原すすき高原 箱根湿生花園 箱根神社
-
加入 Fediverse 聯邦宇宙
最近因為 Twitter 被收購，許多人開始找替代的服務，所以 Mastodon 又開始有很多新人加入。和一般社交網路不一樣，Mastodon 是建立在一個無單一主站的架構上面。而上一篇我換回到 WordPress 其實跟這個還有點關係 😉
-
回頭用 WordPress 寫部落格
網路上有一個笑話：有在寫部落格的工程師，都至少有寫過一次自己的靜態網頁編譯軟體，而且比起真正寫部落格，會花更多時間在重構這個軟體或是調整模板。回頭看看我自己網站上面的文章，自從發出 Blog Redesigned 這篇文章之後，文章數量從每年幾篇，直接掉到每三年一篇。為什麼呢？
-
桔梗種植的第二年更新
桔梗的葉子在冬天會枯萎，但是地下長的像人蔘的根部則是會進入休眠狀態。等到春天白天氣溫約 17 度的時候，就會重新萌發出新芽。
-
桔梗花的種植與照顧
桔梗（學名：Platycodon grandiflorus），别名包袱花、鈴鐺花，擁有可愛的小花，帶有獨特的紙張質地和可見的花脈。我所在地區（日本東京）的常見品種有紫色和白色的花朵。這種植物的一個顯著特徵是它的花苞在完全打開之前像氣球一樣膨脹。
-
JSON Web Tokens
JSON Web Tokens 是什麼？它真的可以用來取代傳統的 session cookies 嗎？ 本篇為研究 JWT 時所做的筆記。
-
Simpler way to load CSS asynchronously
在 Smashing Newsletter 看到的，只要 <link> 標籤就可以簡單把 CSS 變成非同步讀取： 有用過 Google PageSpeed Insight 分析網站的，應該都有看過如下的結果： 原因是因為瀏覽器在處理 CSS 與 JavaScript 檔案的時候會阻擋其他資源的載入。解決的 方法裡，JavaScript 類型的資源可以標示 defer 或是 async 屬性讓瀏覽器知道我們 希望可以非同步的載入執行此 JavaScript 檔案，可惜 CSS 並沒有類似的屬性可以使用。 一般處理 CSS 的載入有兩個策略： 策略 1. 應該不難理解，因為都已經要下載 HTML 了，不如把少部份最重要的樣式直接也寫 在裡面，可以省下一次網路請求。策略 2. 則是把其他剩餘的樣式集中在一起，用 JavaScript 在網頁讀取完畢後再動態的插入 <link> 標籤讓瀏覽器套用。LoadCSS 似乎是個常用的 library 但是我沒有用過，因為我不喜歡這種需要很多 JavaScript 的解 法。 這次看到的這個方法非常簡單，原本的 CSS 標籤如下： 只要再加上 media=”print” […]
-
CSS Text 3: Segment Break Transformation Rules
去年年底，我利用閒暇時間1修好了 Firefox 的 Segment Break Transformation Rules 實做(Bug 1081858)。從 Firefox 52 開始，HTML 裡面中文與中文之間的換行，瀏覽器排版時不會顯示為空白。
-
Source Han Sans & FreeType
前陣子 Adobe 和 Google 聯手各自用不同的名字釋出了一款新的中文黑體字形，Source Han Sans 思源黑體，也叫做 Noto Sans (反腐字？)。開心試用之後，把系統字形都換過來，也開始想要怎麼樣才可以達到最佳的顯示效果，尤其是 Adobe 和 Google 曾經給 FreeType 貢獻了 CFF 字形引擎的改進，思源黑體也是以 CFF 技術設計，終於可以試試看中文的效果怎麼樣了啊！ 我這邊使用 FreeType 的工具程式 ftview 來測試不同參數設定下的顯示效果，同時也附上相對應的 FontConfig 設定。可以發現不同設定下的顯示差距還蠻大的： Auto-hinter, hintfull, grayscale anti-alias 首先是使用 FreeType 的 autohint, hintfull 其他用預設值，這應該是滿多人使用的設定，可以看到 autohinter 有很強烈的瘦身效果，把 Normal 的字變成幾乎是 Light 了。 Auto-hinter, hintslight, grayscale anti-alias 再來是使用 hintslight，許多人用以取得類似 Mac 上面的渲染效果，卻不知道 hintslight 會自動使用 autohint，這張的效果和上面類似但是略為粗了一點。思源黑體使用 […]