-
Markdown
Auriza Akbar2019
Ilmu Komputer IPB
1
-
Motivasi
-
Mengapa Markdown?
• mengurangi markup• mudah ditulis dan dibaca• file teks biasa (.md)• dapat dikonversi ke format lain
2
-
Populer
• GitHub• Moodle (LMS)• StackOverflow• WordPress• . . .
3
-
Sintaks
-
Metadata1
---title: Markdownauthor: Auriza Akbardate: 2019---
1lihat https://pandoc.org/MANUAL.html#metadata-variables
4
https://pandoc.org/MANUAL.html#metadata-variables
-
Paragraf
Antar-paragraf dipisahkan dengan satu baris kosong.
Gunakan *non-breaking space* untuk spasi yang tidakboleh dipisah berbeda baris, misalnya 1\ 600\ 000.
Antar-paragraf dipisahkan dengan satu baris kosong.
Gunakan non-breaking space untuk spasi yang tidak boleh dipisahberbeda baris, misalnya 1 600 000.
5
-
Paragraf
\␣ non-breaking space\ line-break
-- en-dash, –--- em-dash, —... ellipsis, . . .
6
-
Format Teks
*emphasis* emphasis**strong** strong emphasis
`code` inline code~~strike~~ strikethrough
7
-
Header
# Header 1
## Header 2
### Header 3
#### Header 4
##### Header 5
###### Header 6
8
-
Kutipan
> There are six levels of knowledge:>> 1. excellence in asking questions,> 2. excellence in paying attention and listening,> 3. excellence in understanding, ...
There are six levels of knowledge:1. excellence in asking questions,2. excellence in paying attention and listening,3. excellence in understanding,4. memorizing,5. teaching, and6. implementing it and appreciating its boundaries.
9
-
Kode Program
```cint main() {
printf("Hello world!\n");return 0;
}```
int main() {printf("Hello world!\n");return 0;
}
10
-
Highlight Bahasa Pemrograman
abc actionscript ada agda alertindent apache asn1 asp ats awk bash bibtexboo c changelog clojure cmake coffee coldfusion commonlisp cpp cs csscurry d default diff djangotemplate dockerfile dot doxygen doxygenlua dtdeiffel elixir email erlang fasm fortran fsharp gcc glsl gnuassembler gohamlet haskell haxe html idris ini isocpp j java javadoc javascript json jspjulia kotlin latex lex lilypond literatecurry literatehaskell llvm lua m4makefile mandoc markdown mathematica matlab maxima mediawikimetafont mips modelines modula2 modula3 monobasic nasm nowebobjectivec objectivecpp ocaml octave opencl pascal perl php pikepostscript povray powershell prolog protobuf pure purebasic python rrelaxng relaxngcompact rest rhtml roff ruby rust scala scheme sci sed sgmlsml sql sqlmysql sqlpostgresql tcl tcsh texinfo typescript verilog vhdl xmlxorg xslt xul yacc yaml zsh
11
-
List
- satu- dua- tiga
• satu• dua• tiga
12
-
List Urutan
1. satu2. dua3. tiga
1. satu2. dua3. tiga
13
-
List Bersarang
1. satu- indentasi- empat spasi
2. dua3. tiga
1. satu• indentasi• empat spasi
2. dua3. tiga
14
-
List Definisi
awkward: causing difficulty; hard to do or deal with.
goggle: look with wide open eyes.
awkward causing difficulty; hard to do or deal with.goggle look with wide open eyes.
15
-
Tautan
OtomatisKunjungi atau email ke.
Kunjungi https://cs.ipb.ac.id atau email ke [email protected].
InlineKunjungi [Ilkom IPB](https://cs.ipb.ac.id) ataukirim [email](mailto:[email protected]).
Kunjungi Ilkom IPB atau kirim email.
16
https://cs.ipb.ac.idmailto:[email protected]://cs.ipb.ac.idmailto:[email protected]
-
Tautan
ReferensiKunjungi [Ilkom IPB] atau kirim [email].
[ilkom ipb]: https://cs.ipb.ac.id[email]: mailto:[email protected]
Kunjungi Ilkom IPB atau kirim email.
17
https://cs.ipb.ac.idmailto:[email protected]
-
Catatan Kaki
Dibimbing oleh Dr Heru Sukoco[^hrs] danDr Sugi Guritman[^sgn].
[^hrs]: Departemen Ilmu Komputer IPB[^sgn]: Departemen Matematika IPB
Dibimbing oleh Dr Heru Sukoco2 dan Dr Sugi Guritman3.
2Departemen Ilmu Komputer IPB3Departemen Matematika IPB
18
-
Gambar
Proyeksi Peirce dapat dilihat pada Gambar \ref{map}.
![Proyeksi Peirce.](map.jpg){#map width=60%}
19
-
Gambar
Proyeksi Peirce dapat dilihat pada Gambar 1.
Gambar 1: Proyeksi Peirce. 20
-
Tabel
Table: Nilai Penkom.
NIM Nama Nilai----- ------ ------001 Hanif 70002 Sarah 80003 Ahmad 100
Tabel 1: Nilai Penkom.
NIM Nama Nilai
001 Hanif 70002 Sarah 80003 Ahmad 100
21
-
Tabel Pipa
Table: Nilai Penkom.
NIM | Nama | Nilai:---:|:------|-----:001 | Hanif | 70002 | Sarah | 80003 | Ahmad | 100
Tabel 2: Nilai Penkom.
NIM Nama Nilai
001 Hanif 70002 Sarah 80003 Ahmad 100
22
-
Persamaan Matematika
Untuk menulis persamaan, sama dengan LaTeX. Misalpersamaan *inline* $x^2 + y^2 = 0$, atau persamaan*displayed*:
$$ \sum_{i=0}^n A_i $$
Untuk menulis persamaan, sama dengan LaTeX. Misal persamaaninline x2 + y2 = 0, atau persamaan displayed:
n∑i=0
Ai
23
-
Persamaan Matematika
Untuk persamaan bernomor, langsung dengan sintaksLaTeX:
\begin{equation}e^{i\pi} + 1 = 0
\end{equation}
Untuk persamaan bernomor, langsung dengan sintaks LaTeX:
eiπ + 1 = 0 (1)
24
-
Lain-lain
Untuk sintaks yang tidak disediakan oleh Markdown, bisa langsungmenggunakan sintaks LaTeX atau HTML.
\textsc{Auriza Akbar}
Auriza Akbar
Auriza Akbar
Auriza Akbar
25
-
Kompilasi
-
Pandoc
Pandoc mengubah Markdown ke:
• HTML• LaTeX, PDF• Word, PowerPoint• OpenDocument• EPUB• . . .
26
-
Instalasi Pandoc4
Windows https://github.com/jgm/pandoc/releasesLinux apt install pandoc
Online https://pandoc.org/try/
4instal LaTeX dahulu agar bisa konversi ke PDF
27
https://github.com/jgm/pandoc/releaseshttps://pandoc.org/try/
-
Opsi Penting
-o output file . . .-t to format . . .
HTML
-s standalone-c CSS file . . .
--mathjax render persamaan dengan MathJax
28
-
Konversi Dokumen
PDFpandoc text.md -o text.pdf
HTMLpandoc text.md -o text.html -s
DOCXpandoc text.md -o text.docx
29
-
Konversi Slide
PDF (Beamer)pandoc slide.md -o slide.pdf -t beamer
HTML (Reveal.js5)pandoc slide.md -o slide.html -st revealjs
PPTXpandoc slide.md -o slide.pptx
5unduh Reveal.js dan ekstrak ke direktori yang sama
30
https://github.com/hakimel/reveal.js/archive/master.zip
-
Slide Presentasi
-
Halaman
# halaman judul## halaman baru
--- halaman baru tanpa judul
31
-
Incremental List
::: incremental- satu- dua- tiga:::
• satu
• dua• tiga
32
-
Incremental List
::: incremental- satu- dua- tiga:::
• satu• dua
• tiga
32
-
Incremental List
::: incremental- satu- dua- tiga:::
• satu• dua• tiga
32
-
Jeda
. . .
Paragraf pertama.
. . .
Paragraf kedua.
Paragraf pertama.
Paragraf kedua.
33
-
Jeda
. . .
Paragraf pertama.
. . .
Paragraf kedua.
Paragraf pertama.
Paragraf kedua.
33
-
Jeda
. . .
Paragraf pertama.
. . .
Paragraf kedua.
Paragraf pertama.
Paragraf kedua.
33
-
Kolom
:::::: columns::: columnKolom kiri.:::::: columnKolom kanan.:::::::::
Kolom kiri. Kolom kanan.
34
-
Tema
Tambahkan metadata theme untuk mengatur tampilan slide.
Beamer themeAntibes Bergen Berkeley Berlin Boadilla CambridgeUS DarmstadtDresden Frankfurt Goettingen Hannover Ilmenau JuanLesPinsMadrid Montpellier PaloAlto Pittsburgh Rochester Singapore Szeged
Beamer colorthemebeaver crane dolphin dove lily orchid rose seagull seahorse sprucewhale cormorant frigatebird magpie owl
Reveal.js themebeige black blood league moon night serif simple sky solarized white
35
-
Tema — Contoh
---title : Markdownauthor : Auriza Akbarinstitute : Ilmu Komputer IPBdate : 2019theme : Singaporelinkcolor : .header-includes:
- \usepackage{hanging}- \renewcommand{\figurename}{Gambar}- \renewcommand{\tablename}{Tabel}
---
36
-
FIN
MotivasiSintaksKompilasiSlide PresentasiFIN