{"id":26654290,"url":"https://github.com/alislin/markdown-fence","last_synced_at":"2025-03-25T04:58:15.461Z","repository":{"id":282806522,"uuid":"949713430","full_name":"alislin/markdown-fence","owner":"alislin","description":"Markdown Fence vscode 扩展，支持分栏格式","archived":false,"fork":false,"pushed_at":"2025-03-24T10:27:27.000Z","size":383,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-24T11:34:47.297Z","etag":null,"topics":["docsify-plugin","extension-vscode","fence","markdown"],"latest_commit_sha":null,"homepage":"https://alislin.github.io/markdown-fence","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/alislin.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":"2025-03-17T02:39:07.000Z","updated_at":"2025-03-24T10:27:02.000Z","dependencies_parsed_at":null,"dependency_job_id":"e2073f8d-386b-47d6-884c-c2fa22062db2","html_url":"https://github.com/alislin/markdown-fence","commit_stats":null,"previous_names":["alislin/markdown-fence"],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alislin%2Fmarkdown-fence","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alislin%2Fmarkdown-fence/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alislin%2Fmarkdown-fence/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alislin%2Fmarkdown-fence/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/alislin","download_url":"https://codeload.github.com/alislin/markdown-fence/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245401367,"owners_count":20609167,"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":["docsify-plugin","extension-vscode","fence","markdown"],"created_at":"2025-03-25T04:58:14.957Z","updated_at":"2025-03-25T04:58:15.457Z","avatar_url":"https://github.com/alislin.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Markdown Fence\n\n![](/media/markdown-fence-128.png)\n\nvscode 扩展 Markdown Fence  \nvscode extension \"markdown fence\". \n\n![](https://alislin.github.io/markdown-fence/assets/img/README_20250320-092003.png)\n\n## 功能 Features\n\u003c!-- fence:start --\u003e\n**标准语法 Standard syntax**\n\n使用下面标记进行分隔  \nUse markers to split into multi-column styles\n- `\u003c!-- fence:start --\u003e`\n- `\u003c!-- fence --\u003e`\n- `\u003c!-- fence:end --\u003e`\n\u003c!-- fence --\u003e\n**快速语法 Short syntax**\n\n使用下面标记进行分隔  \nUse markers to split into multi-column styles\n- `\u003c!-- \u003e\u003e\u003e --\u003e`\n- `\u003c!-- --- --\u003e`\n- `\u003c!-- \u003c\u003c\u003c --\u003e`\n\n\u003c!-- fence --\u003e\n**简写语法 Short syntax**\n\n\u003e 会在不支持的 markdown 解析器中留下分栏可见字符  \n\u003e Column-visible characters are left in unsupported markdown parsers\n\n使用下面标记进行分隔，后续字符三个以上至任意数量都可以  \nUse the following tags to separate them, and more than three or more characters are acceptable to any number\n- `/\u003e\u003e\u003e`\n- `/---`\n- `/\u003c\u003c\u003c`\n\n\u003c!-- fence --\u003e\n**分栏标题 Column headings**\n\n在分栏第一行使用加粗的文本，并且在后续保持一个空行。这行就会解析为分栏标题。  \nUse bold text on the first line of the column and keep a blank line for the follow-up. This line resolves to a section header.\n\n`**标题 title**`  \n`\u003c空行 empty row\u003e`\n\u003c!-- fence:end --\u003e\n\n**命令 Command**\n\n支持导出 html,pdf 两种格式  \nSupport export of HTML and PDF formats\n- `Markdown Fence: Export to HTML`\n- `Markdown Fence: Export to PDF`\n\u003c!-- \u003e\u003e\u003e --\u003e\n\n**markdown**\n\nmarkdown 内容如下  \nmarkdown content:\n```markdown\n\u003c!-- fence:start --\u003e\n## 这是左边开始的内容\n1. 第一行\n2. 第二行\n\u003c!-- fence --\u003e\n## 右边标题\n横向分隔\n\u003c!-- fence:end --\u003e\n```\n\u003c!-- --- --\u003e\n\n**预览**\n\n预览  \nafter render:\n```html\n\u003cdiv class=\"fence-block\"\u003e\n    \u003cdiv class=\"fence-item\"\u003e\n        \u003ch2 data-line=\"0\" class=\"code-line\" dir=\"auto\"\n            id=\"1\"\u003e这是左边开始的内容\u003c/h2\u003e\n        \u003col data-line=\"1\" class=\"code-line\" dir=\"auto\"\u003e\n            \u003cli data-line=\"1\" class=\"code-line\" dir=\"auto\"\u003e第一行\u003c/li\u003e\n            \u003cli data-line=\"2\" class=\"code-line code-active-line\" dir=\"auto\"\u003e第二行\u003c/li\u003e\n        \u003c/ol\u003e\n    \u003c/div\u003e\n    \u003cdiv class=\"fence-item\"\u003e\n        \u003ch2 data-line=\"0\" class=\"code-line\" dir=\"auto\" id=\"2\"\u003e右边标题\u003c/h2\u003e\n        \u003cp data-line=\"1\" class=\"code-line\" dir=\"auto\"\u003e横向分隔\u003c/p\u003e\n    \u003c/div\u003e\n\u003c/div\u003e\n```\n\u003c!-- \u003c\u003c\u003c --\u003e\n\n## 样式 style\n可以根据自己的需要编写样式覆盖  \nYou can write style overrides according to your needs\n```css\n.fence-block,fence-short-block {\n\n}\n\n.fence-item,fence-short-item {\n\n}\n```\n\n## docsify plugin 插件支持\nMarkdown Fence 也提供了docsify支持。按下面添加插件即可使用  \nMarkdown Fence also provides docsify support. Click below to add a plug-in to use\n\n```diff\n\u003c!DOCTYPE html\u003e\n\u003chtml lang=\"zh-cn\"\u003e\n\n\u003chead\u003e\n  \u003cmeta charset=\"UTF-8\"\u003e\n  \u003ctitle\u003eMarkdown Fence\u003c/title\u003e\n  \u003cmeta keyword=\"\" /\u003e\n  \u003cmeta http-equiv=\"X-UA-Compatible\" content=\"IE=edge,chrome=1\" /\u003e\n  \u003cmeta name=\"description\" content=\"Markdown Fence\" /\u003e\n  \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n  \u003clink rel=\"stylesheet\" href=\"//cdn.jsdelivr.net/npm/docsify@4/themes/vue.css\" /\u003e\n+ \u003clink rel=\"stylesheet\" href=\"https://alislin.github.io/markdown-fence/css/fence.css\" /\u003e\n\u003c/head\u003e\n\n\u003cbody\u003e\n  \u003cdiv id=\"app\"\u003e\u003c/div\u003e\n+ \u003cscript src=\"https://alislin.github.io/markdown-fence/out/docsify/fence.js\"\u003e\u003c/script\u003e\n  \u003cscript\u003e\n    var num = 0;\n    window.$docsify = {\n      name: 'Markdown Fence',\n      repo: '',\n+     plugins:[fence]\n    }\n  \u003c/script\u003e\n  \u003cscript src=\"//cdn.jsdelivr.net/npm/docsify@4\"\u003e\u003c/script\u003e\n\u003c/body\u003e\n\n\u003c/html\u003e\n```\n\n\u003c!-- ## Obisdian 支持\n- [ ] 计划中 --\u003e\n\n\u003c!-- ## Marp 支持\n- [ ] 计划中 --\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falislin%2Fmarkdown-fence","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Falislin%2Fmarkdown-fence","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falislin%2Fmarkdown-fence/lists"}