按鈕（Buttons）

Zensical 提供主要（primary）與次要（secondary）按鈕樣式，可以套用在任何連結、標籤或按鈕元素上，很適合用在首頁或需要「行動呼籲」（Call to Action）的頁面。

zensical.toml 設定

按鈕是靠 Attribute Lists 擴充，在連結後面加上 CSS class：

[project.markdown_extensions]
attr_list = {}

基本按鈕

在連結後面加上大括號，並指定 .md-button：

原始程式

[訂閱我們的電子報](#){ .md-button }

輸出結果

訂閱我們的電子報

按鈕會套用目前設定的主色（primary）與強調色（accent）。

主要按鈕

同時加上 .md-button 與 .md-button--primary，就會變成實心的主要按鈕（Zensical 首頁的樣式）：

原始程式

[訂閱我們的電子報](#){ .md-button .md-button--primary }

輸出結果

訂閱我們的電子報

帶圖示的按鈕

按鈕內可以直接使用圖示的 shortcode：

原始程式

[傳送 :fontawesome-solid-paper-plane:](#){ .md-button }

輸出結果

傳送

總結

參考資料

• Buttons - Zensical