<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>飞书风格 on Cynmit</title><link>https://cynmit05.github.io/tags/%E9%A3%9E%E4%B9%A6%E9%A3%8E%E6%A0%BC/</link><description>Recent content in 飞书风格 on Cynmit</description><generator>Hugo</generator><language>zh-cn</language><lastBuildDate>Fri, 03 Jul 2026 00:00:00 +0000</lastBuildDate><atom:link href="https://cynmit05.github.io/tags/%E9%A3%9E%E4%B9%A6%E9%A3%8E%E6%A0%BC/index.xml" rel="self" type="application/rss+xml"/><item><title>文档模板功能指南</title><link>https://cynmit05.github.io/learn/doc-template-guide/</link><pubDate>Fri, 03 Jul 2026 00:00:00 +0000</pubDate><guid>https://cynmit05.github.io/learn/doc-template-guide/</guid><description>&lt;p&gt;本文档展示了所有可用的飞书风格文档组件及其调用方式。&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id="1-提示框-callout"&gt;1. 提示框 Callout&lt;/h2&gt;
&lt;p&gt;4 种类型：提示(info)、警告(warning)、注意(caution)、技巧(tip)&lt;/p&gt;
&lt;div class="callout callout-info"&gt;
&lt;div class="callout-header"&gt;
&lt;span class="callout-icon"&gt;ℹ&lt;/span&gt;
&lt;span class="callout-title"&gt;提示&lt;/span&gt;
&lt;/div&gt;
&lt;div class="callout-content"&gt;
这是一条**提示信息**，用于补充说明重要内容。
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="callout callout-warning"&gt;
&lt;div class="callout-header"&gt;
&lt;span class="callout-icon"&gt;⚠&lt;/span&gt;
&lt;span class="callout-title"&gt;警告&lt;/span&gt;
&lt;/div&gt;
&lt;div class="callout-content"&gt;
这是一条**警告信息**，提醒你注意潜在问题。
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="callout callout-caution"&gt;
&lt;div class="callout-header"&gt;
&lt;span class="callout-icon"&gt;🔴&lt;/span&gt;
&lt;span class="callout-title"&gt;注意&lt;/span&gt;
&lt;/div&gt;
&lt;div class="callout-content"&gt;
这是一条**注意事项**，表示需要特别小心的地方。
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="callout callout-tip"&gt;
&lt;div class="callout-header"&gt;
&lt;span class="callout-icon"&gt;💡&lt;/span&gt;
&lt;span class="callout-title"&gt;技巧&lt;/span&gt;
&lt;/div&gt;
&lt;div class="callout-content"&gt;
这是一条**技巧提示**，帮助你更高效地完成任务。
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;strong&gt;调用方式：&lt;/strong&gt;&lt;/p&gt;
&lt;pre tabindex="0"&gt;&lt;code&gt;{{&amp;lt; callout type=&amp;#34;info&amp;#34; &amp;gt;}}
提示内容
{{&amp;lt; /callout &amp;gt;}}
{{&amp;lt; callout type=&amp;#34;warning&amp;#34; title=&amp;#34;自定义标题&amp;#34; &amp;gt;}}
警告内容
{{&amp;lt; /callout &amp;gt;}}
&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;&lt;strong&gt;参数：&lt;/strong&gt; &lt;code&gt;type&lt;/code&gt;（info/warning/caution/tip）、&lt;code&gt;title&lt;/code&gt;（可选，默认根据类型自动显示）&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id="2-标签页-tabs"&gt;2. 标签页 Tabs&lt;/h2&gt;
&lt;div class="doc-tabs" id="tabs-4"&gt;
&lt;div class="doc-tabs-nav"&gt;&lt;button class="doc-tab-btn active" data-tab="tabs-4-0"&gt;Python&lt;/button&gt;&lt;button class="doc-tab-btn" data-tab="tabs-4-1"&gt;JavaScript&lt;/button&gt;&lt;button class="doc-tab-btn" data-tab="tabs-4-2"&gt;Go&lt;/button&gt;&lt;/div&gt;
&lt;div class="doc-tabs-body"&gt;
&lt;div class="doc-tab-panel active" id="tabs-4-0"&gt;
```python
print("Hello from Python!")
```
&lt;/div&gt;
&lt;div class="doc-tab-panel" id="tabs-4-1"&gt;
```javascript
console.log("Hello from JavaScript!");
```
&lt;/div&gt;
&lt;div class="doc-tab-panel" id="tabs-4-2"&gt;
```go
fmt.Println("Hello from Go!")
```
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;strong&gt;调用方式：&lt;/strong&gt;&lt;/p&gt;
&lt;pre tabindex="0"&gt;&lt;code&gt;{{&amp;lt; tabs &amp;gt;}}
{{&amp;lt; tab name=&amp;#34;Python&amp;#34; &amp;gt;}}
Python 内容
{{&amp;lt; /tab &amp;gt;}}
{{&amp;lt; tab name=&amp;#34;JavaScript&amp;#34; &amp;gt;}}
JS 内容
{{&amp;lt; /tab &amp;gt;}}
{{&amp;lt; /tabs &amp;gt;}}
&lt;/code&gt;&lt;/pre&gt;&lt;hr&gt;
&lt;h2 id="3-折叠区域-details"&gt;3. 折叠区域 Details&lt;/h2&gt;
&lt;details class="doc-details"&gt;
&lt;summary class="doc-details-summary"&gt;点击展开查看详情&lt;/summary&gt;
&lt;div class="doc-details-content"&gt;
这是折叠起来的内容，默认收起。你可以在这里放置补充说明、详细步骤等不需要立即展示的信息。
&lt;/div&gt;
&lt;/details&gt;
&lt;details class="doc-details" open&gt;
&lt;summary class="doc-details-summary"&gt;默认展开的折叠区域&lt;/summary&gt;
&lt;div class="doc-details-content"&gt;
这个区域默认就是展开的，适合放重要的补充信息。
&lt;/div&gt;
&lt;/details&gt;
&lt;p&gt;&lt;strong&gt;调用方式：&lt;/strong&gt;&lt;/p&gt;</description></item></channel></rss>