-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
15 changed files
with
139 additions
and
88 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,74 @@ | ||
--- | ||
layout: post | ||
title: Bagaimana cara menambahkan Emoji ke dalam Blog Jekyll | ||
desc: Cerita saya menambahkan Emoji dalam blog atau situs berbasis Jekyll menggunakan Jemoji Gem | ||
category: junkies | ||
tags: [sharing, opini, buku] | ||
last_modified_at: 2020-05-08 | ||
--- | ||
|
||
Cerita saya menambahkan Emoji dalam blog atau situs berbasis Jekyll menggunakan Jemoji Gem. | ||
|
||
## TL:DR menggunakan Jemoji | ||
|
||
Tambahkan kode ini di `Gemfile` | ||
|
||
``` | ||
gem 'jemoji' | ||
``` | ||
|
||
Tambahkan kode dibawah di `_config.yml` | ||
|
||
```yml | ||
plugins: | ||
- jemoji | ||
``` | ||
:bulb: Jika kamu menggunakan Jekyll versi dibawah 3.5.0, gunakan `gems` daripada `plugins`. | ||
|
||
Lalukan `bundle install` | ||
|
||
Lalu tulis shortcode `:+1:` pada salah satu postingan file .md kamu maka otomatis akan muncul :+1: daripada teks `:+:`` | ||
|
||
## TL:RA | ||
|
||
Kemarin ketika saya melihat-lihat README.md di salah satu repositori github, sangat menarik melihat emotikon bertebaran. | ||
|
||
Dan ternyata itu namanya emoji. | ||
|
||
Saya jadi kepikiran menambahkan di README saya dan blog ini. | ||
|
||
### Menambah emoji dengan cara copy-paste | ||
|
||
Pada awalnya, saya menggunakan https://emojipedia.org dengan cara copy paste dari website ybs ke sini seperti ini 👍 dan lumayan sempurna! 🎉 | ||
|
||
Awalnya... | ||
|
||
Namun lama-lama cara ini tidak efektif. Karena saya harus masuk ke website, menjadi emoji yang diinginkan, klik copy, dan klik paste, lalu diulangin lagi. | ||
|
||
Lalu saya coba buka kembali repo yang menarik yang saya sebutkan kembali, dan lihat source codenya ternyata isinya bukan image emoji yang saya bayangkan. | ||
|
||
Melainkan... | ||
|
||
``` | ||
This is great! :+1: | ||
|
||
Happy! :tada: | ||
``` | ||
:party_popper: | ||
Usut punya usut ternyata itu adalah semacam shortcode, atau kode. | ||
### Menambah emoji dengan cara otimatis render menggunakan Jemoji | ||
Jemoji adalah wrapper dari Gemoji. | ||
Referensi | ||
- https://github.com/github/gemoji | ||
- https://github.com/jekyll/jemoji | ||
- https://emojipedia.org |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,18 @@ | ||
--- | ||
layout: post | ||
title: Emoji Cheat Sheet | ||
desc: Daftar emoji populer dan sering saya gunakan berserta kodenya. Sebuah contekan emoji aka cheat sheet. | ||
category: | ||
tags: [emoji, cheatsheet, buku] | ||
last_modified_at: 2020-05-08 | ||
--- | ||
|
||
Daftar emoji populer dan sering saya gunakan berserta kodenya. Sebuah emoji cheatsheet alias contekan. :smirk: | ||
|
||
| emoji | code | | ||
|------------|------------| | ||
| :+1: | `:+1:` | | ||
| :tada: | `:tada:` | | ||
| :100: | `:100:` | | ||
| :bulb: | `:bulb:` | | ||
| :smirk: | `:smirk:` | |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,8 @@ | ||
--- | ||
layout: post | ||
title: | ||
category: junkies | ||
tags: [sharing, opini, buku] | ||
tags: Ruby | ||
last_modified_at: | ||
--- |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters