スライドの作成(PPT /基調講演)は誰にとっても頭痛の種であり、通常は長い時間がかかります。そうです、優れたスライドと豪華な特殊効果の作成には時間と労力が必要ですが、誰もが会議を開発したり、誰もが講演したりする必要はないため、スライドは特定の状況に適しています。まあ、過度のデザインや特殊効果を追求する必要はありません。
Markdownを使用してスライドを作成する複雑なデザインを放棄すると、別のオプションが提供され、シンプルで効率的な作成方法がますます多くの人々に愛されます。
以下では、Markdown形式のコンテンツをスライドショーにレンダリングし、PDF形式にエクスポートできるツールを紹介します。このツールは、高度な設計を必要とせず、高速のスライド制作を必要とするシナリオに適しています。
Marpの概要
MarpはElectronに基づいて開発されたオープンソースツールです。GithubスタイルのMarkdownを使用してスライドを作成できます。
公式サイト:
Marpの主な機能:
- オープンソース、無料で使いやすい。
- Markdownを使用したスライドの作成をサポートします。
- クロスプラットフォーム、Windows / macOS / Linuxプラットフォームをサポート。
- リアルタイムのプレビューをサポートし、3つのモードがあります:マークダウン、1:1スライド、スライドリスト。
- 2つのテーマ(デフォルトとガイアのテーマ)をサポートします。
- サポートテーブル、顔文字、数式、背景画像。
- PDFへのスライドのエクスポートをサポートします。
- 指示を通じてスライドの表示効果を変更するためのサポート。
- スライドのサイズを調整するための複数の指示をサポートします。
- 表示ページ番号とフッターをサポートします。
Marpの欠点:
- マークダウンとスライドリストのプレビューモードは、左と右の同時スライドをサポートしていません。
- 1:1スライドプレビューモードは、スライドを切り替えるための上下キーをサポートしていません。
- To-Doアイテムはサポートしていません。
- スライドへのレンダリングのみをサポートしますが、直接表示することはできません(結局のところ、v0.0.11のみです)。
Marpを使い始める前に、2つの概念を知っておく必要があります。
1. MarpがサポートするMarkdown構文は何ですか?
MarpはGithubスタイルのMarkdown書き込みを使用するため、標準のMarkown文法に加えて、Githubの拡張構文の一部もMarpに適用できます。
2. Marpの指示はどういう意味ですか?
Marpは、特定のコマンドを使用してスライドショーの効果を調整できます。コマンドの形式は次のとおりです。 <!-- {指令名}: {值} -->
など:
<!-- page_number: true -->
複数の命令は次のように書くことができます:
<!-- page_number: true -->
<!-- $size: 16:9 -->
次のように書くこともできます:
<!--
page_number: true
$size: 16:9
-->
クイックスタート
ダウンロードしてインストール
ステップ➊:公式Webサイトhttps://yhatt.github.io/marp/にアクセスして、対応するプラットフォームのMarpインストールパッケージをダウンロードします。
ステップMar:Marpをインストールして実行する
- Windows:インストールパッケージを解凍した後に実行します
Marp.exe
- Linux:インストールパッケージを解凍した後に実行します
Marp
- macOS:通常のインストールと操作
あなたはMacOSのを使用している場合は、コマンドを直接使用することができます
brew cask install marp
(ネットワークが良好であれば)多くのステップを排除し、キーのインストールに。
インターフェースの概要
Marpを開くと、下の図に示すように、空の編集インターフェイスが表示されます。インターフェイスは非常に明確で簡潔であり、機能が多すぎません。
Marpのインターフェースの概要:
- Marpのインターフェースは一般的なMarkdownエディターと非常によく似ており、左側に編集領域があり、右側に効果のプレビューがあります。
- 左から右へのプレビューモード:マークダウン、1:1スライド、スライドリスト。
- マークダウンモードは、通常のマークダウン効果のプレビューです。
- 1:1スライドモードでは、左側のソースコード内のカーソルの位置に応じてスライド効果が表示されます。
- スライドリストモードは、レンダリングされたスライドリストを表示します。これは、スライドして参照できます。
- ページ番号は、現在のカーソル位置にあるページ数/総ページ数を表示します。
デモ
以下では、簡単な例を使用して、スライドを作成する基本的な機能を示します。
<!-- page_number: true -->
# 毕小烦简介
超过 8 年互联网相关工作经验,CSDN 博客专家,百度阅读畅销书作者。
---
<!-- page_number: true -->
# 联系方式
- 新浪微博:http://weibo.com/wirelessqa
- 微信公众号:**wirelessqa**
# ![公众号](./imgs/weixin.jpg)
---
# 作品列表
- [《AndroidStudio实用指南》](https://yuedu.baidu.com/ebook/31beb61a9b6648d7c1c746e8)
- [《互联网写作工具一本通》](https://yuedu.baidu.com/ebook/f2ec7e699a6648d7c1c708a1284ac850ad020418)
レンダリング効果
マークダウンプレビューモード:
1:1スライドプレビューモード:
スライドリストのプレビューモード:
簡単な構文分析:
取らこの記事は「Markdownの実践ガイド」著者:バイ少し問題