SlideShare uma empresa Scribd logo
1 de 12
Baixar para ler offline
Menulis Teks Markdown dengan
ReText
Pemberdayaan Open Source Software
Sabtu, 21 Juni 2014
Gedung Ilmu Komputer, FPMIPA, UPI
Pendahuluan
Menulis Teks Markdown dengan ReText. POSS UPI 2014
● Markdown adalah sebuah format teks baru
● Digunakan oleh beberapa layanan Git seperti Bitbucket dan Github
● Markdown sebenarnya adalah HTML yang dipermudah
Instalasi ReText
Menulis Teks Markdown dengan ReText. POSS UPI 2014
● Via aptitude: sudo apt-get install retext
● Via yum: yum install retext
● Gunakan CTRL + E, untuk melihat pratinjau dari teks
markdown yang sedang kita tulis di ReText
Latihan - 1
Menulis Teks Markdown dengan ReText. POSS UPI 2014
● Untuk melakukan penebalan kata atau kalimat pada teks, digunakan tag
berikut: **kata tebal** → kata tebal
● Untuk melakukan penebalan kata atau kalimat pada teks, digunakan tag
berikut: __kata tebal__ → kata tebal
● Untuk melakukan pemiringan kata atau kalimat pada teks, digunakan tag
berikut: *kata miring* → kata miring
● Untuk melakukan pemiringan kata atau kalimat pada teks, digunakan tag
berikut: _kata miring_ → kata miring
● Untuk membuat sebuah kata atau kalimat pada teks menjadi monospace,
digunakan tag berikut: `kata monospace` → kata monospace
Latihan - 2
Menulis Teks Markdown dengan ReText. POSS UPI 2014
● Untuk membuat sebuah kata atau kalimat menjadi heading 1. Gunakan tanda
hash tag di awal kalimat atau kata. Misal: #ini adalah heading 1. Maka
diasumsikan akan tampil seperti berikut:
# ini adalah heading 1
● ## heading 2
● ### heading 3
● #### heading 4
● ###### heading 5
Latihan - 3
Menulis Teks Markdown dengan ReText. POSS UPI 2014
● Untuk membuat sebuah tautan atau pranala atau link di Markdown. Anda
dapat membuatnya dengan cara seperti ini: [ini adalah nama link]
(http://contohlink.com)
● Misal: [Searching now...](http://google.com)
● Didalam tanda [ dan ], Anda dapat juga menyisipkan tag Markdown
Latihan - 4
Menulis Teks Markdown dengan ReText. POSS UPI 2014
● Untuk menyertakan sebuah gambar di Markdown. Anda
dapat membuatnya dengan cara seperti ini: ![]
(/direktori/gambar/anda)
● Misal: ![](images/background.jpg)
Latihan - 5
Menulis Teks Markdown dengan ReText. POSS UPI 2014
● Block quotes adalah sebuah teks yang menjorok lebih
dalam dibandingkan dengan paragraf lainnya. Biasanya
untuk mengutip sebuah teks dari teks utama.
● Tambahkan tanda > di awal paragraf yang akan dibuat
menjadi block quotes
Latihan - 6
Menulis Teks Markdown dengan ReText. POSS UPI 2014
● Untuk membuat list atau daftar Anda dapat menggunakan tanda * di awal
kalimat atau kata kemudian enter baris baru dan teruskan dengan tanda *
● Untuk membuat list yang diisi angka, Anda dapat menggunakan 1, 2, 3, 4, dst
dengan ditambahkan tanda titik setelah angka
● Contoh yang bukan angka:
* susu
* kopi
* teh
● Contoh angka:
1. susu
2. kopi
3. teh
Latihan - 7
Menulis Teks Markdown dengan ReText. POSS UPI 2014
● Untuk membuat paragraf Anda dapat membuat baris baru jangan gunakan
enter, tapi gunakan spasi dua kali di akhir kalimat. Karena jika menggunakan
enter akan membentuk paragraf baru
Latihan - 8
Menulis Teks Markdown dengan ReText. POSS UPI 2014
● Untuk mengekspor teks Markdown menjadi PDF lakukan langkah berikut: File
→ Export → PDF
● Untuk mengekspor teks Markdown menjadi HTML lakukan langkah berikut:
File → Export → HTML
● Untuk mengekspor teks Markdown menjadi ODT lakukan langkah berikut: File
→ Export → ODT
● Untuk mengatur lingkungan ReText seperti melihat nomor baris atau baris
saat ini, Anda dapat mengaturnya di: Edit → Preferences
Kesimpulan
Menulis Teks Markdown dengan ReText. POSS UPI 2014
● Mengenal Markdown
● Berhasil memasang ReText di komputer/laptop Anda
● Mengenal pemiringan teks, penebalan teks, dan membuat teks menjadi
monospace
● Mengenal heading
● Membuat tautan atau link
● Menyisipkan gambar di teks
● Mengenal Blockquotes
● Membuat list tanpa angka dan berangka
● Mengenal cara membuat baris baru dan paragraf baru
● Mengenal berbagai cara ekspor teks markdown ke format tertentu
● Melihat konfigurasi di ReText

Mais conteúdo relacionado

Semelhante a MENULIS_MARKDOWN

Dart Basic: Muria Computer Club
Dart Basic: Muria Computer ClubDart Basic: Muria Computer Club
Dart Basic: Muria Computer ClubWisnuSaputra57
 
storyboard pemrograman web.pptx
storyboard pemrograman web.pptxstoryboard pemrograman web.pptx
storyboard pemrograman web.pptxFileArsip
 
Proyek web html menggunakan notepad
Proyek web html menggunakan notepadProyek web html menggunakan notepad
Proyek web html menggunakan notepadSamsuri14
 
Modul microsoft word 2013
Modul microsoft word 2013Modul microsoft word 2013
Modul microsoft word 2013Anto Jurang
 
Laporan instalasi debian 7
Laporan instalasi debian 7Laporan instalasi debian 7
Laporan instalasi debian 7danar_abiyoso
 
Bab iii proyek web html notepad
Bab iii proyek web html notepadBab iii proyek web html notepad
Bab iii proyek web html notepadrainbi
 
Belajar membuat website
Belajar membuat websiteBelajar membuat website
Belajar membuat websiteNie Andini
 
JavaScript Dasar.pdf
JavaScript Dasar.pdfJavaScript Dasar.pdf
JavaScript Dasar.pdfsulfanaidid1
 
Pemrograman c-wakuadratn
Pemrograman c-wakuadratnPemrograman c-wakuadratn
Pemrograman c-wakuadratnLanoy Jr.
 
Tutorial web programing x rpl 1
Tutorial web programing x rpl 1Tutorial web programing x rpl 1
Tutorial web programing x rpl 1eghha
 
Modul web statis dasar
Modul web statis dasarModul web statis dasar
Modul web statis dasaredy sinaga
 
konfigurasi web server, dns server , dhcp server, ftp server , mail server da...
konfigurasi web server, dns server , dhcp server, ftp server , mail server da...konfigurasi web server, dns server , dhcp server, ftp server , mail server da...
konfigurasi web server, dns server , dhcp server, ftp server , mail server da...Mas Tobel
 

Semelhante a MENULIS_MARKDOWN (20)

Dart Basic: Muria Computer Club
Dart Basic: Muria Computer ClubDart Basic: Muria Computer Club
Dart Basic: Muria Computer Club
 
Html dan php
Html dan phpHtml dan php
Html dan php
 
Html dan php
Html dan phpHtml dan php
Html dan php
 
storyboard pemrograman web.pptx
storyboard pemrograman web.pptxstoryboard pemrograman web.pptx
storyboard pemrograman web.pptx
 
Proyek web html menggunakan notepad
Proyek web html menggunakan notepadProyek web html menggunakan notepad
Proyek web html menggunakan notepad
 
Modul 2a html
Modul 2a htmlModul 2a html
Modul 2a html
 
Modul microsoft word 2013
Modul microsoft word 2013Modul microsoft word 2013
Modul microsoft word 2013
 
Laporan instalasi debian 7
Laporan instalasi debian 7Laporan instalasi debian 7
Laporan instalasi debian 7
 
9. b.. . .
9. b.. . .9. b.. . .
9. b.. . .
 
Buku ajar desain web
Buku ajar desain webBuku ajar desain web
Buku ajar desain web
 
Bab iii proyek web html notepad
Bab iii proyek web html notepadBab iii proyek web html notepad
Bab iii proyek web html notepad
 
Bab 3 proyek
Bab 3 proyekBab 3 proyek
Bab 3 proyek
 
Bab iii proyek web html notepad
Bab iii proyek web html notepadBab iii proyek web html notepad
Bab iii proyek web html notepad
 
Belajar membuat website
Belajar membuat websiteBelajar membuat website
Belajar membuat website
 
JavaScript Dasar.pdf
JavaScript Dasar.pdfJavaScript Dasar.pdf
JavaScript Dasar.pdf
 
Pemrograman c-wakuadratn
Pemrograman c-wakuadratnPemrograman c-wakuadratn
Pemrograman c-wakuadratn
 
Tutorial web programing x rpl 1
Tutorial web programing x rpl 1Tutorial web programing x rpl 1
Tutorial web programing x rpl 1
 
Web disain
Web disainWeb disain
Web disain
 
Modul web statis dasar
Modul web statis dasarModul web statis dasar
Modul web statis dasar
 
konfigurasi web server, dns server , dhcp server, ftp server , mail server da...
konfigurasi web server, dns server , dhcp server, ftp server , mail server da...konfigurasi web server, dns server , dhcp server, ftp server , mail server da...
konfigurasi web server, dns server , dhcp server, ftp server , mail server da...
 

MENULIS_MARKDOWN

  • 1. Menulis Teks Markdown dengan ReText Pemberdayaan Open Source Software Sabtu, 21 Juni 2014 Gedung Ilmu Komputer, FPMIPA, UPI
  • 2. Pendahuluan Menulis Teks Markdown dengan ReText. POSS UPI 2014 ● Markdown adalah sebuah format teks baru ● Digunakan oleh beberapa layanan Git seperti Bitbucket dan Github ● Markdown sebenarnya adalah HTML yang dipermudah
  • 3. Instalasi ReText Menulis Teks Markdown dengan ReText. POSS UPI 2014 ● Via aptitude: sudo apt-get install retext ● Via yum: yum install retext ● Gunakan CTRL + E, untuk melihat pratinjau dari teks markdown yang sedang kita tulis di ReText
  • 4. Latihan - 1 Menulis Teks Markdown dengan ReText. POSS UPI 2014 ● Untuk melakukan penebalan kata atau kalimat pada teks, digunakan tag berikut: **kata tebal** → kata tebal ● Untuk melakukan penebalan kata atau kalimat pada teks, digunakan tag berikut: __kata tebal__ → kata tebal ● Untuk melakukan pemiringan kata atau kalimat pada teks, digunakan tag berikut: *kata miring* → kata miring ● Untuk melakukan pemiringan kata atau kalimat pada teks, digunakan tag berikut: _kata miring_ → kata miring ● Untuk membuat sebuah kata atau kalimat pada teks menjadi monospace, digunakan tag berikut: `kata monospace` → kata monospace
  • 5. Latihan - 2 Menulis Teks Markdown dengan ReText. POSS UPI 2014 ● Untuk membuat sebuah kata atau kalimat menjadi heading 1. Gunakan tanda hash tag di awal kalimat atau kata. Misal: #ini adalah heading 1. Maka diasumsikan akan tampil seperti berikut: # ini adalah heading 1 ● ## heading 2 ● ### heading 3 ● #### heading 4 ● ###### heading 5
  • 6. Latihan - 3 Menulis Teks Markdown dengan ReText. POSS UPI 2014 ● Untuk membuat sebuah tautan atau pranala atau link di Markdown. Anda dapat membuatnya dengan cara seperti ini: [ini adalah nama link] (http://contohlink.com) ● Misal: [Searching now...](http://google.com) ● Didalam tanda [ dan ], Anda dapat juga menyisipkan tag Markdown
  • 7. Latihan - 4 Menulis Teks Markdown dengan ReText. POSS UPI 2014 ● Untuk menyertakan sebuah gambar di Markdown. Anda dapat membuatnya dengan cara seperti ini: ![] (/direktori/gambar/anda) ● Misal: ![](images/background.jpg)
  • 8. Latihan - 5 Menulis Teks Markdown dengan ReText. POSS UPI 2014 ● Block quotes adalah sebuah teks yang menjorok lebih dalam dibandingkan dengan paragraf lainnya. Biasanya untuk mengutip sebuah teks dari teks utama. ● Tambahkan tanda > di awal paragraf yang akan dibuat menjadi block quotes
  • 9. Latihan - 6 Menulis Teks Markdown dengan ReText. POSS UPI 2014 ● Untuk membuat list atau daftar Anda dapat menggunakan tanda * di awal kalimat atau kata kemudian enter baris baru dan teruskan dengan tanda * ● Untuk membuat list yang diisi angka, Anda dapat menggunakan 1, 2, 3, 4, dst dengan ditambahkan tanda titik setelah angka ● Contoh yang bukan angka: * susu * kopi * teh ● Contoh angka: 1. susu 2. kopi 3. teh
  • 10. Latihan - 7 Menulis Teks Markdown dengan ReText. POSS UPI 2014 ● Untuk membuat paragraf Anda dapat membuat baris baru jangan gunakan enter, tapi gunakan spasi dua kali di akhir kalimat. Karena jika menggunakan enter akan membentuk paragraf baru
  • 11. Latihan - 8 Menulis Teks Markdown dengan ReText. POSS UPI 2014 ● Untuk mengekspor teks Markdown menjadi PDF lakukan langkah berikut: File → Export → PDF ● Untuk mengekspor teks Markdown menjadi HTML lakukan langkah berikut: File → Export → HTML ● Untuk mengekspor teks Markdown menjadi ODT lakukan langkah berikut: File → Export → ODT ● Untuk mengatur lingkungan ReText seperti melihat nomor baris atau baris saat ini, Anda dapat mengaturnya di: Edit → Preferences
  • 12. Kesimpulan Menulis Teks Markdown dengan ReText. POSS UPI 2014 ● Mengenal Markdown ● Berhasil memasang ReText di komputer/laptop Anda ● Mengenal pemiringan teks, penebalan teks, dan membuat teks menjadi monospace ● Mengenal heading ● Membuat tautan atau link ● Menyisipkan gambar di teks ● Mengenal Blockquotes ● Membuat list tanpa angka dan berangka ● Mengenal cara membuat baris baru dan paragraf baru ● Mengenal berbagai cara ekspor teks markdown ke format tertentu ● Melihat konfigurasi di ReText