Landslide は、マークダウン、ReST、またはテキスタイルを使用してスライドショーを生成します。これは、Google の html5slides テンプレートから構築されています。
次のマークダウンにより、このスライドショーが作成されます。
# Landslide
---
# Overview
Generate HTML5 slideshows from markdown, ReST, or textile.
![python](http://i.imgur.com/bc2xk.png)
Landslide is primarily written in Python, but it's themes use:
- HTML5
- Javascript
- CSS
---
# Code Sample
Landslide supports code snippets
!python
def log(self, message, level='notice'):
if self.logger and not callable(self.logger):
raise ValueError(u"Invalid logger set, must be a callable")
if self.verbose and self.logger:
self.logger(message, level)
python
と次のモジュール:
jinja2
pygments
markdown
docutils
textile
用テキスタイル-w
フラグを使用した監視/自動再生用のwatchdog
pip
のような Python パッケージ マネージャーを使用して、Landslide の最新の安定バージョンをインストールします。
$ pip install landslide
最先端の状況を維持したい場合は、次のようにします。
$ git clone https://github.com/adamzap/landslide.git
$ cd landslide
$ python setup.py build
$ sudo python setup.py install
.md
、 .markdn
、 .mdwn
、 .mdown
、または.markdown
である必要があります。h1
要素をレンダリングします (例: # My Title
)---
) で区切ります。h1
要素にレンダリングされる見出しが必要です。!lang
( lang
は pygment でサポートされている言語識別子) を入力します。.rst
または.rest
を付ける必要があります ( .txt
はサポートされていません)。----
) を使用してスライドを区切ります。---
使用してスライドを区切ります。 landslide slides.md
またはlandslide slides.rst
を実行します。presentation.html
をお楽しみください。または、Prince がシステムにインストールされており利用可能な場合は、PDF ドキュメントとして取得します。
$ landslide README.md -d readme.pdf
$ open readme.pdf
h
を押してヘルプの表示を切り替えますleft arrow
とright arrow
押して移動しますt
押して、プレゼンテーションの目次を切り替えます。スライドのタイトルはリンクですESC
押してプレゼンテーションの概要を表示します (Exposé)n
を押してスライド番号の表示を切り替えますb
を押して画面のブランキングを切り替えますc
を押して、現在のスライドのコンテキスト (前のスライドと次のスライド) を切り替えます。e
を押すと、文書本文内の利用可能なスペース全体を埋めるスライドが作成されます。S
を押すと、各スライドのソース ファイルへのリンクの表示が切り替わります。コマンドラインを使用していくつかのオプションを使用できます。
-h, --help show this help message and exit
-c, --copy-theme Copy theme directory into current presentation source
directory
-b, --debug Will display any exception trace to stdin
-d FILE, --destination=FILE
The path to the to the destination file: .html or .pdf
extensions allowed (default: presentation.html)
-e ENCODING, --encoding=ENCODING
The encoding of your files (defaults to utf8)
-i, --embed Embed stylesheet and javascript contents,
base64-encoded images in presentation to make a
standalone document
-l LINENOS, --linenos=LINENOS
How to output linenos in source code. Three options
availables: no (no line numbers); inline (inside
tag); table (lines numbers in another cell, copy-paste
friendly)
-o, --direct-output Prints the generated HTML code to stdout; won't work
with PDF export
-q, --quiet Won't write anything to stdout (silent mode)
-r, --relative Make your presentation asset links relative to current
pwd; This may be useful if you intend to publish your
html presentation online.
-t THEME, --theme=THEME
A theme name, or path to a landlside theme directory
-v, --verbose Write informational messages to stdin (enabled by
default)
-w, --watch Watch the source directory for changes and
auto-regenerate the presentation
-x EXTENSIONS, --extensions=EXTENSIONS
Comma-separated list of extensions for Markdown
-m, --math-output Enable mathematical output using mathjax
Landslide では、 cfg
構成ファイルを使用してプレゼンテーションを構成できるため、ソース ディレクトリの集約とプレゼンテーション間での再利用が容易になります。 Landslide 構成ファイルはcfg
構文を使用します。 ini
ファイルを知っている場合は、イメージがわかります。以下は設定ファイルの例です。
[landslide]
theme = /path/to/my/beautiful/theme
source = 0_my_first_slides.md
a_directory
another_directory
now_a_slide.markdown
another_one.rst
destination = myWonderfulPresentation.html
css = my_first_stylesheet.css
my_other_stylesheet.css
js = jquery.js
my_fancy_javascript.js
relative = True
linenos = inline
[landslide]
セクションを申告することを忘れないでください。すべての構成ファイルは .cfg 拡張子で終わる必要があります。
設定どおりにプレゼンテーションを生成するには、次を実行するだけです。
$ cd /path/to/my/presentation/sources
$ landslide config.cfg
マクロを使用してプレゼンテーションを強化できます。
.notes:
キーワードを使用してスライドにメモを追加します。例:
# My Slide Title
.notes: These are my notes, hidden by default
My visible content goes here
2
キーを押すとノートの表示を切り替えることができます。
他のいくつかのマクロもデフォルトで使用できます。 スライドのコンテンツに「発表者ノート」という見出しを付けて、各スライドに発表者ノートを追加することもできます。 「p」キーを押してプレゼンター ビューを開きます。 マクロは、スライドの HTML コンテンツを変換するために使用されます。 独自のマクロを登録するには、 plop これにより、以下のようにスライドがレンダリングされます。 利用可能な Markdown 拡張機能については、こちらのドキュメントを参照してください。 Landslide テーマは、次の単純な構造に従ったディレクトリです。 テーマで HTML および JS ファイルが提供されていない場合は、デフォルトのテーマのファイルが使用されます。 CSS はオプションではありません。 最後に、 独自のテーマをわざわざ作成したくない場合は、生成されたプレゼンテーションに独自のユーザー CSS および JS ファイルを含めることができます。 この機能は、 これらは、 注: css および js ファイルへのパスは、 HTML プレゼンテーションをオンラインで公開する場合は、プレゼンテーションのルートを基準にしてすべてのアセット リンクを設定するには、 そうすれば、プレゼンテーション ディレクトリ全体を Web サーバーにホストするだけで済みます。もちろん、圧倒的なプレゼンテーションをホストするには、Python も PHP も、HTTP Web サーバー (Nginx など) 以外は必要ありません。 https://github.com/adamzap/landslide/contributors を参照してください。.fx: foo bar
対応するスライドのfoo
とbar
クラスを追加し、CSS を使用したプレゼンテーションのスタイルを容易にします。 QRコード
.qr
キーワードを使用して、プレゼンテーションに QR コードを追加します。
.qr: 450|http://github.com/adamzap/landslide
発表者メモ
マクロの登録
landslide.macro.Macro
派生クラスを作成し、 process(content, source=None)
メソッドを実装し、変更されたコンテンツとスライドに追加するいくつかの CSS クラスを含むタプルを返します
!python
import landslide
class MyMacro(landslide.Macro):
def process(self, content, source=None):
return content + '
!html
高度な使用法
カスタム宛先ファイルの設定
$ landslide slides.md -d ~/MyPresentations/presentation.html
ディレクトリの操作
$ landslide slides/
直接出力の操作
$ landslide slides.md -o | tidy
代替地滑りテーマの使用
$ landslide slides.md -t mytheme
$ landslide slides.md -t /path/to/theme/dir
Base-64 でエンコードされた画像の埋め込み
$ landslide slides.md -i
PDF へのエクスポート
$ landslide slides.md -d presentation.pdf
数学的表記を有効にする
Note that this require writing the slides in ReST format as well as
using Docutils 0.8 or newer.
$ landslide slides.rst -m
Markdown 拡張機能の有効化
$ landslide slides.md -x abbr
テーマ設定
mytheme/
|-- base.html
|-- css
| |-- print.css
| `-- screen.css
`-- js
`-- slides.js
--copy-theme
オプションをlandslide
コマンドに渡すことで、テーマ ディレクトリ全体をプレゼンテーションにコピーすることもできます。
$ landslide slides.md -t /path/to/some/theme --copy-theme
ユーザースタイルシートとJavaScript
css
フラグやjs
フラグを設定することによって、地滑り設定ファイルを使用する場合にのみ使用できます。
[landslide]
theme = /path/to/my/beautiful/theme
source = slides.mdown
css = custom.css
js = jquery.js
powerpoint.js
custom.css
スタイルシートと、プレゼンテーション HTML ファイルのセクション内の
jquery.js
ファイルとpowerpoint.js
ファイルの両方をリンクします。landslide
コマンドを実行しているディレクトリからの相対パスである必要があります。 プレゼンテーションをオンラインで公開する
--copy-theme
オプションと同様に--relative
オプションを使用する必要があります。
$ landslide slides.md --relative --copy-theme
テーマ変数
base.html
次のテンプレート変数を利用できる Jinja2 テンプレート ファイルである必要があります。css
: スタイルシートの内容。 print
とscreen
2 つのキーで使用できます。どちらも次のとおりです。path_url
キーcontents
キーjs
: 以下を含む JavaScript コンテンツ:path_url
キーcontents
キーslides
: スライドのリスト。各スライドには次のプロパティがあります。header
: スライドのタイトルcontent
: スライドの内容number
: スライド番号embed
: 現在のドキュメントはスタンドアロンですか?num_slides
: 現在のプレゼンテーションのスライドの数toc
: ドキュメントのセクションをリストした目次。各セクションでは次のプロパティを使用できます。title
: セクションのタイトルnumber
: セクションのスライド番号sub
: サブセクション (存在する場合) スタイルのスコープ
css/screen.css
スタイルシートを調整します。css/print.css
を変更します。 著者
原作者および開発リーダー
共著者
貢献者
基本テンプレートの作成者と寄稿者 (html5 スライド)