Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

awesome-marp-template

An ultimate Marp template for your awesome presentation!
https://github.com/ykicchan/awesome-marp-template

Last synced: 2 days ago
JSON representation

🎉 使い方
- 0. リポジトリの作成
  - テンプレートからリポジトリを作成する
  - ドキュメント
- 4. スライドの編集・確認
- 1. リポジトリのセットアップ
  - スクリプト内の `sed` コマンド
🙌 Marp をもっと楽しむ 🙌
- テーマのカスタマイズ
  - Tailwind CSS
- Markdown 拡張構文の利用
- 4. スライドの編集・確認
  - Marpit
  - Marp CLI - team/marp-cli?tab=readme-ov-file#engine) 機能を使って、Markdown の構文を拡張することも可能です。
Right column
- `{name=filename}` でコードブロックにファイル名を表示する
- アラートデザインを使用する
- Use Alert Design
- Display a filename in a code block with `{name=filename}`
🚀 Features
- GitHubPages
- GitHubPages
✅ 必須要件
- Node.js
- pnpm
- nodenv
🎉 Getting Started
- 0. Create a repository from the template
- 1. Repository Setup
  - sed command in the script
- 4. Edit and Preview the Slide
  - Engine - team/marp-cli).
  - `marp-vscode`
  - @marp-team/marp-vscode/issues/85#issuecomment-543798586
🙌 Enjoy Marp even more! 🙌
- 4. Edit and Preview the Slide
  - Engine - team/marp-cli).
  - Marpit
- Using Markdown Extended Syntax
- Customizing the Theme
  - `markdown-it-prism`
✅ Requirements
- pnpm
- nodenv
✨究極の Marp スライド作成術✨
- `==` と `{.class}` で特定の文字列のみ装飾する
  - `markdown-it-mark`
- `{.class}` で CSS クラスの付与
  - `markdown-it-attrs`
✨The Ultimate Marp Slide Creation Technique ✨
- Using Markdown Extended Syntax
  - demo slides

Programming Languages

JavaScript 12 TypeScript 6 Shell 2 CSS 1

Categories

Right column 14 🙌 Enjoy Marp even more! 🙌 9 🙌 Marp をもっと楽しむ 🙌 8 🎉 Getting Started 8 🎉 使い方 6 ✅ 必須要件 3 ✅ Requirements 2 🚀 Features 2 ✨究極の Marp スライド作成術✨ 2 ✨The Ultimate Marp Slide Creation Technique ✨ 1

Sub Categories

Using Markdown Extended Syntax 7 4. Edit and Preview the Slide 5 Markdown 拡張構文の利用 5 4. スライドの編集・確認 5 Use Alert Design 4 0. Create a repository from the template 4 Display a filename in a code block with `{name=filename}` 4 `{name=filename}` でコードブロックにファイル名を表示する 3 アラートデザインを使用する 3 0. リポジトリの作成 2 `{.class}` で CSS クラスの付与 1 テーマのカスタマイズ 1 `==` と `{.class}` で特定の文字列のみ装飾する 1 1. リポジトリのセットアップ 1 1. Repository Setup 1 Customizing the Theme 1

Keywords

markdown 9 marp 5 markdown-it 4 presentation 3 mermaidjs 2 plantuml 2 textual-uml 2 uml 2 uml-diagram 2 uml-parser 2 node 2 nodejs 2 nodenv 2 shell 2 version-manager 2 visual-studio-code 2 vscode 2 vscode-extension 2 commonmark 2 javascript 2 cli 2 deck 2 marpit 2 slides 2 code-highlight 2 prismjs 2 template 1 slide 1