设置 Uptime Kuma 监控服务在线状态
随着服务增多也出现了维护上的困难，要如何知道自己与第三方的伺服器有好好在运作？可以额外再开设一个伺服器再去专门监控其他伺服器的状态，而 Uptime Kuma 就是一款开源免费的监控工具。我用它来监控所有对外的服务确保在第一时间出问题或服务时好时坏时能得知并着手修理，算是一个简单但实用的好工具，展开监测服务的第一步。
随着服务增多也出现了维护上的困难，要如何知道自己与第三方的伺服器有好好在运作？可以额外再开设一个伺服器再去专门监控其他伺服器的状态，而 Uptime Kuma 就是一款开源免费的监控工具。我用它来监控所有对外的服务确保在第一时间出问题或服务时好时坏时能得知并着手修理，算是一个简单但实用的好工具，展开监测服务的第一步。
在先前的文章提到如何使用 Lighthouse 這款工具監控前端大大小小的最佳實踐，例如：效能、SEO、適用性……等能被客觀測量比較的數值，雖然很方便但你可能會希望自架 Lighthouse 服務，以便實現：蒐集與管理自己的隱私資料、持續性監控同個網站的檢測資料、減少依賴第三方伺服器服務。
隨著服務增多也出現了維護上的困難，要如何知道自己與第三方的伺服器有好好在運作？可以額外再開設一個伺服器再去專門監控其他伺服器的狀態，而 Uptime Kuma 就是一款開源免費的監控工具。我用它來監控所有對外的服務確保在第一時間出問題或服務時好時壞時能得知並著手修理，算是一個簡單但實用的好工具，展開監測服務的第一步。
There are several browser storage solutions you must know, with key differences in capacity, expiration settings, interaction with the server, and more.
身在前端有几个必须知道的浏览器存储方案，重点差异在于： 容量上限、有效期限设置、是否与服务器互动，各自有不同的特性适合运用在不同场景。之外也有许多延伸的问题如： Cookie 与法规、资安漏洞防范相关设置、除存字符串以外的数据结构。
身在前端有幾個必須知道的瀏覽器存儲方案，重點差異在於： 容量上限、有效期限設置、是否與伺服器互動 ，各自有不同的特性適合運用於不同場景。之外也有許多延伸的問題如： Cookie 與法規、資安漏洞防範相關設定、除存字串以外的資料結構。
While discussing test questions in interviews with friends, I encountered the view that it’s better to leave blanks than to guess.
近期在面试考一些常见逻辑测验题目而在与朋友对谈到这件事的过程中，发现一种观点是「时间到也宁愿留白也不要乱填」，以免被发现了仰赖运气不懂装懂又要解释。我很讶异自己当过多年的学生，却是第一次反思这项行为背后的动机与取舍。人的偏见不是那么轻松就能够改变的，但透过思考能更明白自己是否知行合一。
近期在面試考一些常見邏輯測驗題目而在與朋友對談到這件事的過程中，發現一種觀點是「時間到也寧願留白也不要亂填」，以免被發現了仰賴運氣不懂裝懂又要解釋。我很訝異自己當過多年的學生，卻是第一次反思這項行為背後的動機與取捨。人的偏見不是那麼輕鬆就能夠改變的，但透過思考能更明白自己是否知行合一。
As the number of blog posts increases, the pressure on static generation rises, specifically about 10 minutes spent generating images for previews.
随着博客文章逐渐增多，静态生成压力也随之上升，例来说在日常开发会需要近 10 分钟的时间，大多是生成图片占据大多时间，建构预览图的数量是：`(语言 x 文章数量)`。延续最大程度的静态渲染是合理的选择，而针对 OG 图片渲染可以包成 Serverless Function 在需要时呼叫。
隨著部落格文章逐漸增多，靜態生成壓力也隨之上升，舉例來說在日常開發會需要花費近 10 分鐘的時間，大多是生成圖片佔據大多時間，建構預覽圖的數量是：`(語言 x 文章數量)`。延續最大程度的靜態渲染是合理的選擇，而針對 OG 圖片渲染可以包成 Serverless Function 在需要時呼叫。
Search engines rely on the `<a>` tags in HTML documents to understand the relationships between pages and to score them accordingly.
了解 `<a>` 是网页资源相互连接、搜索引擎排序判断的关键，甚至与资安也有一定的关联，对于 SEO 与前端来说是必须了解的知识点之一。搜索引擎依赖 HTML 文件中的 `<a>` 标签了解页面之间的关联并进而评分，理解 `<a>` 能够更好地处理与标识页面与页面之间的关系。
了解 `<a>` 是網頁資源相互連結、搜尋引擎排序判斷的關鍵，甚至與資安也有一定的關聯，對於 SEO 與前端來說是必須了解的知識點之一。搜尋引擎仰賴 HTML 文件中的 `<a>` 標籤了解頁面之間的關聯並進而評分，理解 `<a>` 能夠更好的處理與標示頁面與頁面之間的關係。