最新文章
- --
字體排版
近期在設計網站時，為了要讓每個頁面的設計一致，我都會建立幾個 Demo 的的頁面，把所有會用到的頁面元素都列舉出來，例如按鈕、卡片等 Components。更基礎一些的，則是這篇文章的將會列舉的字體及…
#css - --
用 Chrome DevTools 查看元件寬高計算
瀏覽器在渲染一個 HTML 元件時，會計算出這個元件的 Width / Height。然而，寬及高的計算方式和 Box Model 裡面的 Content、Padding、Border、Margin…
#frontend#css - --
淺談網頁字型，挑選及使用，font-face、font-family
近期在重刻部落格時，也面臨挑選一個適合網站的字型，主要針對繁體中文及英文兩種語言。 在選擇時，就有必要先了解一下字型的基本知識，以及怎麼把這些字型加入到網站當中。 在英文字型中，有一些常見的分類，例如…
#frontend#css - --
Astro 架站筆記（六）：在文章中加入數學式子，使用 KaTeX
之前除了純數學的內容，在計算機科學的領域也時常會需要用到一些數學。例如推導某演算法的時間複雜度，加密原理、或是機器學習中的某些理論證明，都要能列出數學式子來表達。 在撰寫更專業的學術刊物上，通常使用…
#frontend#javascript#math - --
Astro 架站筆記（五）：巢狀分頁，製作出標籤列表
上一講提到文章列表，能夠透過動態路由 .../[page].astro 搭配傳入 getStaticPaths({ paginate }) 中的 paginate() 函式來產生分頁，將所有的文章分成…
#frontend#javascript - --
Astro 架站筆記（四）：文章列表的分頁，淺談路由、排序及分頁
當文章數量多到一定的程度（幾十篇、上百篇）時，在瀏覽文章列表時通常就要考慮分頁了。 這是因爲就如部落格這類內容導向的網站，人們決定是否要閱讀全文，除了標題可能不太足夠，因此當加上文章的摘要或前言後，要…
#frontend#javascript - --
Astro 架站筆記（三）：如何製作文章列表？簡介 Content Collections
前一篇文章我們討論了如何透過 Astro 的 Layouts 並使用 Markdown 來建立文章，而這些文章如果是放在 src/pages/ 下，則能夠自動被 Astro 產生對應的 URL，進而能…
#frontend#javascript - --
Astro 架站筆記（二）：Astro Components 及 Layouts，用 Markdown 寫文章
由於要架設一個部落格，核心是以內容為本，我們需要專注在內容的撰寫之上。如果在寫文章的同時還要重新寫一整段 HTML、調整部分內容的 CSS，就算是把舊的複製貼上，一樣會很沒有效率。 因此，Astro…
#frontend#javascript - --
Astro 架站筆記（一）：基礎設定、搭配 React + Tailwind
由於我目前使用的 Blog 框架 Hexo 已經是個有點歷史的框架了，更新的並不頻繁，並且當我想嘗試客製化一些前端的小功能時，發現 Hexo 其實彈性相當低。 因此在搜索了一陣子之後，找到了 Astr…
#frontend#javascript#css - --
使用 Git repo 安裝 Python 套件
最近，隨著一些在維護 Python 專案的規模越來越大，正所謂合久必分，為了讓專案主要的功能可以有效率地使用系統資源，我們計劃將這些 Python 專案依據不同的功能拆開。 拆專案的過程中，免不了會有…
#python - --
淺談個人保險（二），保費、保額，保險公司如何賺錢？
上一講，淺談個人保險（一）我們從風險四象限聊了為什麼需要保險，是因為透過購買保險，可以將一些可能性小，但是會讓損失較大的風險給「轉嫁」到了保險公司身上。例如發生意外而受傷時，能夠獲取理賠從而讓我們在無…
讀書隨想 #insurance - --
由 LeetCode 1922 數學題，推導乘法同餘性質
最近在看到了 LeetCode 1922. Count Good Numbers 的題目後，發現幾乎是一題純數學的題目，需要理解 Modular Exponentiation（模冪運算）這個技巧才能夠…
演算法學習筆記