Table of Contents
Biar lebih enak menjelaskannya, mungkin bisa dibaca terlebih dahulu artikel tentang Menulis Konten Blog dengan Org Mode atau Tutorial Emacs untuk Pemula. Dalam tulisan tersebut saya banyak menggunakan markup HTML, beberapa jarang digunakan, seperti <mark>
dan <kbd>
. Belum lagi <table>
<pre>
<code>
dan banyak lagi markup html yang saya gunakan dalam artikel tersebut.
Kalau kita harus menulis satu per satu dengan HTML markup, bisa keriting tangan ini. Ambil contoh markup HTML untuk <table>
, betapa repotnya harus mengetik <thead>
<tbody>
lengkap dengan <tr>
dan <td>
nya… belum kalau tabel kita banyak kolom dan banyak baris. Tambah pusing…
Beruntung ini di Emacs ada sebuah mode yang memudahkan kita untuk membuat markup tadi, konsepnya mirip markdown tapi ini lebih lengkap dan bahkan bisa kita custom sesuai kebutuhan. Berikut ini contoh markup di org mode:
Org | HTML |
---|---|
tebal | <b>tebal</b> |
miring | <i>miring</i> |
`tandai` | <mark>tandai</mark> |
Ctrl-c | <kbd>Ctrl</kbd>-<kbd>c</kbd> |
Setelah tulisan selesai ditulis di Org Mode, kita tinggal export aja. Bisa kita export ke ODT, HTML, PDF, tex dan banyak pilihan lain…
Dan berikut ini saya coba share beberapa markup yang ada di Org mode:1
1 Format Paragraf
1.1 Format Ayat Suci atau Puisi
#+BEGIN_VERSE Great clouds overhead Tiny black birds rise and fall Snow covers Emacs ---AlexSchroeder #+END_VERSE
Hasilnya:
Great clouds overhead
Tiny black birds rise and fall
Snow covers Emacs
— AlexSchroeder
1.2 Kutipan atau Quote
#+BEGIN_QUOTE Everything should be made as simple as possible, but not any simpler ---Albert Einstein #+END_QUOTE
Hasilnya:
Everything should be made as simple as possible, but not any simpler —Albert Einstein
1.3 Rata tengah
#+BEGIN_CENTER Everything should be made as simple as possible, \\ but not any simpler \\ --- Albert Einstein --- #+END_CENTER
Hasilnya:
Everything should be made as simple as possible,
but not any simpler
— Albert Einstein —
2 Emphasis dan Monospace
/One may expect this whole sentence to be italicized, but the following ~user/?variable~ contains =/= character, which effectively stops emphasis there./
Hasilnya:
One may expect this whole sentence to be italicized, but the
following ~user?variable~ contains /
character, which effectively stops emphasis there./
3 Subscript dan Superscript
The radius of the sun is R_sun = 6.96 x 10^8 m. On the other hand, the radius of Alpha Centauri is R_{Alpha Centauri} = 1.28 x R_{sun}.
Hasilnya:
The radius of the sun is Rsun = 6.96 x 108 m. On the other hand, the radius of Alpha Centauri is RAlpha Centauri = 1.28 x Rsun.
4 Special Symbols
Pro tip: Given a circle \Gamma of diameter d, the length of its circumference is \pi{}d.
Hasilnya:
Pro tip: Given a circle Γ of diameter d, the length of its circumference is πd.
Simbol spesial ini bisa kita tampilkan di Emacs juga dengan menekan C-c C-x \ (org-toggle-pretty-entities)
5 Literal Examples
5.1 Menulis karakter spesial (*) agar tidak di parse sebagai heading
#+BEGIN_EXAMPLE * I am no real headline #+END_EXAMPLE
5.2 Menambahkan spasi kosong di awal kalimat
#+BEGIN_EXAMPLE Here is an example : Some example from a text file. #+END_EXAMPLE
5.3 Menambahkan block bahasa pemrograman
#+BEGIN_SRC emacs-lisp (defun org-xor (a b) "Exclusive or." (if a (not b) b)) #+END_SRC
Hasilnya:
(defun org-xor (a b) "Exclusive or." (if a (not b) b))
Sama dengan yang di atas, tapi kita tambahkan nomor baris (line number)
#+BEGIN_SRC emacs-lisp -n 20 ;; This exports with line number 20. (message "This is line 21") #+END_SRC
Hasilnya
20: ;; This exports with line number 20. 21: (message "This is line 21")
Sama dengan yang di atas juga, Emacs secara otomatis melanjutkan nomor baris dari kode blok yang ada di atasnya (dalam hal ini 21 +10) menjadi baris 31.
#+BEGIN_SRC emacs-lisp +n 10 ;; This is listed as line 31. (message "This is line 32") #+END_SRC
31: ;; This is listed as line 31. 32: (message "This is line 32")
Kalo ini, kita memberikan highlight ke baris tertentu dengan menambahkan parameter -n
-r
dan pada baris yang akan kita highlight kita berikan tanda reference (mirip footnote), misalnya (ref:ab)
, yang nanti bisa dipanggil dengan mengetik [[(ab)]]
. Atau kalau mau pake nama, [[(ab)][lompat ke baris (ab)]]
#+BEGIN_SRC emacs-lisp -n -r (save-excursion (ab) (goto-char (point-min)) (cd) #+END_SRC
Hasilnya:
1: (save-excursion 2: (goto-char (point-min))
Ini akan menyorot ref:ab 1 dengan kode angka.
Ini akan menyorot ref:cd Jump to line 2 dengan nama.
6 Image
Untuk gambar, tidak bisa didemokan di sini karena, sumber gambar harus offline. Tetapi, untuk syntax nya seperti berikut:
[[~/Downloads/semantic-seo.png]]
Ketika Anda sedang di mode GUI, arahkan kursor ke baris gambar di atas, kemudian tekan C-c C-x C-v untuk toggle inline images.
7 Captions
Berikut ini cara menambahkan gambar pada tabel atau gambar
7.1 Caption pada gambar
#+CAPTION: This is the caption for the next figure link (or table) #+NAME: fig:SED-HR4049 [[./img/a.jpg]]
7.2 Menambahkan caption pada table
#+CAPTION: Tabel Nama Domain #+ATTR_HTML: :class styled-table :rules none | no | nama | |----+-------------------| | 1 | warintekjogja.com | | 2 | yogya.org |
8 Horizontal Rules
Garis batas, gunakan tanda - minimal 5 kali
-----
Hasilnya adalah <hr> kalau di HTML
9 Catatan Kaki
9.1 Otomatis
Dengan menekan Ctrl-c Ctrl-x f
9.2 Manual
Untuk manual bisa gunakan cara ini
[fn:NAME] dengan memberi nama, misalnya [fn:satu]
Cara selanjutnya dengan menambahkan keterangan footnote langsung
[fn:: ini contoh keterangan footnote secara inline]
ini adalah2
atau bisa juga dengan kombinasi dari keduanya
[fn:NAMA: definisi footnote secara inline]
Contoh footnote kombinasi3
Kalau saya sejauh ini masih nyaman dengan yang metode otomatis, lebih praktis dan artikel juga jadi lebih rapi.