{"id":13423933,"url":"https://github.com/1-2-3/remark-it","last_synced_at":"2025-03-15T17:32:42.348Z","repository":{"id":124520210,"uuid":"231044247","full_name":"1-2-3/remark-it","owner":"1-2-3","description":"markdown -\u003e slideshow ——Write PPT like a programmer","archived":false,"fork":false,"pushed_at":"2023-10-06T04:44:30.000Z","size":13585,"stargazers_count":164,"open_issues_count":5,"forks_count":51,"subscribers_count":5,"default_branch":"master","last_synced_at":"2024-10-26T23:13:03.027Z","etag":null,"topics":["css","html-slide-template","markdown-html-remarkjs","remarkjs"],"latest_commit_sha":null,"homepage":"https://1-2-3.github.io/remark-it/","language":"CSS","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/1-2-3.png","metadata":{"files":{"readme":"README-en_US.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2019-12-31T07:07:18.000Z","updated_at":"2024-09-13T20:31:57.000Z","dependencies_parsed_at":null,"dependency_job_id":"f1f50171-a859-4089-9b02-3634af9a700a","html_url":"https://github.com/1-2-3/remark-it","commit_stats":null,"previous_names":[],"tags_count":39,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/1-2-3%2Fremark-it","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/1-2-3%2Fremark-it/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/1-2-3%2Fremark-it/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/1-2-3%2Fremark-it/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/1-2-3","download_url":"https://codeload.github.com/1-2-3/remark-it/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243767579,"owners_count":20344945,"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":["css","html-slide-template","markdown-html-remarkjs","remarkjs"],"created_at":"2024-07-31T00:00:45.192Z","updated_at":"2025-03-15T17:32:38.665Z","avatar_url":"https://github.com/1-2-3.png","language":"CSS","funding_links":[],"categories":["CSS"],"sub_categories":[],"readme":"# remark-it\n\nmarkdown / html slideshow template, powered by remarkjs.\n\nEnglish | [简体中文](README.md)\n\n## Demo\n\n[中文 Demo](https://remark-it.now.sh)\n\n[English Demo](https://remark-it.now.sh/index-en_US.html)\n\n## Why should you choose remark-it\n\n- **Support for direct use of SVG images.** When we need to insert flow chart or architecture diagram, use [visio](https://www.microsoft.com/zh-cn/microsoft-365/visio/flowchart-software/) or [drawio](https://github.com/jgraph/drawio) this kind of professional drawing software is more effective. Unfortunately, until 2020, PPT doesn't even support inserting SVG images. If we need to insert images produced by [visio](https://www.microsoft.com/zh-cn/microsoft-365/visio/flowchart-software/) or [drawio](https://github.com/jgraph/drawio), we need export `PNG` images first,  when inserting into PPT, a little carelessness will cause the picture to be blurred. In fact, both Visio and Drawio support saving drawings to editable `SVG` format, which not only supports lossless scaling, but also allows you to directly open the `SVG` document for editing when changes are needed.\n\n- **Beautiful and consistent typography.** Powerpoint text boxes are so hard to use! Getting the right line spacing, bullet points, and indentation takes a lot of time, and it's hard to keep the layout consistent throughout the whole presentation.\n\n- **Write down your points directly by markdown.** Markdown allows us to write beautiful documents in very little time, and inserting code is very convenient. And drawing syntax of [Mermaid](https://github.com/knsv/mermaid) and  formula based on [MathJax](https://github.com/mathjax/MathJax) is supported.\n\n- **More version-friendly.** Since both the doc and the graphics (`SVG`is essentially an XML document) are textual, why not manage them with `Git`?\n\n- **Easy to share on the Internet**. When you need to share your slides, just upload it to [github](https://github.com/).\n\n## Why shouldn't you choose remark-it\n\n- Your company explicitly require templates in a specific format.\n\n- When you help your boss with the powerpoint presentation, he has to change it.\n\n- When the layout is particularly complex.\n\n- Special effects such as cut scenes are required.\n\n## Features\n\n- All resources support offline access\n- [Remarkjs](https://github.com/gnab/remark) Samples\n- English and Chinese typography, powered by [Typo.css](https://github.com/sofish/typo.css)\n- Multi-column layouts, powered by [Pure.css](https://github.com/pure-css/pure)\n- Dark ann light theme, powered by [Nord](https://github.com/arcticicestudio/nord)\n- 150 text and background colors, powered by [Open color](https://github.com/yeun/open-color)\n- Components powered by [Vue.js](https://cn.vuejs.org/index.html)\n- Markdown Diagrams powered by [Mermaid](https://github.com/knsv/mermaid)\n- Automatic mixing typesetting in both English and Chinese powered by [pangu.js](https://github.com/vinta/pangu.js)\n\n## Installation\n\nClone the whole project and edit index.html.\n\n## Usage\n\nDouble-click on index.html for a slide presentation.\n\n![](/screenshots/111.png)\n![](/screenshots/222.png)\n\n## License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F1-2-3%2Fremark-it","html_url":"https://awesome.ecosyste.ms/projects/github.com%2F1-2-3%2Fremark-it","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F1-2-3%2Fremark-it/lists"}