前言： 不捨得用了 11 年的 Evernote

一直都在尋找 Evernote 的替代品，畢竟功能上已被競爭對手超越太遠了。不過，念著用了 11 年的感情，以及試過幾個 App 還是有些痛點（Bear 仍未有 Web 版本，Notion 速度太慢、block-based 對寫作來說不算方便），再加上 Evernote 上年新推出的 Revamp 更，令我至今還未轉到新的平台。

直到 Obsidian 的出現

Obsidian 是 2021 年初的新嘗試，Obsidian 是一個十分 Indie 的筆記應用，與 Evernote 相比之下，有很多自訂選項和彈性。社區主導的關係，它很多功能也是由第三方開發者開源製作。幾個最吸引的特點如下：

1. Markdown 支援

Obsidian 的所有筆記以 Markdown 格式儲存，Markdown 是近年來大熱的標記語言，以易讀的符號標示文章的不同格式，如 …

回顧 2020 年，長時間在家，煲劇的時間也自然多了。今年共看了破紀錄的 46 套劇集，大多也是 Netflix 為主。（上次寫應是 2018 年的事 ，那時一年還是看 36 套）今年其中一個喜出望外的收獲，是開了一套已被斬的電視劇來看，上一次應是看 Firefly。今年次序按喜愛程度排序，年初看的也有些不太記得，歡迎交流一下大家今年的推介。

The Queen’s Gambit [Netflix]（迷你劇，無續訂）

很多人應跟我一樣同意 Queen’s Gambit 是今年的最佳劇集。直至上星期買 board game 時也聽到有人問有無國際象棋賣（全部售罄），The Queen’s Gambit 不僅是一齣好的劇集，更甚是掀起全球對國際象棋的熱潮。Amazon 搜尋國際象棋的次數上升了 857%，甚至劇中提到的棋譜 “Modern Chess Openings” …

Tutorial on making an article outline responsive to your scrolling using react-scrollspy

Have you visited some documentation and tutorial sites, that allow you to see which section are you reading on the side? If you want to improve the readability of your Gatsby website. In this article, I will share my process in creating an interactive table of content component that can respond to your scrolling.

Let’s take a look at the requirement: 1. Reader will be able to navigate section of content easily 2. Reader will be able to know their reading progress

We will be using a package…

After settling down for the basic functionality of a website, its time to dig deeper and let some personality shines! We want your website to speak who you are, so enjoy the freedom of building anything possible, as it is one of the advantages of building your own website.

However, personal style does not just drop in one day. In fact, many designers have been developing styles for clients or companies, they may not have a clear answer.

I also had long thought on this and I have put together a list of small changes that you can work on…

架設自己的網站，需要自己網址和自行架設伺服器，往往是大家轉用獨立網站卻步的地方。以往自行架站，Wordpress 均需要支援 mySQL 資料庫儲存資訊。（以 Digital Ocean 的 Droplet 為例，每月至少需要 USD$5 。）

用 Static Site Generator 如 Gatsby 和 Hugo 的好處，是輸出靜態（static）的 HTML 網頁，若使用 Netlify 的平台，它免費支援自訂網址，以及每月首100GB 的流量也是免費，大大減低架站的開支。不過，壞處是更新沒有 Wordpress 那麼方便，不過有了 Netlify CMS 等配套，只要學懂少少 coding 也可以應付。

首先你將需要以下的帳户和軟件（稍後亦會逐個介紹）：

1. Node.js 及 npm
2. VS Code（或任何 IDE 以便修改程式碼和網誌 Markdown 檔案 …

經過多年，我的網誌又再搬家了，有時候已經忘記了有甚麼平台還要發佈。Wordpress 也是寫下寫就中斷了。

寫這篇文的沿起，是一月的時候，回顧自己 2020 的目標。雖然新年目標都希望自己寫得更頻密，結果出來還是不太好，過去兩年頂多也是一月一篇，寫的大多都是英文關於設計的文章。

一年前在學 React 用 Gatsby 寫個人網頁，2019 年尾終於完成最後一塊拼圖！把原本相片 Portfolio 的網頁也搬過去。寫下自己「整」不同東西的過程，或許才是本身最值得寫的題材。趁現在武漢肺炎肆虐，留在家中的時間多了，決定連網誌也搬家，分享整 Blog 的過程，順便回顧一下自己網誌隔幾年就會搬家的習慣（每次搬家也跟自己說是最後一次）。

觀及三代的網誌，其實也是平行存在的，只不過是按有發佈文章的年期分割。

第一代 — Wordpress （2007- 2017）

Xanga （? — 2013 ）時寫的東西，還是不要獻醜，Wordpress 世代律很有興致分了兩個網誌，一個是個人的（2008–2017），另一個是科技（2011–2014）。兩邊或許中間也轉過不少 theme，不過始終也是也使用免費的 Wordpress.com 而非自行架站的開源 Wordpress …

Visit Now: TogetherAtHome.Club

A month ago, when #StayAtHome concert started, generous companies and creators follow the trend by offering their work and service for free to encourage people to stay at home. People started collecting and sharing what they could do at home in a text list. When more people started to share their work for free, with emerging apps, movies and games were made available for free. Then, an idea of putting all available content and service has come to mind.

For side projects like this, you should always experiment using the tools that you are the most familiar…