{"id":25649884,"url":"https://github.com/phoihos/vscode-markdown-markmap","last_synced_at":"2025-10-16T02:54:03.895Z","repository":{"id":105888285,"uuid":"303923736","full_name":"phoihos/vscode-markdown-markmap","owner":"phoihos","description":"Markdown Preview Markmap Support Extension for VS Code    https://marketplace.visualstudio.com/items?itemName=phoihos.markdown-markmap","archived":false,"fork":false,"pushed_at":"2023-03-15T06:48:15.000Z","size":1501,"stargazers_count":22,"open_issues_count":1,"forks_count":4,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-28T23:34:28.757Z","etag":null,"topics":["markdown","markdown-it","markdown-it-plugin","markmap","mindmap","vscode","vscode-extension"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/phoihos.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-10-14T06:31:51.000Z","updated_at":"2024-10-28T06:31:06.000Z","dependencies_parsed_at":null,"dependency_job_id":"e7e678d1-e2f2-4bee-b446-94851af82093","html_url":"https://github.com/phoihos/vscode-markdown-markmap","commit_stats":null,"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/phoihos%2Fvscode-markdown-markmap","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/phoihos%2Fvscode-markdown-markmap/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/phoihos%2Fvscode-markdown-markmap/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/phoihos%2Fvscode-markdown-markmap/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/phoihos","download_url":"https://codeload.github.com/phoihos/vscode-markdown-markmap/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249128956,"owners_count":21217252,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["markdown","markdown-it","markdown-it-plugin","markmap","mindmap","vscode","vscode-extension"],"created_at":"2025-02-23T14:35:14.554Z","updated_at":"2025-10-16T02:53:58.846Z","avatar_url":"https://github.com/phoihos.png","language":"TypeScript","readme":"# Markdown Preview Markmap Support\n\nVisualize Markdown as Mindmap (A.K.A Markmap) to VS Code's built-in markdown preview.\n\n![Demo 1](./images/readme/demo1.png)\n\n## Features\n\n- Preview support to built-in markdown preview\n- Syntax highlighting support to `markmap` fenced code block\n    - See below a [demo](#syntax-highlighting)\n- Attributes support to `markmap` fenced code block\n    - See below [details](#attributes)\n\n## Installation\n\nTo install this extension go to `View-\u003eExtensions` and search for `markdown-markmap`. Next click Install.\n\n## Usage\n\nCreate mindmap in markdown using `markmap` (or `mdmm` or `mmmd`) fenced code blocks:\n\n~~~markdown\n```markmap\n# Mindmap\n\n## Extension\n\n- [markdown-markmap](https://github.com/phoihos/vscode-markdown-markmap)\n\n## Powered by\n\n- \u003chttps://markmap.js.org/\u003e\n- [markmap-lib](https://github.com/gera2ld/markmap-lib)\n\n## Highlighting\n\n- links\n- **inline** ~~text~~ *styles*\n- multiline\n  text\n- `inline code`\n-   ```js\n    console.log('code block');\n    ```\n- Katex\n  - $\\pm\\sqrt{a^2 + b^2}$\n  - $x = {-b \\pm \\sqrt{b^2-4ac} \\over 2a}$\n  - $$\\int_{0}^{\\infty} f(x) dx$$\n```\n~~~\n\n## Syntax Highlighting\n\nSyntax highlighting support exactly the same as VS Code's `markdown`.\n\n![Demo 2](./images/readme/demo2.png)\n\n## Attributes\n\nAdd attributes to `markmap` fenced code block with `{key1=value1 key2=value2}` curly brackets:\n\u003e Multiple attributes are separated by `space`.  \n\u003e **Use single or double quotation marks when specifying value with spaces.**\n\n~~~markdown\n```markmap {scale=1.1 color=#888}\n···\n```\n~~~\n\nAvailable attributes:\n\n| Key   | Default Value        | Description                                                                    |\n| ----- | -------------------- | ------------------------------------------------------------------------------ |\n| scale | `1.1`                | Scale the preview render size                                                  |\n| color | Empty (for Colorful) | Change the line color using predefined color name, or with RGB, HEX, HSL value |\n\nAvailable formats to attribute:\n\n| Format                      | Description              |\n| --------------------------- | ------------------------ |\n| `{key1=value1 key2=value2}` | Wrap with curly brackets |\n| `:key1=value1 key2=value2`  | Start with colon mark    |\n| `?key1=value1 key2=value2`  | Start with question mark |\n\n## Markmap Visualizing\n\nPowered by [gera2ld/markmap-lib](https://github.com/gera2ld/markmap/tree/master/packages/markmap-lib).\n\n## Settings\n\nCurrently, there is no settings.\n\n## Issues\n\nIf you find any problems using this extension or you want to propose new features to it, feel free to open an issue on [Github](https://github.com/phoihos/vscode-markdown-markmap/issues).\n\n## Release Notes\n\nDetailed Release Notes are available [here](https://github.com/phoihos/vscode-markdown-markmap/blob/master/CHANGELOG.md) or above **Changelog** tab.\n\n## Attributions\n\nIcon made by [Freepik](https://www.flaticon.com/authors/freepik) from [www.flaticon.com](https://www.flaticon.com/)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fphoihos%2Fvscode-markdown-markmap","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fphoihos%2Fvscode-markdown-markmap","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fphoihos%2Fvscode-markdown-markmap/lists"}