Sphinx S6 サンプル

このスライドについて

このプレゼンテーションは

  • S6 (c) 2007 Cybozu Labs, Inc.
  • Sphinx
  • S6 Sphinxテーマ

で作成した、Sphinx S6テーマ利用サンプルです。

インストール方法

インストール

$ pip install sphinxjp.themes.s6

conf.py 設定

extensions = ['sphinxjp.themes.s6']
html_theme = 's6'

スライド表示の例

  • 箇条書き
    1. 番号付き箇条書き
    2. http://sphinx-users.jp/

  • 強調 , エモーション

  • リテラル , リテラル

  • command

スライド切替エフェクト

種類

  • スライド: 横にslide
  • フェード: fade
  • フェード2: fadeScale
  • 上からフェード: fadeScaleFromUp
  • 拡大: fadeScaleFromUpTransparent

エフェクト : スライド

右から左にスライドインします

.. s6:: effect slide

エフェクト : フェード

フェードイン・フェードアウトで切り替えます（デフォルト動作）

.. s6:: effect fade

エフェクト : 縮小フェードアウト

現在のスライドを縮小アニメーションして次のスライドに切り替えます

.. s6:: effect fadeScale

エフェクト : 縮小フェードイン

次のスライドを縮小アニメーションしながら表示します

.. s6:: effect fadeScaleFromUp

拡大エフェクト

次のスライドを 半透明 縮小アニメーションしながら表示します

.. s6:: effect fadeScaleFromUpTransparent

アクション

スライド内でエレメントを動かすアクションの種類

  • fade: fade in
  • move: 移動
  • scale: 拡大縮小

アクション : フェードイン

対象のエレメントを複数回に分けてフェードイン表示します。

  • 箇条書きの文章１
  • 箇条書きの文章２
  • 箇条書きの文章３

アクション : 移動

対象のエレメントを移動させながら表示したり非表示にしたりします。

  • 箇条書きの文章１
  • 箇条書きの文章２
  • 箇条書きの文章３

センタリング

画像をレイアウトする例

  • コミュニティー:
    • Python, Sphinx
  • 言語:
    • Python, reStructuredText
_images/sphinxusers.jpg

Textと画像のレイアウト例

Sphinxのサンプル
=================

Sphinxとは何か？
-----------------
* ドキュメント生成のツール
* reStructuredText記法(Wikiっぽい?
* ページ間のリンクを自動生成
* 強力なコードハイライト
* HTML, PDF, ePub, htmlhelp, latex, man...
_images/sphinx-sample.jpg