LinuxでHTMLスライドを作成する簡単なチュートリアル
見たところ得られたPPTは比較的低効率なもので、内容とスタイルが分離されていないため、スライドを作るときは半分の精力を内容ではなく外観に置かなければならない。複雑で膨大なファイルフォーマットは、Unixの純粋なテキスト哲学に合致せず、特定のGUIでマウス操作するのに適しており、テキストエディタで修正することはできず、テキストツールのスクリプトで処理することはさらに難しい。さらにマイクロソフトの彼の家のフォーマットが開放されていないことに加えて、各ルートのオープンソースのOffice製品は様々な程度の互換性を作り出し、非常に分裂しています。
したがって,Webというオープンで純粋にテキストベースの業界標準があることが重要である.
準備作業：Pandocのインストールまず、テキスト変換の神器Pandocをインストールする必要があります。http://johnmacfarlane.net/pandoc/installing.html
具体的なインストール方法については、ここでは説明しないドキュメントを参照してください。
コードのコピー内容を書く
内容はプレゼンテーションの主体です。PowerPointやOpenOffice Impressの「アウトライン」は、この本体を把握するためのビューです。これにより、著者はスライドの具体的な外観、レイアウトなどの表面化されたものを一時的に忘れ、スピーチ全体の論理的な流れと要綱の要領に集中することができる。
HTMLスライドを書くと、日常のメモのように簡単に書くことができます。実際、これらのスライド自体は軽量レベルのタグ言語で書かれた純粋なテキストであり、Pandocがサポートするタグ言語(Markdown、org-mode、reST、Textile......)を使ってその内容を書くことができます。ここではMarkdownを例に挙げます。% Nonsense Stuff
% John Doe
% March 22, 2005
# In the morning
## Getting up
- Turn off alarm- Get out of bed
## Breakfast
- Eat eggs## Going to sleep
- Get in bed
- Count sheep
格付けタイトル、リスト、挿入画像…などの標準的なMarkdown文法がサポートされており、通常のMarkdownノートでブログを書くのと変わらない。プレゼンテーション用の適切なHTMLドキュメントを生成するには、デフォルトでは各2段階のタイトルが独立したスライドであることを覚えておいてください。このように書くときは、各2級タイトルの下の内容を適切な長さに抑えることに注意しなければならない。
リストの表示効果は人為的に設定することができ、例えばスライドショーの時に逐条漸入し、後述する。$を使用してTeX式を挿入することもできます。Pandocは、ほとんどの現代ブラウザでサポートされているMathMLに変換したり、MathJaxを使用して古いブラウザに表示したりすることができます。現在Pandocには、5つのHTMLスライドフレームワークのサポートが含まれています。
DZSlides
SlidySlideous
reveal.jsコードのコピー
$ pandoc slides.md -o slides.html
ラベルと各種メタ情報):
コードのコピーもちろん、Pandocが複数のスライドテンプレートをサポートしているため、独自のHTMLテンプレートを書く必要はありません。DZSlidesはその中で最も簡単なもので、キーボード操作→/←ページをめくること、PgUp/PgDn、Home/Endをサポートしています。
Pandocが生成したDZSlidesスライドには、外部ファイルに依存することなく、必要なCSSとJavaScriptが含まれています。
デフォルトテンプレートを使用して、DZSlidesスライドを個別にレンダリングします。
コードのコピーコードのコピー
$ pandoc slides.md -o slides.html -t dzslides --template default.dzslides
Slidy
HTML SlidyはW 3 Cが開発した極簡主義HTMLスライドテンプレートで、余分なスタイルはなく、マウスクリックでページをめくること、キーボード操作→/←、PgUp/PgDn、Home/Endをサポートしています。
既定のテンプレートを使用して、独立したSlidyスライドをレンダリングします。$ pandoc slides.md -o slides.html -t slidy -s
またはカスタムテンプレートを指定します。$ pandoc slides.md -o slides.html -t slidy --template default.slidy
S5S 5をスライドフレームとして使用するためには、ここからS 5をダウンロードする必要がある。解凍後、S 5フォルダのui/defaultをスライドのあるパスにコピーし、s 5/defaultと名前を変更すればよい。
スライドのレンダリング:コードのコピー
$ pandoc slides.md -o slides.html -t s5 -sダウンロードhttp://goessner.net/download/prj/slideous/slideous.jsおよびhttp://goessner.net/download/prj/slideous/slideous.cssこの2つのファイルは、ローカルディレクトリslideous/の下に置けばいいです。
スライドのレンダリング:$ pandoc slides.md -o slides.html -t slideous -s
reveal.js
reveal.jsというものはもう赤くならないほど赤くなって、最近火をつけ始めたWYSIWYGオンラインスライドツールslid.Esもそれに基づいている。
reveal.jsのデザインスタイル(フォント、HTML 5/CSS 3効果)は前のフレームワークよりも現代的なので、特別な理由(旧ブラウザ互換性)がなければreveal.jsはやはり一番お勧めの1つです。
といってもjs自体はMarkdown構文のサポートを提供していますが、Pandocのメリットは明らかです。それは、ユーザーがHTMLに触れる必要がないコマンドで問題を解決することです。まずGitHubから取得する必要がありますhttps://github.com/hakimel/reveal.js、reveal.jsと同じ名前のフォルダをスライドのディレクトリの下に置けばいいです。
コードのコピースライドのレンダリング:
コードのコピー
$ pandoc slides.md -o slides.html -t revealjs -sデフォルトの外観トピック以外はreveal.jsはまた、複数のトピックを選択できます。
コードのコピーdefault:(デフォルト)濃いグレーの背景、白い文字
beige:ベージュ背景、濃い文字serif:薄い背景、灰色のセリフ文字
シンプル:白い背景、黒い文字
solarized:クリーム色の背景、濃い青色の文字 LaTeX Beamer最後に、HTMLではありませんが、PandocはMarkdownファイルをLaTeX beamerスタイルのPDFスライドにレンダリングするためにも使用できます。プレゼンテーションではなく印刷が必要な場合に特に役立ちます。
コードのコピー
## Getting up
ソース元URL：https://dopubox.com/article/p/c09cda415f5f7852