使用降价文件

Question

我正在尝试在readme.md文件中有一个下拉列表，并在该可扩展区域中显示代码。

对于md文件，我看到人们使用```对我有用。

下面的链接对于使用md文件和许多其他内容显示表格数据非常有用： -

1. https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet

2. https://github.com/tchapi/markdown-cheatsheet/blob/master/README.md

为了显示下拉列表，我发现使用详细信息标记和摘要有效： -

Collapsible header in Markdown to html

我正在尝试更新md文件并在

中显示一些代码

<details>
  <summary><h1 style="display:inline-block"> Advanced Topics </h1></summary>
    ```

    import { Component } from '@angular/core';

    @Component({
      selector: 'app-root',
      template: `<nav>
                  <a routerLink="/signin" routerLinkActive="active">SignIn</a>
                  <a routerLink="/signup" routerLinkActive="active">SignUp</a>
                </nav>  
                <router-outlet></router-outlet>`,
      styleUrls: ['./app.component.css']
    })
    export class AppComponent {
      
    }


    ```
</details>

但直到现在我都没有成功。

如何显示格式化/突出显示的代码，例如当我使用```但在详细信息标签内时？

任何帮助都将不胜感激。

Answer 1

解决方案

此问题的解决方案是“运行代码段”

＆＃13;

＆＃13;

<script src="https://gist.github.com/nicolasalarconrapela/91d36921ab168401f88050929aeab1be.js">
</script>

＆＃13;

＆＃13;

＆＃13;