Daftar Isi Apa itu VIM? VIM Modes Normal Mode Insert Mode Command Mode VIM Commands Global Cursor movement Insert mode Editing Marking text (visual mode) Visual commands Registers Marks and positions Macros Cut and paste Indent text Exiting Search and replace Search in multiple files Tabs Working with multiple files Apa itu VIM? Vim merupakan text editor yang yang ada di hampir semua linux. Hampir semua pekerjaan seputar text bisa dilakukan melalui VIM. ...

mrfdn.com - Beberapa hari terakhir, saya memiliki pertanyaan dalam benak tentang bagaimana cara si pembuat undangan online menampilkan nama tamu undangannya saat url dibuka. Pagi ini setelah melaksanakan shalat subuh saya berhasil membuat script sederhana untuk memecahkan masalah ini. Alhamdulillah. Setelah saya ulik ternyata itu bisa dilakukan melalui javascript. Misalnya url undangan online seperti ini : undangan.ku/rafi-zora/?namatamu Saya ingin menampilkan nama tamu yang tertera setelah tanda tanya. Arti tanda tanya itu sendiri adalah location search query pada URL yang dikenali oleh web secara standar. ...

mrfdn.com - Pada artikel sebelumnya sudah dijelaskan beberapa hal yang penting diketahui tentang partials Pada artikel ini saya akan membahas tentang cara setting file list.html pada theme hugo yang sedang dibuat. List template merupakan daftar semua halaman apa saja yang ada di web hugo. Berbeda dengan home page dimana kita bisa set beberapa halaman saja yang tampil, kalau di sini kita bisa melihat semua isi konten. Tanpa berlama-lama simak penjelasannya di bawah. ...

mrfdn.com - Pada artikel sebelumnya sudah dijelaskan beberapa hal yang penting diketahui tentang file baseof.html. Pada artikel ini saya akan membahas tentang cara membuat dan setting file yang terdapat pada folder partials di theme hugo yang sedang dibuat. Partials merupakan kumpulan part atau bagian dari sebuah tag html yang saling berkaitan sehingga menjadi sebuah struktur html yang utuh. Partials ini sifatnya seperti bootstrap, maksudnya saling berkaitan satu sama lain. Jika sebuah halaman yang ingin diload butuh untuk menampilkan elemen tertentu maka kita bisa membuatkan elemen partials nya. ...

mrfdn.com - Kali ini saya akan membahas tentang cara membuat theme hugo sendiri. Artikel akan dibagi menjadi beberapa sub bahasan supaya lebih terstuktur. Karena jika dijelaskan melalui satu artikel ini saja maka akan sangat panjang dan pusing membacanya. Ada beberapa persiapan yang harus diketahui sebelumnya. Apa saja itu? Setidaknya anda harus mengetahui tentang: HTML CSS Go templating language (opsional). Untuk yang pertama dan kedua saya pikir anda sudah mengetahuinya, karena itu memang hal dasar yang harus diketahui. ...

mrfdn.com - Akhirnya saya tertarik menggunakan Hugo sebagai platform untuk kegiatan blogging saya. Kenapa sih pakai Hugo? Kan ada wordpress yang jauh lebih powerfull. Oh iya, sebelumnya saya pernah membuat website hugo gratis yang dihosting di github pages. Dan begini cara hosting Hugo di VPS sendiri. Nah di sini saya ingin menjelaskan alasan kenapa saya menggunakan hugo untuk kebutuhan nge-blog, serta plus minus menggunakan hugo sebagai platform blogging. Berikut penjelasan lengkapnya. Daftar Isi Apa itu Hugo? Apa itu static site? Perbandingan hugo dengan wordpress Theme Database Workflow Kenapa pakai hugo? Belajar hal baru Wordpress terlalu overkill untuk kebutuhan nge-blog saja Space VPS hosting nganggur Apa itu Hugo? Hugo adalah salah satu platform untuk membuat halaman web statis (static site). ...

mrfdn.com - Setelah membuat file list.html di hugo kita mungkin ingin merender deskripsi atau summary. Dimana deskripsi akan muncul ketika ketika diset pada bagian frontmatter artikel, tapi jika tidak di set maka akan merender summary dari artikel. Pastikan pada frontmatter telah diset seperti ini, ada description. --- title: judul artikel description: ini adalah deskripsi artikel --- Kita bisa menggunakan beberapa metode pengkondisian seperti berikut: Menampilkan description atau summary artikel Hugo menggunakan kondisi if <p>{{ if isset .Params "description"}} {{.Params.description}} {{ else }} {{.Summary}} {{ end }}</p> Menampilkan description atau summary artikel Hugo menggunakan cond <p>{{ cond (isset .Params "description") .Params.description .Summary}}</p> Menampilkan description atau summary artikel Hugo menggunakan or <p>{{ or .Description .Summary }}</p> Demikian artikel singkat tentang cara membuat conditional pada template hugo. ...

mrfdn.com - Kalau sebelumnya saya sudah menunjukkan bagaimana cara mengganti gambar neofetch, kali ini saya ingin menyunjukkan tentang cara edit tampilan Neofetch menjadi lebih kecil. Termasuk icon dan data yang ingin ditampilkan. Tampilan Neofetch nanti akan jadi lebih minimalis sama seperti Pfetch Langsung saja buka terminal lalu ketik: neofetch --ascii_distro nixos_small --disable GPU Theme Icons CPU Term Resolution Uptime DE Title Underline Tinggal ubah nama distro yang diinginkan, di sini saya menggunakan distro nixos. ...

mrfdn.com - Rofi merupakan aplikasi untuk menampilkan daftar aplikasi yang terinstall di sistem. Ini sama seperti application launcher pada Desktop Environment. Rofi biasanya digunakan oleh mereka yang menggunakan Window Manager. Apabila kita sudah install aplikasi berbasis desktop (bukan terminal base seperti Neofetch, cmatrix dll) baru maka otomatis akan tampil pada rofi menu. Sebelumnya saya sudah menunjukkan cara install rofi. Pada artikel ini saya ingin menunjukkan bagaimana cara menyembunyikan daftar aplikasi tertentu di Rofi menu. ...

mrfdn.com - Aplikasi di Linux secara default akan berjalan dengan menggunakan theme global yang sudah diset sebelumnya. Misalnya kita menggunakan theme dark mode (mode gelap). Maka semua aplikasi biasanya akan mengikuti schema warn gelap itu. Tapi ada satu hal aplikais yang membuat saya kesulitan untuk menggunakannya dalam mode dark, yaitu Libreoffice Calc. Saya tidak kesulitan melihat icon yang ditampilkan. Saya lebih nyaman menggunakan Libreoffice calc dalam mode light (mode terang). ...