Menulis artikel di hugo, nulis artikel blog tapi dengan format Markdown?
Yep, diartikel kali ini saya akan membahas bagaimana cara saya Menulis Artikel Hugo di Android. Untuk hasil artikel yang saya tulis dengan format markdown, bisa anda lihat di blog saya Teknoit dan Awalan. Artikel yang saya tulis di blog tersebut hanya menggunakan smartphone android.
Table of Contents
Apa itu Markdown?
Markdown adalah (lightweight markup language) bahasa markup yang sedikit lebih ringan daripada HTML untuk format tulisan teks.
Untuk orang yang aktif di
github atau situs web yang serupa, markdown sudah menjadi hal wajib untuk diketahui. Markdown sendiri sebenarnya sama seperti format HTML, namun markdown memiliki format yang lebih sederhana dan mudah dipahami ketimbang HTML.
Markdown dibuat pada tahun 2004 oleh seorang blogger yang bernama John Gruber. Tujuannya membuat format markdown yaitu untuk mempermudah penulisan dokumen blog, website agar mudah ditulis dan mudah dibaca. Karena menulis artikel langsung dalam HTML sangat melelahkan dan susah dibaca.
Markdown digunakan untuk apa saja?
Saat ini Markdown sering digunakan untuk berbagai hal, diantaranya yaitu:
- Dokumentasi
- SSG (Static Site Generator)
- CMS yang diantaranya yaitu Ghost, Wordpress, Tumblr, Wixsite, dan lain sebagainya
- Penulisan Buku
- Format teks untuk chat: Telegram, Whatsapp, Facebook
- dan masih banyak lagi
Apakah Markdown bisa dikonversikan menjadi HTML?
Markdown bisa dikonversikan menjadi HTML dengan bantuan aplikasi atau situs konverter.
Umumnya Markdown juga bisa dikonversikan ke dalam HTML menggunakan Editor markdown itu sendiri.
Cara Menulis dengan format Markdown
Saya tidak akan berlama lama membahas tentang Markdown, disini saya asumsikan bahwa anda sudah memahami apa itu markdown. Saya akan memberikan sedikit contoh tentang menulis teks dengan markdown.
Katakanlah anda ingin menulis Heading atau judul artikel maka format penulisan nya adalah sebagai berikut
## Contoh Judul Artikel anda dengan H2
Double Hashtag tersebut akan memberikan anda sebuah heading teks dengan hasil H2, lalu bagaimana jika anda ingin menulis judul dengan H1? maka penulisan nya akan seperti berikut
# Contoh Judul anda dengan H1.
Setelah anda memahami bagaimana menulis Judul dengan format Markdown, maka anda tentunya perlu membuat teks dengan markdown, bagaimana caranya?
Menulis teks dengan Markdown bisa dilakukan tanpa menambahkan syntax apapapun, anda bisa langsung menulis seperti biasa.
Kemudian untuk menulis teks tebal/bold anda bisa menggunakan syntax ** contoh:
**contoh teks yang akan di tebalkan**
Menulis teks italics bisa dengan menambahkan underscore di awal teks dan di akhir teks, contoh:
_Ini contoh teks italic anda_
Untuk membuat list, anda bisa menambahkan +,-,* diawal teks dan di akhir teks, contoh:
* Ini list 1
* list 2
+ list 3
- list 4
Menambahkan gambar bisa dengan menambahkan kode
contoh:
Membuat tautan eksternal bisa ditulis seperti berikut,
[Teks Link eksternal anda](url eksternal anda)
contoh:
[Deuxly](https://www.deuxly.com)
menambahkan bold teks atau italic pada link eksternal bisa dilakukan seperti berikut
**[Deuxly](https://www.deuxly.com)**
Saya rasa sedikit penjelasan di atas sudah membuat anda sedikit paham tentang penulisan markdown. Mari kita bahas bagaimana Cara Menulis Artikel Hugo
Cara Menulis Artikel Hugo
Silahkan masuk ke terminal anda kemudian buka blog hugo anda.
cd bloganda
Setelah memasuki direktori blog hugo anda, silahkan langsung ketikkan perintah
hugo new posts/judul artikel anda.md
jangan lupa menambahkan .md yang artinya adalah markdown.
Jika anda belum mengatur archetypes blog anda, maka setiap kali anda ingin menulis artikel, anda harus memasukkan thumbnail, lastmod, secara manual.
note: archetypes ini ada di folder /archetypes/default.md
contoh archetypes saya yaitu seperti ini:
Setelah anda membuat postingan baru, silahkan di edit dan ditulis dengan artikel yang ingin anda terbitkan, setelah semuanya selesai anda bisa ganti
draft: true
menjadi
draft: false
penjelasan draft true dan false yaitu sebagai berikut.
Draft: true artinya artikel tersebut masih belum diterbitkan dan hanya anda sendiri yang bisa melihat artikel tersebut.
Draft: false artinya artikel yang anda tulis sudah siap untuk diterbitkan untuk publik.
Contoh artikel yang saya tulis di hugo adalah sebagai berikut.
---
title: "Tutorial Hugo: Cara Mudah Membuat Blog dengan Hugo menggunakan Termux"
date: 2024-06-01T12:14:04Z
lastmod: 2024-06-01T12:40:40Z
showlastmod: true
author: ["deuxly"]
categories:
- Hugo
description: Cara mudah Membuat Blog dengan HUGO hanya dalam 5 menit. Membuat blog dengan hugo sangat gampang, yang anda butuhkan adalah sebuah terminal dan domain. Ditutorial Membuat Blog HUGO ini sanya hanya menggunakan Termux sebagai terminal karena laptop saya sudah rusak
keywords: ["membuat blog dengan hugo, cara membuat blog dengan hugo"]
draft: false # draft or not
comments: true
showToc: true # show contents
TocOpen: false # open contents automantically
hidemeta: false # hide information (author, create date, etc.)
ShowWordCounts: true
ShowReadingTime: true
disableShare: true # do not show share button
showbreadcrumbs: true # show current path
cover:
image: /Images/membuat-blog-dengan-hugo.webp
alt: cara membuat blog dengan hugo menggunakan termux di android
caption: membuat blog dengan hugo menggunakan termux
relative: false
---
Artikel kali ini gw akan ngebahas **Tutorial gampang Membuat Blog dengan Hugo** even lu bukan seorang programmer, lu tetep bisa bikin blog di hugo bahkan lebih wah daripada wordpress :rofl:
Sebelumnya gw udah pernah bikin ni artikel di blog gw yang [Deuxly] tapi ntah kenapa tiba tiba deindex ama google, malahan sitemap gw kaga bisa di index njir ama google, parah si algoritma google sekarang.
Tanpa basa basi, mas mas dan bro bro atau mba mba kita langsung bahas Tutorial ngebuat blog di [HUGO](https://sekode.eu.org/hugo)
**Membuat Blog dengan Hugo** bisa dibilang gampang gampang susah, awalnya gw juga bingung gimana dan bagaimana, mulai dari cara menulis artikel di hugo, cara kustom tema hugo, pokoknya bingung total karna biasanya nulis artikel di cms wordpress kan, yang punya banyak fitur mudah buat kita kita ini, sekali ketemu yang pake script script langsung mumet :smiling_face_with_tear:
## Static Site Generator HUGO
Apasih yang dimaksud Static Site Generator ini ? Jadi setelah gw baca baca dari beberapa sumber, Static site generator itu adalah tools yang membantu kita mengubah website atau blog yang dibangun menjadi file file statis HTML, CSS dan Javascript untuk dinikmati oleh visitor website itu nantinya. Jadi inti nya adalah, ya situs website yang hanya terdiri dari file `HTML` `CSS` sama `Javascript`.
## Apa yang dimaksud Blog versi Statis?
Blog versi statis ini maksudnya blog kita nantinya memiliki tampilaj yang sederhana karna cuma terdiri dari 3 file yang udah gw sebutin di atas. Tentunya hal ini jadi poin plus buat kita karna hanya dengan 3 file kecepatan blog otomatis akan jadi lebih cepat dan persoalan SEO udah terjamin. Tapi, tergantung pilotnya ya :joy:
## Apa ada alternatif selain Hugo ?
Tentu, Hugo ini bisa terbilang static site terbaru. Bukan cuma HUGO yang menyediakan layanan static site generator, berikut ini list yang juga menyediakan layanan serupa, mas bro bisa pilih mau pake yang mana. Kalo dari gw ya pasti milih Hugo ya, karna emang gampang aja dipahamin.
Nah kalo masih pengen tau apa aja alternatif hugo, udah gw tulis dibawah ini, diantaranya:
1. **Jekyll**
2. **Gatsby**
3. **Hugo**
4. **Next.js**
5. **Nuxt.js**
6. **Astro**
Diantara ke-6 di atas, gw sangat menyarankan untuk nyoba dulu make Hugo, Hugo ini bener bener mudah buat dipelajari dan untuk proses build sama deploy nya juga terbilang lebih cepat dibanding yang lain.
Kesimpulan
Bagaimana? tertarik untuk mencoba
Membuat Blog dengan Hugo? kelihatan nya lebih nyaman kan nulis artikel dengan markdown, itulah alasan kenapa saya sebenarnya lebih suka ngeblog di hugo daripada blogger.
Untuk
menulis artikel di hugo saya rasa hanya ini saja, jika ada yang kurang atau punya pertanyaan, anda bisa langsung tinggalkan komentar dibawah.
