[🛠] Menghidupkan kembali blog GitHub Pages sebagai sistem yang bisa dikerjakan

✨ Ringkasan GPT-5.5 　

Catatan tentang membuka kembali blog GitHub Pages yang sempat berhenti, memisahkan Daily Review dari arsip percakapan AI, lalu menjalankannya lagi sebagai sistem catatan publik.

Hari ini aku membuka kembali blog.

Ini bukan sekadar soal menulis satu artikel. Ini adalah pekerjaan mengembalikan blog GitHub Pages yang sempat berhenti ke kondisi yang benar-benar bisa dikerjakan lagi.

Titik awalnya adalah Daily Review 25 Mei. Tulisan itu adalah pernyataan bahwa aku akan kembali mencatat setiap hari, tetapi pada saat yang sama ia memuat terlalu banyak hal sekaligus. Kemarahan atas kasus kematian seorang prajurit cadangan, rasa muak terhadap politik, pemeriksaan diri soal iman dan eksekusi, gagasan memakai AI sebagai alat manajemen diri, dan keputusan untuk membuka kembali blog semuanya masuk ke satu tulisan.

Awalnya kupikir itu sudah benar.

Karena itu hari pertama memulai kembali, kupikir percakapan yang mendorongku sampai ke sana juga boleh ditinggalkan apa adanya. Namun ketika benar-benar melihat filenya, itu bukan Daily Review. Itu lebih dekat ke arsip percakapan daripada catatan harian. Kalau percakapan lengkap sepanjang ribuan baris ditempelkan ke Daily Review, tulisan itu tidak lagi menjadi catatan yang bisa kulanjutkan setiap hari.

Jadi keputusan pertama hari ini sederhana.

Memisahkan Daily Review dari arsip percakapan AI.

Aku mulai dari menetapkan syaratnya

Untuk memulai kembali blog, aku membutuhkan struktur yang bisa dijalankan sebelum pernyataan yang terdengar keren.

Syaratnya seperti ini.

• Daily Review harus tetap cukup ringan untuk ditulis setiap hari.
• Percakapan panjang dengan AI dipisahkan ke tulisan arsip tersendiri.
• Arsip percakapan tidak boleh terlihat seperti hasil ekspor mentah.
• Umpatan dan ekspresi agresif disamarkan untuk bacaan publik.
• Ucapan pengguna dan respons AI dibedakan secara visual.
• Kategori tulisan langsung terlihat di daftar arsip.
• Blok kode atau kartu percakapan panjang tidak boleh mendorong layar ke samping di perangkat seluler.

Kalau ditulis begini, kedengarannya seperti pekerjaan merapikan.

Namun sebenarnya ini adalah pekerjaan menyingkirkan masalah terbesar yang menghalangi blog untuk dimulai kembali. Kalau tulisan pertama setelah restart terlalu besar, mulai besok aku akan berhenti menulis lagi. Inti hari ini bukan membuat tulisan menjadi besar, melainkan membuat blog kembali berada dalam kondisi yang memungkinkan aku terus menulis.

Aku mengeluarkan percakapan lengkap dari Daily Review

Awalnya aku memasukkan percakapan lengkap ke dalam Daily Review 25 Mei dalam bentuk yang bisa dilipat.

Namun cara ini cepat terlihat batasnya.

Daily Review seharusnya menjadi tulisan untuk mencatat menang-kalah hari itu, hasil yang dikeluarkan, catatan tubuh, dan catatan pelarian. Kalau hampir 2.900 baris percakapan masuk ke dalamnya, watak tulisan menjadi kabur. Pembaca bingung, dan aku sendiri tidak akan ingin melanjutkan format yang sama keesokan harinya.

Jadi percakapannya kupisahkan menjadi tulisan lain.

_posts/daily-review/2026-05/2026-05-25-2026-05-25.md
_posts/diary/ai/2026-05-25-reservist-anger-to-blog-restart.md

Di sisi Daily Review, hasil mentah percakapan yang sangat besar dikurangi, lalu arsip percakapan terpisah dibuat.

Inilah intinya.

Catatan harian tetap menjadi catatan harian. Arsip percakapan tetap menjadi arsip percakapan. Keduanya tidak dicampur.

Aku mengubah hasil ekspor mentah menjadi tulisan

Ekspor percakapan AI sulit dibaca kalau ditempel apa adanya.

Log pencarian, tautan gambar yang bisa kedaluwarsa, metadata berulang, dan struktur macam-macam dari tengah percakapan bercampur menjadi satu. Kalau diunggah begitu saja, ia memang menjadi “catatan”, tetapi bukan “tulisan”. Ia bisa tinggal di blog, tetapi tidak akan terbaca dengan baik.

Jadi arsip percakapan kuubah menjadi struktur kartu.

<section class="conversation-entry conversation-entry--user">
  <div class="conversation-meta">Aku - 2026.05.25 09:12:38</div>
  <div class="conversation-body">
    ...
  </div>
</section>

Ucapan pengguna diberi penekanan dengan nuansa kekuningan, sedangkan respons AI diletakkan di latar yang lebih tenang. Aku membuat kelas seperti conversation-meta, conversation-body, conversation-mask, dan conversation-code. Umpatan tetap terlihat sebagai ***, tetapi tidak muncul mentah-mentah di tulisan publik.

Ini bukan sekadar hiasan CSS.

Ini adalah proses mengubah percakapan menjadi bahan publik. Tanpa menghapus sumber aslinya sepenuhnya, aku ingin pembaca blog bisa mengikuti di mana topik berubah, siapa yang berbicara, dan mengapa percakapan itu berujung pada pernyataan untuk memulai kembali.

Metadata juga kurapikan ulang

Setelah tulisan dipisahkan, masalah lain terlihat.

Kalau daftar arsip hanya menampilkan judul dan tanggal, sulit langsung tahu apakah sebuah tulisan adalah Daily Review, arsip AI, catatan pengembangan, atau tip. Kalau blog akan membesar lagi, konteks harus terlihat sejak dari daftar.

Jadi aku menambahkan tampilan kategori ke _includes/archive-single.html.

Aku memetakan daily-review menjadi Hari ini, diary menjadi Catatan harian, ai menjadi Kecerdasan Buatan, dan github-pages-blog menjadi GitHub Pages Blog. Bukan sekadar mencetak kategori mentah, tetapi mengubahnya menjadi nama yang dibaca pembaca sebenarnya.

Awalnya chip kategori ditempatkan di bawah metadata isi, tetapi cepat terlihat terlalu terpencar. Aku memperbaikinya lagi sehingga metadata tanggal dan chip kategori berada di baris yang sama.

Tanggal / chip kategori / ringkasan

Perubahan kecil ini membuat kepadatan informasi di daftar arsip menjadi lebih baik. Dari sudut pandang portofolio juga ada artinya. Blog tidak lagi terlihat hanya sebagai tempat menulis artikel, tetapi sebagai sistem yang membedakan jenis konten dan memperbaiki kemampuan jelajah.

Bagian yang rusak di perangkat seluler juga langsung kubereskan

Setelah kartu percakapan dan blok kode dipasang, masalah perangkat seluler ikut muncul.

Kalau kalimat panjang, kutipan, blok kode, dan tombol salin mendorong layar ke samping, blog langsung terlihat kasar. Terutama tombol salin kode dari Minimal Mistakes memang nyaman, tetapi pada layar sempit tombol itu sendiri kadang membuat overflow.

Jadi beberapa hal langsung kubereskan.

.conversation-entry {
  overflow-wrap: break-word;
}

.conversation-body {
  min-width: 0;
}

.clipboard-copy-button {
  overflow: hidden;
}

Margin judul, blockquote, serta paragraf pertama dan terakhir di dalam kartu percakapan juga kusetel ulang. Di perangkat seluler, padding kartu dan ukuran judul internal kukurangi.

Perbaikan seperti ini tidak terlalu mencolok. Namun jika dilihat sebagai portofolio, justru penting. Artinya aku tidak berhenti setelah menempelkan fitur, tetapi mengikuti layar nyata dan memoles bagian yang pecah.

Yang berubah hari ini

Perubahan hari ini kira-kira bisa diringkas seperti ini.

Merapikan aturan operasi blog di AGENTS.md dan _project/blog-system/README.md
Menghapus percakapan lengkap dari Daily Review
Membuat tulisan arsip percakapan AI yang terpisah
Menambahkan gaya kartu percakapan berbasis conversation-entry
Menetapkan aturan masking umpatan dan penghilangan gambar lampiran
Menambahkan chip kategori ke daftar arsip
Merapikan tata letak metadata tanggal dan chip kategori
Menyeragamkan penanda waktu percakapan dalam notasi Korea
Memperbaiki overflow perangkat seluler pada kartu percakapan dan tombol salin kode

Dilihat dari alur commit, cukup banyak hal terjadi dalam waktu singkat.

d3fb3d5  clean blog project files
1d36a01  clean #87 transcript
1d9ab13  restore #87 toc
ccb9139  archive #87 transcript
310b3af  show archive categories
4579858  refine archive post metadata
fb3516b  localize conversation timestamps
0564866  apply conversation cards
244a4a5  prevent mobile copy-code overflow

Dalam satu kalimat:

Aku mengubah pernyataan restart blog menjadi sistem catatan yang benar-benar bisa dijalankan.

Hasil

Hari ini blog kembali dibuka.

Namun yang lebih penting bukan sekadar satu tulisan naik. Strukturnya kembali berdiri.

Daily Review tetap menjadi catatan yang bisa dilanjutkan setiap hari, dan percakapan AI yang panjang dipisahkan menjadi arsip tersendiri. Arsip percakapan diubah dari hasil ekspor mentah menjadi bahan publik yang bisa dibaca. Konteks kategori ditambahkan ke daftar arsip, dan bagian yang pecah di perangkat seluler juga dibereskan.

Ini bukan penambahan fitur yang mencolok. Namun sebagai langkah pertama untuk menghidupkan kembali blog, ini tepat.

Kalau aku ingin menulis lagi, blog tidak boleh hanya menjadi gudang emosi. Blog harus menjadi sistem yang bisa dijalankan. Yang kulakukan hari ini adalah memulihkan kerangka minimum sistem itu.

Dari sudut pandang portofolio, titik ini juga kusukai.

Masalahnya jelas. Tulisan pertama untuk memulai ulang blog menjadi terlalu besar dan berisiko merusak sistem catatan harian. Solusinya bukan sekadar menghapus. Aku memisahkan jenis konten, membuat UI, merapikan metadata, dan memoles rendering perangkat seluler.

Mengatakan bahwa aku memulai kembali blog itu mudah.

Hari ini aku mengubah kalimat itu menjadi struktur file, templat, gaya, metadata, dan layar perangkat seluler.