Melanjutkan serial artikel “Tutorial Emacs untuk Pemula”, kali ini akan membahas cara nge-blog (menulis blog) dengan org mode di Emacs.
Sebagai contohnya, artikel yang sedang Anda baca ini, saya tulis dalam org-mode di Emacs. Kenapa ndak langsung aja tulis di dashboard blog nya? Kalau sekadar menulis aja, gampang, tidak ada editing aneh-aneh, tapi kalau kita udah sampai misalnya pengen bikin footnote, atau table of contents otomatis, tentu akan kesulitan kalau dilakukan di text editor nya si CMS.[fn:1]
- Dengan menggunakan mode Org, tulisan kita jadi lebih terlihat terstruktur dan profesional.
- Kita bisa export berkas ke HTML atau export ke PDF[fn:3] secara otomatis.
- Image harus di unggah dulu, entah ke web server sendiri atau pihak ketiga, baru nanti link kita tambahkan di dokumen Org.
- Repot!!! Memang harus diakui, jadi tambah repot, karena harus mikir isi tulisan sekaligus mikir editing. Kembali lagi ini masalah kebiasaan aja sih, kalau sudah terbiasa, segala sesuatunya akan berjalan dengan smooth saja…
Pastikan mode edit as HTML, sekalian upload image, jika ingin menggunakan image, nanti URL dari image ini yang akan dimasukkan ke dokumen Org.
Caranya adalah membuat berkas .org, kemudian setelah selesai, kita export dengan menekan C-c C-e h H atau export ke HTML buffer.[fn:2]
Habis ini terserah Anda, mau langsung copy paste ke dashboard CMS atau Anda sunting dulu.
Kalau mau disunting dulu, ini ada beberapa tips yang dapat dilakukan agar proses sunting cukup di Org mode aja (sekali untuk selamanya). Selanjutnya tinggal copy paste langsung di dashboard blogger.
By default, Emacs akan menambahkan, div postamble di akhir artikel kita, yang isinya, author, tanggal artikel dibuat dan sebagainya. Kita dapat mengubah behavior ini dengan cara menambahkan baris berikut di org-mode kita:
#+HTML_HEAD: <style>#postamble { display:none; }</style>
Kita juga dapat mengubah format dari postamble sesuai dengan keinginan kita, misal:
;; mengubah format postamble Org mode.
(setq org-html-postamble "Terakhir diperbarui pada %C oleh %a.")
Untuk image, berikut ini cara untuk membuatnya langsung tampil di postingan (bukan di Org mode)
#+CAPTION: mbak e menulis artikel SEO
#+ATTR_HTML: :alt mbak e menulis artikel SEO :title mba e menulis artikel SEO :align center
[[https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6f-T4n3DMXYA3956pPV7cSmlqWHBVHiM7eKoF2utptrEoiTfSaCh6o1EnMsl15J3v75t5qYivbX0pLRddx8nhV-p8Jlf7qxgGeLEEO2BqsLu-M82VVfayO-gwQ4D_jW93_vJ1tC9iZOqllVZ4hBH_l56SJfG8vFWhf2lFxDT4NrZh6nBv_da8oNT_2OY/s1024/menulis-blog-dengan-org-mode-di-emacs.png][https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6f-T4n3DMXYA3956pPV7cSmlqWHBVHiM7eKoF2utptrEoiTfSaCh6o1EnMsl15J3v75t5qYivbX0pLRddx8nhV-p8Jlf7qxgGeLEEO2BqsLu-M82VVfayO-gwQ4D_jW93_vJ1tC9iZOqllVZ4hBH_l56SJfG8vFWhf2lFxDT4NrZh6nBv_da8oNT_2OY/s1024/menulis-blog-dengan-org-mode-di-emacs.png]]
By default, Org mode akan menyertakan <h1> di body, behavior seperti ini seringkali tidak pas kalau diterapkan di blog, karena blog sudah memiliki form input untuk H1.
Untuk yang satu ini, sementara belum menemukan cara yang pas, jadi ya pake cara hack sedikit ya, dengan edit CSS di template, seperti berikut:
h1.title{display: none;}Belum ketemu caranya, nanti kalau udah bisa, artikel ini saya akan update lagi.
Artikel ini full ditulis menggunakan Org-mode, saya tinggal copy paste dari berkas .org ke editor di blogger. Gimana hasilnya? Lumayan bukan? Biar ndak dikira hoax, berikut ini tautan ke gist nya.[fn:5] Kalau tertarik belajar Emacs, silakan mulai dari sini.[fn:4]
[fn:5] Contoh org mode untuk postingan blogger [fn:4] Tutorial Emacs untuk Pemula [fn:3] Export Org ke PDF [fn:1] Content Management System, misalnya blogger (blogspot), wordpress, dll. [fn:2] Konsep Frame, Windows dan Buffer di Emacs