Markdown 渲染测试

本文档用于测试博客主题对各类 Markdown 语法及自定义组件的渲染效果。

Markdown 是一种方便记忆、书写的纯文本标记语言，用户可以使用这些标记符号，以最小的输入代价，生成极富表现力的文档：譬如您正在阅读的这份文档。它使用简单的符号标记不同的标题，分割不同的段落，粗体、斜体 或者超文本链接，更棒的是，它还可以：

1. 制作待办事宜 Todo 列表

• 🎉 通常 Markdown 解析器自带的基本功能；
• 🍀 支持流程图、甘特图、时序图、任务列表；
• 🏁 支持粘贴 HTML 自动转换为 Markdown；
• 💃🏻 支持插入原生 Emoji、设置常用表情列表；
• 🚑 支持编辑内容保存本地存储，防止意外丢失；
• 📝 支持实时预览，主窗口大小拖拽，字符计数；
• 🛠 支持常用快捷键(Tab)，及代码块添加复制
• ✨ 支持导出携带样式的 PDF、PNG、JPEG 等；
• ✨ 升级 Vditor，新增对 echarts 图表的支持；
• 👏 支持检查并格式化 Markdown 语法，使其专业；
• 🦑 支持五线谱、及部分站点、视频、音频解析；
• 🌟 增加对所见即所得编辑模式的支持(⌘-⇧-M)；

2. 书写一个质能守恒公式[^LaTeX]

3. 高亮一段代码[^code]。

// 给页面里所有的 DOM 元素添加一个 1px 的描边（outline）;
[].forEach.call($$("*"),function(a){
  a.style.outline="1px solid #"+(~~(Math.random()*(1<<24))).toString(16);
})

#include <stdio.h>

int main() {
    printf("Hello, World!\n");
    return 0;
}

public class Hello {
    public static void main(String[] args) {
        System.out.println("Hello, World!");
    }
}

function greet(name: string): string {
    return `Hello, ${name}!`;
}
console.log(greet("World"));

const std = @import("std");

pub fn main() void {
    std.debug.print("Hello, {s}!\n", .{"World"});
}

fn main() {
    println!("Hello, World!");
}

def greet(name: str) -> str:
    return f"Hello, {name}!"

print(greet("World"))

using System;

class Program {
    static void Main() {
        Console.WriteLine("Hello, World!");
    }
}

def greet(name)
  "Hello, #{name}!"
end

puts greet("World")

package main

import "fmt"

func main() {
    fmt.Println("Hello, World!")
}

use strict;
use warnings;

my $greeting = "Hello, World!";
print "$greeting\n";

# Hello World

This is a **Markdown** code block with `inline code`.

- List item 1
- List item 2

4. 高效绘制流程图

5. 高效绘制序列图

6. 高效绘制甘特图

甘特图内在思想简单。基本是一条线条图，横轴表示时间，纵轴表示活动（项目），线条表示在整个期间上计划和实际的活动完成情况。它直观地表明任务计划在什么时候进行，及实际进展与计划要求的对比。

7. 支持图表

备注：上述 echarts 图表📈，其数据，须使用严格的 JSON 格式；您可使用 JSON.stringify(data)，将对象传换从而得标准数据，即可正常使用。

8. 绘制表格

10. 图组（一行多图）

10.1 使用 HTML 实现图组

。

11. MDC 自定义组件

11.1 Alert 提示框

11.2 Quote 引用块（带大图标）

11.3 Folding 折叠面板

console.log("折叠面板内的代码块也可以渲染！");

11.4 LinkCard 链接卡片测试。

你这个级别的 Devtools 无权哈我 - 微光档案

archive.bikari.top

Astro

astro.build

11.5 Chat 对话气泡

11.6 Badge 徽章

这是一个 NEW 徽章， 以及一个 Hot 徽章。。

11.7 Key 按键

按下 Ctrl + C 复制， 按下 Ctrl + V 粘贴。

11.8 Tip 行内提示

这是一个 悬停查看提示 的示例。

11.9 Blur 模糊效果

把鼠标悬停在这段文字上，模糊效果会逐渐消失。

11.10 Timeline 时间线

11.11 Tab 标签页

11.12 CardList 卡片列表

11.13 Poetry 诗词排版

11.14 Copy 复制组件

npm install astro

11.15 VideoEmbed 视频嵌入。

11.16 FeedCard 订阅卡片

RSS 订阅源

https://blogadokiu.com/rss.xml

11.17 Github仓库