测试文章

Features

Supports bold and italic text.
Includes inline code and code blocks.
Adds Mermaid diagrams for visual representation.
Contains tables and lists for structured data.

private async loadPosts(): Promise<void> {
  console.log('Loading posts from directory:', this.srcDir);
  // 获取所有 Markdown 文件
  const files = fg.sync(`*.md`, {
    ignore: ['**/node_modules/**', '**/public/**'],
    cwd: this.srcDir,
    absolute: true,
    onlyFiles: true
  });

  console.log('files', files);

  for (const file of files) {
    const { data, content } = matter.read(file) as {
      data: Partial<Post>;
      content: string;
    };

    if (!data.excerpt) {
      data.excerpt = await this.extractPlainText(content, 200);
    }
    // 解析文章数据
    const article: Post = {
      title: data.title || '',
      slug: this.generateUniqueSlug(data),
      excerpt: data.excerpt || '',
      coverImage: data.coverImage || '/img/avatar.jpg',
      tags: data.tags || [],
      category: data.category || '未分类',
      publishDate: data.publishDate || new Date().toISOString()
    };
    // slug关联文件路径
    this.postsFilePathRecord[article.slug] = file;

    this.addPostToCategoryRecord(article);

    for (const tag of article.tags) {
      if (!this.postsByTag[tag]) {
        this.postsByTag[tag] = [];
      }
      this.postsByTag[tag].push(article);
    }
    this.posts.push(article);
  }

  // 对文章进行排序，默认按发布日期降序
  this.posts.sort(
    (a, b) => new Date(b.publishDate).getTime() - new Date(a.publishDate).getTime()
  );
}

Mermaid Diagram

graph TD
    A[Start] --> B{Is it working?}
    B -->|Yes| C[Great!]
    B -->|No| D[Fix it!]
    D --> A

Table Example

Feature	Description
Bold Text	Highlights important content.
Italic Text	Emphasizes specific words.
`Code`	Displays inline code snippets.
Diagrams	Visualizes workflows or ideas.