mrfdn.com - Pada artikel sebelumnya kita sudah berhasil menampilkan list artikel / konten yang terdapat pada blog hugo yang sedang dibuat. Pada artikel ini saya ingin menunjukkan cara untuk menampilkan setiap isi artikel tersebut melalui file single.html. Single.html adalah file yang bertugas untuk merender setiap halaman postingan yang terdapat pada folder content. Silahkan edit file layouts/_default/single.html kemudian paste baris ini di dalamnya. {{ define "main" }} <section> <h1>{{ .Title }}</h1> <div> <article> {{ .Content }} </article> </div> </section> <aside> <div> <section> <h4>{{ .Date.Format "Mon Jan 2, 2006" }}</h4> <h5>{{ .WordCount }} Words</h5> </section> </div> <div> {{ with .PrevInSection }} <a class="previous" href="{{ .Permalink }}">{{.Title}}</a> {{ end }} {{ with .NextInSection }} <a class="next" href="{{ .Permalink }}"> {{.Title}}</a> {{ end }} </div> </aside> {{ end }} Sehingga hasilnya akan seperti ini. ...

Daftar Isi Pendahuluan Apa itu Bash? Kenapa Menggunakan Bash? Bagaimana cara menggunakan Bash? Mari kita mulai Hello World Variables Bash Comments Arguments Functions Conditionals Brace expansion Shell execution Bash Parameter expansions Syntax Substitution Slicing Basepath & Dirpath Transform Bash Arrays Defining arrays Indexing arrays Iterating arrays Bash Arrays Operations Arrays as arguments Bash Dictionaries Defining dictionaries Working with dictionaries Iteration over dictionaries Bash Conditionals Integer conditions String conditions File conditions More conditions Logical and, or, not Bash Loops For loop For loop like C Ranges While loop Continue Break Until loop Infinite loop Loop over file.txt Read line by line Bash Functions Defining functions Returning values Raising errors Passing arguments Bash Options Options Glob options Bash History Commands Expansions Bash History Operations Slices Others Numeric calculations printf Subshells Inspecting commands Redirection Pipes Process substitution Source relative Directory of script Switch/Case Trap errors Getting options Check for command’s result Grep check Special variables Backslash escapes Heredoc Reading input Optional arguments Strict mode Resources Pendahuluan Apa itu Bash? Bash adalah shell Unix dan bahasa perintah yang ditulis oleh Brian Fox untuk Proyek GNU sebagai pengganti perangkat lunak gratis untuk shell Bourne. ...

mrfdn - Tidak terasa kegiatan nge-blog saya sudah berlangsung selama kurang lebih 5 tahunan. Banyak hal yang sudah saya pelajari dan dijadikan experience untuk mendapatkan best practice. Melalui artikel ini saya ingin menyampaikan bahwa blog pribadi saya ini sudah migrasi dari Blogger ke Hugo. Berikut penjelasannya. Blogger itu platform Blogger merupakan platform yang disediakan oleh Google bagi kita yang ingin memiliki blog pribadi. Tidak banyak yang bisa dilakukan, tidak banyak kustomisasi, di Blogger kita hanya fokus menulis konten. ...

mrfdn.com - Git merupakan aplikasi version control yang hampir digunakan oleh semua developer. Git dapat membantu kita memonitor source kode yang sedang dibuat. Kita bisa melakukan roollback terhadap perubahan yang sudah pernah dilakukan kemudian melakukan sejumlah modifikasi. Di git kita juga bisa melakukan kolaborasi dengan orang lain untuk mengerjakan satu atau lebih projek secara bersama-sama tanpa saling terganggu. Git dicintai oleh semua developer karena semua kemudahan yang dimilikinya sangat memudahkan pengembangan aplikasi. ...

Daftar Isi Apa itu Markdown Kenapa menggunakan Markdown Dimana menggunakan markdown? Syntax Markdown Headings Paragraphs Blockquotes Lists Code Horizontal Rules Links Images Tables Emphasis Strikethrough Backslash escapes Apa itu Markdown Membuat artikel untuk dipublish ke web dengan format Markdown akan memudahkan dan mempercepat workflow. Semua file markdown akan dikonversi menjadi file dengan format HTML. Jadi output dokumen akan menjadi sebuah file dengan format html secara sempurna. Anda bisa menggunaan format penulisan markdown melalui wordpress gutenberg saat ini. ...

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. ...