修饰代码

下面列一些该网站建站常用的修饰代码供参考,具体用法见Materials for Mkdocs官方文档

1.Admonitions

Note

21世纪是生物学的世纪

note可替换abstract、info、tip、success、question、warning、example、quote等

inline end靠右,inline靠左

2.缩写

CNBO

3.注释

21世纪是生物学的世纪(1)

  1. 汝听,人言否?

4.卡片网格

  • HTML for content and structure
  • JavaScript for interactivity
  • CSS for text running out of boxes
  • Internet Explorer ... huh?

5.通用网格

  • Sed sagittis eleifend rutrum
  • Donec vitae suscipit est
  • Nulla tempor lobortis orci
  1. Sed sagittis eleifend rutrum
  2. Donec vitae suscipit est
  3. Nulla tempor lobortis orci
Content tabs
=== "Unordered list"

    * Sed sagittis eleifend rutrum
    * Donec vitae suscipit est
    * Nulla tempor lobortis orci

=== "Ordered list"

    1. Sed sagittis eleifend rutrum
    2. Donec vitae suscipit est
    3. Nulla tempor lobortis orci

6.图片

对齐:

Image title

Image title
Image caption

Image title

Image caption

7.脚注

Lorem ipsum1 dolor sit amet, consectetur adipiscing elit.2

8.格式化

Text can be deleted and replacement text added. This can also be combined into onea single operation. Highlighting is also possible and comments can be added inline.

Formatting can also be applied to blocks by putting the opening and closing tags on separate lines and adding new lines between the tags and the content.

转录

翻译

表达

细胞

分子

H2O

ATA

Ctrl+Alt+Del

™ © ® ℅ ± → ← ↔ ≠

9.流程图

graph LR
  A[Start] --> B{Error?};
  B -->|Yes| C[Hmm...];
  C --> D[Debug];
  D --> B;
  B ---->|No| E[Yay!];

10.代码

import

Python
1
2
3
4
5
def bubble_sort(items):
    for i in range(len(items)):
        for j in range(len(items) - 1 - i):
            if items[j] > items[j + 1]:
                items[j], items[j + 1] = items[j + 1], items[j]

  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 

  2. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.