嗨！我是 PU.YI 👋
開始介紹 html 小工具前先和大家小小更新一下近況
上週提到我要開始主動開發客戶，最近已經開始執行。
原本我一直很焦慮開發成效會不會不好，但這禮拜跟同業聊過之後發現，其實我會擔心很正常。
而解決焦慮最好的方式，就是實際去嘗試看看，只有寄出了開發信、主動與客戶交流，才能知道有哪些地方需要調整，客戶真正需要的是什麼。
接下來，我也會在社群上釋出一些相關消息，如果你對優化、建立公司內部系統有需求，不妨關注一下最新消息喔！
好！回到今天的主題，前幾天 Notion 更新的 內嵌 HTML 不知道大家都玩過了沒？
我之前有發一篇 《Notion 新增內嵌 HTML！3 種實際應用 🧩》，後來我根據腦中的想法繼續延伸，陸續製作了 4 款實用又有趣的「HTML 小工具」。
原本我打算把這些小工具製作成貼文，但製作時真的覺得太有趣了，就想說做成訂閱福利先偷跑好了！( 順便滿足我的分享慾 )
接下來我會介紹每個小工具的製作邏輯與用法，最後也會附上 Notion 頁面，讓你可以輕鬆複製到自己的工作區域，記得看到最後喔！
如果你還不知道 Notion 內嵌 HTML 是什麼？可以做到哪些事？
我先來簡單介紹一下
⭣
▌為什麼內嵌 HTML 能改變一切？
使用 Notion 8 年來，我覺得 Notion 雖然算是很靈活的筆記軟體了，但每個軟體還是會有自己既定的框架、限制，所以 Notion 還是有做不到的事情。
但好消息是， Notion 每次在更新中嘗試突破框架，而我認為有 2 次更新最關鍵：
第 1 是【公式（Formula）】，公式讓 Notion 開始能計算複雜的公式、顯示客製化內容。
而第 2 次就是這次的【 內嵌 HTML 】，也是我認為最關鍵的一次。
我們平常用的網站、線上互動測驗，其實就是用 HTML 寫的，如果只是要做一些互動、小工具，不需要同步或連動資訊，光用 HTML 就可以做到很好的效果。
如果你還無法想像 HTML 能做到哪些事情，下面我跟你介紹 4 個用 HTML 實現的小工具！
▌HTML 工具 1 – 年度倒數
為了解決「反正還有時間」的錯誤心態，我曾用 Notion 公式實現過「年度倒數」的小工具，來提醒自己時間寶貴。
雖然有成功執行，但公式很複雜很難修改，而且每一年都要手動去設定，所以我一直在找適合的解決方案。
正好 Notion 更新了 HTML ，所以我重新做了一個年度倒數！
除了能自動抓取時間外，也可以同時顯示「年、月、週」，方便用不同角度判斷自己現在處於什麼樣的階段、還剩下多少時間。
可以隨時放在首頁，促使自己覺得：「現在不做，就沒有時間了！現在就去做吧！」
▌HTML 工具 2 – 目標倒數
另外我設計了一個可自訂日期的目標倒數，你可以用它來設定一些長期目標。
例如：我設定兩年後要去日本讀設計，就可以把倒數放在 Notion 首頁，讓自己知道什麼時候要達成目標，隨時檢視現在有沒有在推進。
我最近之所以會開始主動接案，也是看到時間倒數才意識到，自己正在做的事情對目標沒有幫助。
雖然偶爾可以休息，但是要隨時確認自己的方向是否正確，可以慢慢走但別讓自己停下。
就像騎腳踏車一樣，如果停下來了，重新起步就會花費很多的力氣，所以有意識地提醒自己的位置與方向。
▌HTML 工具 3 – 番茄鐘
以前用番茄鐘都要用手機或第三方工具，除了容易分心，設定起來也很麻煩。
有了 HTML 就能直接嵌入在 Notion 裡面，因為我每次完成任務時，都會回到 Notion 裡面打勾，嵌入番茄鐘後，就能一次完成，而且倒數結束時也會發出聲音提醒。
番茄鐘對保持專注有很大的幫助 ( 尤其是自由、居家上班 )，因為沒有固定的休息時間，所以很容易上班或休息過長時間。
番茄鐘能讓我偶爾停下來，恢復專注度，比起連續工作四、五個小時，階段式的休息可以讓我保持高專注度、逐步完成任務。
▌HTML 工具 4 – 月目標
完成理想目標有 5 個很關鍵的要素，分別是「每日、每周、每月、三年目標、人生願景」，分別對應執行與計畫。
而「月目標」正是一個不會太遠又不會太近的依據，隨時提醒本月要完成哪些任務，可以讓任務推進有個更具體的方向。
小工具使用起來很簡單，只需要設定 2 個關鍵：
- 目標名稱
- 完成目標的條件
例如：我接下來要開發陌生客戶，目標名稱就是「寄送陌生開發信件」，完成條件則是「每周寄送 20 封開發信」。( 建議以「可控的數據」作為完成目標的條件 )
完成目標時，只需要長按目標框框，它就會累積滿整個框框、顯示完成。完成的任務也能去右上角的分頁查看。
每過一段時間，都可以回頭看一下自己這段時間完成了哪些事情、是什麼時候完成的。
除了讓我們有目標感外，也能不斷累積已完成的目標與成就感。
▌結語
以上就是我目前開發的 HTML 小工具啦！
我把這些小工具都準備好了，點擊下面連結就可以直接打開頁面、複製到自己的工作區囉！
https://app.notion.com/p/4-HTML-398b8597ae1e808ab534cea08db374e8?v=378b8597ae1e80118f65000c77ab5841&source=copy_link
本來這篇想製作貼文跟大家分享，但製作時覺得太有趣了，所以想先偷偷分享給有訂閱電子報的大家 XD
這些工具都是我設定完之後，請 AI 輔助開發出來的，如果你有也想實現的工具，非常推薦先問問看 AI ！
如果你也有想要實現的功能，但沒時間研究，歡迎直接回覆這封信，如果很有趣的話，我來試試看能不能做到再分享出來！
期待收到你的回覆！
── 𝓟𝓤.𝓨𝓘
