Markdown

设置字体风格

代码:

> ⚠️ <span style="color:red;font-weight:bold;">这是一条红色粗体的警告信息</span>

显示:

⚠️ 这是一条红色粗体的警告信息

表格

嵌入 Html 自定义表格(横向拉伸,固定每列的比列,设置为excel样式等)

代码

<style>
.table-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.excel-table {
    width: 100%;
    border-collapse: collapse;
    font-family: Arial, sans-serif;
    font-size: 12px; /* 设置字体大小 */
    table-layout: fixed; /* 固定表格布局  这样可实现表格第一列固定宽度,剩下的按比例自动拉伸*/
}

.excel-table th, .excel-table td {
    border: 1px solid #d0d7de;
    padding: 8px;
    text-align: left;
}

.excel-table th {
    background-color: #f0f3f5;
    font-weight: bold;
}

.excel-table tr:nth-child(even) {
    background-color: #f9f9f9;
}

.excel-table tr:hover {
    background-color: #e9e9e9;
}

.excel-table th:nth-child(1), .excel-table td:nth-child(1) {
    width: 30%;
    /*  width: 100px; 固定第一列宽度 */
}

.excel-table th:nth-child(2), .excel-table td:nth-child(2) {
    width: 20%;
}

.excel-table th:nth-child(3), .excel-table td:nth-child(3) {
    width: 50%;
}
</style>

<div class="table-container">
    <table class="excel-table">
        <thead>
            <tr>
                <th>列1</th>
                <th>列2</th>
                <th>列3</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td><a href="https://example.com">链接1</a></td>
                <td><a href="https://example.com">链接2</a></td>
                <td><a href="https://example.com">链接3</a></td>
            </tr>
            <tr>
                <td><a href="https://example.com">链接4</a></td>
                <td><a href="https://example.com">链接5</a></td>
                <td><a href="https://example.com">链接6</a></td>
            </tr>
        </tbody>
    </table>
</div>

效果

列1(宽100) 列2(宽40%) 列3(宽60%)
1 链接1
  1. 有序
  2. 有序
2 内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
  • 无序
  • 无序

图标

通过代码转换

图标网站 上查找要使用的图标,如 🍎 的 Unicode 编码为 U+1F34E,则与此表情对应的 code 为 1F34E,在 Markdown 文档中对应的代码为 &#x{code}; 既在 Markdown 文档中输入 &#x1F34E; 即可显示为 🍎。

常用图标

复制即可使用

⚠️❗❓❕❔❎❌ ❗ ‼️ ⁉️ ⭕✔️✅

❤️ ✨⭐ ❗❓❕❔ ✊✌️ ✋✋ ☝️

☀️ ☔ ☁️ ❄️ ⛄ ⚡ ⛅

☎️ ☎️ ⌛ ⏳ ⏰ ⌚ ➿ ✉️ ✉️ ✂️ ✒️ ✏️ ⚽ ⚾️ ⛳ ♠️ ♥️ ♣️ ♦️ ☕

⛪ ⛺ ⛲ ⛵ ⛵ ⚓ ✈️ ⛽ ⚠️ ♨️

1️⃣ 2️⃣ 3️⃣ 4️⃣ 5️⃣ 6️⃣ 7️⃣ 8️⃣ 9️⃣ 0️⃣ #️⃣ ◀️ ⬇️ ▶️ ⬅️ ↙️ ↘️ ➡️ ⬆️ ↖️ ↗️ ⏬ ⏫ ⤵️ ⤴️ ↩️ ↪️ ↔️ ↕️ ⏪ ⏩ ℹ️ ️ ️ ️ ♿ ㊙️ ㊗️ Ⓜ️ ⛔ ✳️ ❇️ ✴️ ♈ ♉ ♊ ♋ ♌ ♍ ♎ ♏ ♐ ♑ ♒ ♓ ⛎ ❎ ️ ️ ️ ♻️ ©️ ®️ ™️ ❌ ❗ ‼️ ⁉️ ⭕ ✖️ ➕ ➖ ➗ ✔️ ☑️ ➰ 〰️ 〽️ ▪️ ▫️ ◾ ◽ ◼️ ◻️ ⬛ ⬜ ✅ ⚫ ⚪

目录树

案例

Models/
    ├── User.cs
    ├── Product.cs
    └── 文件夹
        ├── User.cs
        └── Order.cs
  • 每个层级缩进一个 tab
  • 非最后一个使用:├── 名称
  • 最后一个使用:└── 最后一个