Skip to content

marpを使用したスライドのウェブ公開用のテンプレート

Notifications You must be signed in to change notification settings

tawachan/slides-template

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

slides-templateの概要

marp-cliを利用して、markdownで書かれたスライドをウェブに後悔するためのテンプレートです。

参照:https://github.com/marp-team/marp-cli

デプロイ先にはfirebaseの利用しており、それを前提としたscriptが書かれています。

もし別の環境にデプロイする場合は、適宜変更してください。

使い方

markdownの編集

  • ./baseディレクトリ内に配置されたmarkdownファイルを基にスライドを表示するhtmlを./published配下に生成します。
  • そのため、編集は基本的に./base配下に編集したmarkdownファイルを配置してください。
  • 記法はmarpに則ってください。

デプロイの仕方

package.jsonのscriptに用意していますが、適宜変更してください。

node_modulesの取得

yarn install

firebaseの初期化

firebaseにデプロイする場合は、ご自身のプロジェクトと紐付けてください。

firebase init

firebase hostingへのデプロイ

scriptは色々用意していますが、以下だけ実行すればビルドとデプロイの両者が実行されます。

yarn deploy

この際行われる処理は以下の通りです

  • markdownをhtmlへ変換
  • markdownをjpgに変換(1枚目のみ、OGP用)
  • published配下にコピー

About

marpを使用したスライドのウェブ公開用のテンプレート

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published