【Notion】5分鐘學會使用apption.co在Notion建立日期倒數!

為何要在Notion建立日期倒數

日期倒數計時器不僅增強了時間管理的視覺效果,同時也提升了我們對即將到來的事件的期待感。

它可以用於多種場合,如計劃假期、項目截止日期、生日、紀念日等,使我們能夠有效地安排時間和資源,以應對這些重要時刻。在考研的期間,我將它設置成每間學校倒數的日期,時時刻刻的督促我。

Notion日期倒數參考

p.s. 日期因為已經過了,所以變成負數。

為何選擇apption.co創建日期倒數

apption.co是一個功能豐富的平台,讓用戶能夠創建和自定義各種網絡應用,

apption.co 製作出的應用可以使用embed與Notion整合,提供了一種無縫的方式來增強你的Notion頁面,下面是其特色:

  1. 可以自定義HTML,並嵌入到Notion之中,像是我們今天要製作的日期到數!
  2. 很多已經做好的套件,供你現成使用,例如天氣小工具等。(現有40多萬個應用!)appnion說明

接下來,將帶著你做出自己的日期倒數器!

(了解更多有關於apption.co:官方網站

如何在apption.co上創建日期倒數

客製化應用創建:

創建一個日期倒數計時器比你想象的要簡單,以下是從註冊到嵌入Notion的步驟:

  1. 註冊apption.co帳號: 首先,訪問apption.co,創建一個新帳號或登錄你現有的帳號。
  2. 創建倒數計時器: 接著,選擇創建一個新的應用。 客製化自己的應用
  3. 填入相關訊息:其實只有幾個項目要填入,非常簡單,我也會提供基本的HTML程式碼給你參考(在最下方,可以點擊右側資訊欄目錄前往)。應用內說明
  4. 自定義設置和外觀: 你可以根據自己的需求和喜好,調整計時器的設置和外觀,例如顏色、字體和倒數的結束日期。

程式碼簡易說明:

  1. 修改日、時、分、秒的整體配色:我們可以將背景色進行更改,舉例來說,「.days」代表的是對應的圖示「DAYS」的區塊,只需要更改 「background」屬性的十六進為顏色代碼。(可以點擊來調配自己的顏色!),其他時、分、秒都以此類推。days區塊
  2. 修改倒數日期:找到 “MyDate” 變數(可以使用 ctrl+f尋找),將其時間換成你需要的時間!格式如圖。Screenshot 2024 03 27 194431
  3. 查看及時預覽:點擊 “Update” 按鈕,就可以從底下預覽區塊看到你做好的倒數計時器啦~成果圖

將日期倒數添加到Notion中

將創建的倒數計時器添加到Notion是一個簡單的過程,包括以下幾個步驟:

  1. 複製該應用的URL: 在apption.co上獲得倒數計時器的URL,它在最上方的位置。URL
  2. 嵌入倒數計時器到Notion頁面: 將URL直接貼在你想要的Notion頁面上,並選擇 “Embed” 方式貼上。embed貼上
  3. 設置和調整技巧: 一旦嵌入後,你還可以根據需要進行細微調整,以確保倒數計時器完美融入你的頁面設計。調整畫面

結論

通過apption.co在Notion中創建日期倒數計時器,不僅能夠美化你的頁面,還能提升你對即將到來的事件的期待感。隨著這些簡單的步驟,你可以輕鬆地創建一個既美觀又實用的倒數計時器,為你的項目管理和日常計劃增添動力和樂趣。開始使用apption.co,讓你的Notion頁面更加生動和個性化吧!

下載區塊

分享出去