通用 MDX 组件

标题

一级标题

二级标题

段落

做技术的黑客心态加上开放共进的态度是成长和越过高山幽谷的秘籍!

列表

  1. 列表
  2. 列表
    1. 列表

      • 列表
    2. 列表

      列表间文字

    3. 列表

图片

cover

敏感图片

图片中有蛇、请注意

警告:此图像被标记为敏感内容。

图片中有蛇、请注意

表格

名称解释举例
集合…集合子集的概念是集合与集合之间元素不能是一个集合的子集

文章引用

有关Markdown的语法,你可以参考我之前写的文章:Markdown 语法指南

视频嵌入

代码块

#include <stdio.h>
// 我的第一个 C 语言程序
int main(int argc, char *argv[])
{
    printf("Hello, World! \n");
    return 0;
}

代码组

<div id="tcomment"></div>
<script src="https://cdn.jsdelivr.net/npm/twikoo@1.6.39/dist/twikoo.all.min.js"></script>
<script>
  twikoo.init({
    envId: "您的环境id", // 腾讯云环境填 envId;Vercel 环境填地址(https://xxx.vercel.app)
    el: "#tcomment", // 容器元素
    // region: 'ap-guangzhou', // 环境地域,默认为 ap-shanghai,腾讯云环境填 ap-shanghai 或 ap-guangzhou;Vercel 环境不填
    // path: location.pathname, // 用于区分不同文章的自定义 js 路径,如果您的文章路径不是 location.pathname,需传此参数
    // lang: 'zh-CN', // 用于手动设定评论区语言,支持的语言列表 https://github.com/twikoojs/twikoo/blob/main/src/client/utils/i18n/index.js
  });
</script>

Diff

-source "drivers/oneplus/Kconfig"
+source "drivers/kernelsu/Kconfig"

TIL

错误
fix: fix login issue update readme refactor header

正确
fix: fix login issue
docs: update readme for new login feature
refactor: refactor header component

文章专属组件

字重测试

来源于文章:安卓类原生系统补全计划 —— PixelExperience(一加 OnePlus)

可变字体测试器

预览:

永 A 6

基因型杂交计算器

来源于文章:解释 3:1 和 9:3:3:1 的详细来源 —— 建立减数分裂与孟德尔遗传学定律之间的联系

亲本 1 基因型(例如: AaBbCCdd):

亲本 2 基因型(例如: AabbCcDd):

亲本 1 可能的配子:

ABCd
AbCd
aBCd
abCd

亲本 2 可能的配子:

AbCD
AbCd
AbcD
Abcd
abCD
abCd
abcD
abcd

旁氏表(Punnett Square):

配子AbCDAbCdAbcDAbcdabCDabCdabcDabcd
ABCdAABbCCDdAABbCCddAABbCcDdAABbCcddAaBbCCDdAaBbCCddAaBbCcDdAaBbCcdd
AbCdAAbbCCDdAAbbCCddAAbbCcDdAAbbCcddAabbCCDdAabbCCddAabbCcDdAabbCcdd
aBCdAaBbCCDdAaBbCCddAaBbCcDdAaBbCcddaaBbCCDdaaBbCCddaaBbCcDdaaBbCcdd
abCdAabbCCDdAabbCCddAabbCcDdAabbCcddaabbCCDdaabbCCddaabbCcDdaabbCcdd