website-v5

本網站使用 TypeScript、React、Next.js 和 Tailwind CSS 開發，並部屬在 Cloudflare 上。

這個網站的目的是為了展示我的作品集和部落格文章。

開發過程

在開發這網站之前，其實我有基於 TypeScript、React 和 Next.js開發一個簡易的網站，並寫下了這篇網站，但是開發到後期，發現一些東西已經難以改動，無法輕易的加上想要的功能，加上想要新的樣式，故重新開發此網站。

我是如何打造一個部落格系統的

我是如何打造一個部落格系統的

前言我原先一直使用medium來寫文章，但畢竟還是別人的平台，是在幫別人打工，所以我決定自己來寫部落格系統。原先我有個僅使用tailwindcss的個人網站，上面放了聯絡資訊，但是後來發現這樣的網站沒有什麼意義，所以我決定把他改成部落格，並採用下列技術。用到的技術 Next.js 一個React的框架，他提供了很多好用的功能，像是SSR, SSG, ISR等等，讓我不太需要去擔心SEO的問題。 Tailwindcss 一個css框架，讓我可以直接用現有的design system直接實作就好了。 Markdown 我使用markdown來寫文章，這邊使用來做到把markdown->html的部分，未來有機會可以改用WHSIWHG的編輯器與呈現方式。 Github 用於版本管理，以及區分production 和 development的分支。 Vercel 輕鬆的deploy我的部落

以下是開發過程中的一些文章：

為什麼我要重寫我的部落格為什麼我重寫了這個網站。
我改用了MDX寫文章了關於我改用 MDX 的原因，以及遇到的問題。
解鎖 Markdown 的超能力：remark/rehype 插件系統如何使用 remark 和 rehype 插件來擴展 Markdown 的功能。

如果你對這個網站的開發過程有興趣，可以參考這些文章。