Menambahkan Notes di tema Jekyll HPSTR

Modifikasi tema Jekyll HPSTR

Sebelum menambahkan class notes pada css di tema Jekyll HPSTR yang saya gunakan, saya sebelumnya menggunakan sintak markdown

1	blockquotes

untuk menampilkan keterangan ataupun catatan, setelah saya ngulik sedikit dokumentasi GitHub, akhirnya saya menambahkan berkas baru untuk pada direktori

1
_sass/

dan menamakan berkas tersebut dengan

1
_alert.scss

isinya seperti berikut:

Setelah berkas dibuat, maka kita perlu menyunting berkas

1	assets/css/main.scss

untuk memanggil berkas yang telah dibuat sebelumnya dengan menambahkan

1
@import "alert";

pada akhir baris.

$ echo "@import "alert";" >> assets/css/main.scss

Hasilnya akan seperti ini:

$ cat assets/css/main.scss

---
sitemap: false
---

/*
 *
 *  HPSTR
 *
 *  Designer: Michael Rose
 *  Twitter: http://twitter.com/mmistakes
 *
*/

// Partials
@import "variables";
@import "mixins";
@import "reset";
@import "vendor/font-awesome/font-awesome";
@import "vendor/magnific-popup/magnific-popup";
@import "site";
@import "typography";
@import "syntax";
@import "coderay";
@import "gist";
@import "grid";
@import "elements";
@import "alert";
@import "animations";
@import "dl-menu";
@import "page";

Mari kita lihat hasil dari penambahan

css

yang sudah dibuat:

<div class="alert alert-note"><strong>Catatan:</strong>
<ul>
<li>Item 1.</li>
<li>Item 2.</li>
<li>Item 3.</li>
<li>Item 4.</li>
</ul>
</div>

Output:

Catatan:

Item 1.
Item 2.
Item 3.
Item 4.

Selesai, semoga bisa lebih bersemangat berbagi pengetahuan.

Menambahkan Notes di tema Jekyll HPSTR

July 27, 2016

Modifikasi tema Jekyll HPSTR

Instalasi Docker di Raspbian - Bagian 1

E: Failed to fetch - Size mismatch

My Contribution to FOSS in July 2016