連結預覽方塊 | 匠活筆記 | 用思考與科技買回時間的踩坑紀錄

Hugo Blox

Accelerate your growth with the #1 open source marketing platform for creators to easily publish, share, and grow a business around their content. An all-in-one tool to build a website, landing pages, and publish courses. Remove the middleman. Engage your fans directly and make your profile standout from the crowd.

edited date: 2025-02-03 hugoblox.com

Demo

Toc-block

▼ 本文目錄

Customized-callout

可自定義的提示框
- 支援不同類型(info, warning)
- 可自定義標題和內容
- 包含圖示和樣式

Info

有時候 TOC 會出現，有時候不會出現，這是因為有下了參數：

mobile_only=true 如果是手機版 / 較窄的視窗，才會顯示 TOC
is_open=true 預設是關閉的，如果想要預設打開，可以下 is_open=true

shortcode sample

{{<customized-callout type="info">}}
有時候 TOC 會出現，有時候不會出現，這是因為有下了參數：
- mobile_only=true 如果是手機版 / 較窄的視窗，才會顯示 TOC
- is_open=true 預設是關閉的，如果想要預設打開，可以下 is_open=true
{{</customized-callout>}}

有 Title

有時候 TOC 會出現，有時候不會出現，這是因為有下了參數：

mobile_only=true 如果是手機版 / 較窄的視窗，才會顯示 TOC
is_open=true 預設是關閉的，如果想要預設打開，可以下 is_open=true

shortcode sample

{{<customized-callout type="info" title="有 Title">}}
有時候 TOC 會出現，有時候不會出現，這是因為有下了參數：
- mobile_only=true 如果是手機版 / 較窄的視窗，才會顯示 TOC
- is_open=true 預設是關閉的，如果想要預設打開，可以下 is_open=true
{{</customized-callout>}}

Link-preview-card

美觀的連結預覽卡片
- 支援圖片、標題、描述
- 顯示網站域名和日期
- 響應式設計

匠活筆記 | 在忙碌與平衡之間，找到屬於你的節奏

聰明工作，從容生活。生活不該只剩忙碌，工作也能有溫度。這裡談構築理想生活，聊生涯規劃，分享那些利用科技讓人生運轉順暢的小技巧；從專案管理到心智模型，從問題解決到產品思維。來吧，一起用匠人的態度，勾勒屬於你的生活藍圖。

edited date: 2025-02-02 anelive.today

shortcode sample

{{<link-preview-card 
    url="https://anelive.today"
    title="匠活筆記 | 在忙碌與平衡之間，找到屬於你的節奏"
    description="聰明工作，從容生活。生活不該只剩忙碌，工作也能有溫度。這裡談構築理想生活，聊生涯規劃，分享那些利用科技讓人生運轉順暢的小技巧；從專案管理到心智模型，從問題解決到產品思維。來吧，一起用匠人的態度，勾勒屬於你的生活藍圖。"
    image="https://anelive.today/media/icon_hu13349831664580004083.png"
    date="2025-02-02"
>*/}}