7

Bạn có thể dễ dàng tạo các bản trình bày đơn giản, tương tác, đơn giản bằng cách viết chúng trong Markdown (quay lại HTML bất cứ khi nào cần) với các điểm đánh dấu đặc biệt tách các slide riêng lẻ và sử dụng JavaScript để hiển thị nó thành bản trình bày HTML tương tác. Bây giờ chúng tôi sẽ xem xét một vài công cụ có thể giúp bạn với điều đó. Ứng dụng yêu thích của tôi là Reveal.js gần đây đã nhận được hỗ trợ ngoài luồng cho các bài thuyết trình Markdown đầy đủ.

Khung trình bày

Reveal.js

  • Reveal.js tại GitHub , bản demo trực tiếp giới thiệu nhiều tính năng của nó
  • Phổ biến, đẹp, nhiều khả năng
  • Xuất PDF, ghi chú của người nói (hiển thị theo yêu cầu hoặc trên thiết bị khác qua node.js)
  • Bản trình bày bằng HTML nhưng các trang chiếu riêng lẻ có thể chứa Markdown (điều này sẽ dẫn đến một số trang trình bày dọc và / hoặc ngang):
    <section data-markdown>
        <script type="text/template">
            Markdown body of a slide here ...
        </script>
    </section>
  • Ngoài ra, toàn bộ bản trình bày có thể được tải từ tệp Markdown :
    <section data-markdown="/my_presentation.md" data-separator="^\n---\n" data-vertical="^\n\n">
         Markdown body of a slide here ...
    </section>
    • Chú ý: Cả tệp index.html và tệp .md phải được phục vụ bởi cùng một máy chủ HTTP do các giới hạn bảo mật; một cái đơn giản có khả năng có sẵn trên máy của bạn làpython -m SimpleHTTPServer
    • Hai thuộc tính khác là tùy chọn. ---có nguồn gốc bởi các dòng trống là dấu phân cách mặc định cho các trang chiếu ngang (không dành cho các trang dọc).
  • Mã cú pháp higlighting thông qua highlight.js
  • Chế độ tổng quan (tổng quan trên tất cả các trang chiếu)
  • Bạn cũng có thể tạo và chia sẻ bản trình bày Reveal.js trực tuyến qua rvl.io

boong.js

  • Deck.js : Thư viện JavaScript để xây dựng các bản trình bày HTML hiện đại
  • Markdown được hỗ trợ trong các slide với phần mở rộng Deck.js-markdown
  • Tương tự như Reveal.js, bản trình bày vẫn là HTML <section>...</section>nhưng nội dung slide có thể là Markdown

MarkdownPresenter

  • MarkdownPresenter tại GitHub
  • tối giản, ít tuổi
  • sử dụng showdown.js để chuyển đổi tài liệu Markdown tiêu chuẩn thành HTML
  • slide ngăn cách bởi! bao quanh bởi những hàng trống
  • di chuyển xung quanh với <-, -> và tải lại nó (nằm trên cùng một slide) với một khoảng trắng (hữu ích trong khi viết)

Trượt xuống

  • Liên quan đến các khung công tác dựa trên JS khác, công cụ này được viết bằng Ruby và HTML trình bày phải được tạo từ Markdown ngoại tuyến
  • Tạo các trang trình bày cú pháp từ Markdown
  • Trình bày slide của slidedown
  • trượt tại GitHub
  • toàn bộ bài thuyết trình trong Markdown, các slide được phân tách bằng !SLIDE
  • tô sáng cú pháp (đặt mã của bạn giữa @@@ ruby@@@)
  • cam kết cuối tháng 2 năm 2012

Công cụ

Showdown.js: Đánh dấu xuống HTML thông qua JS

Trang dươi

  • PageDown là trình xem trước Markdown JavaScript được sử dụng tại Stack Overflow - kết xuất Markdown thành HTML
  • có thể sử dụng ở phía máy khách hoặc máy chủ (với node.js)
  • dựa trên một nhánh của showdown.js
  • không hỗ trợ cho việc trình bày nhưng nó có thể dễ dàng được mở rộng thông qua các móc của nó

Highlight.js: Làm nổi bật mã nguồn tự động

  • Trang chủ
  • Nó hoạt động tự động: tìm các khối mã, phát hiện một ngôn ngữ, làm nổi bật nó
  • 2/2013: 54 ngôn ngữ, đi kèm với 26 chủ đề phong cách

Các nguồn lực khác

|