<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en"><generator uri="https://jekyllrb.com/" version="4.2.2">Jekyll</generator><link href="https://klise.now.sh/feed.xml" rel="self" type="application/atom+xml" /><link href="https://klise.now.sh/" rel="alternate" type="text/html" hreflang="en" /><updated>2026-04-11T17:47:57-03:00</updated><id>https://klise.now.sh/feed.xml</id><title type="html">Victor F. Lopes</title><subtitle>He&apos;s writing in Bahasa about web technology and experience as a journal  for documentation things that he learned, meet him &lt;a href=&quot;https://github.com/vflopes&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;@github&lt;/a&gt;.</subtitle><author><name>Jekyll Klisé</name><email>your-email@email.com</email></author><entry xml:lang="pt"><title type="html">Exemplo de matematica com MathJax</title><link href="https://klise.now.sh/pt/maths-example/" rel="alternate" type="text/html" title="Exemplo de matematica com MathJax" /><published>2021-06-16T19:57:49-03:00</published><updated>2021-06-16T19:57:49-03:00</updated><id>https://klise.now.sh/pt/maths-example-pt</id><content type="html" xml:base="https://klise.now.sh/pt/maths-example/"><![CDATA[<p>Versao em portugues deste artigo em preparacao.</p>]]></content><author><name>Jekyll Klisé</name><email>your-email@email.com</email></author><category term="jekyll" /><category term="update" /><summary type="html"><![CDATA[Versao em portugues deste artigo em preparacao.]]></summary></entry><entry xml:lang="en"><title type="html">Maths Example with Mathjax</title><link href="https://klise.now.sh/en/maths-example/" rel="alternate" type="text/html" title="Maths Example with Mathjax" /><published>2021-06-16T19:57:49-03:00</published><updated>2021-06-16T19:57:49-03:00</updated><id>https://klise.now.sh/en/maths-example</id><content type="html" xml:base="https://klise.now.sh/en/maths-example/"><![CDATA[<p>Below is an example of maths using mathjax.</p>

<p>Any page needing maths should start with the frontmatter:</p>

<figure class="highlight"><pre><code class="language-markdown" data-lang="markdown">usemathjax: true</code></pre></figure>

\[\begin{align*}
y = y(x,t) &amp;= A e^{i\theta} \\
&amp;= A (\cos \theta + i \sin \theta) \\
&amp;= A (\cos(kx - \omega t) + i \sin(kx - \omega t)) \\
&amp;= A\cos(kx - \omega t) + i A\sin(kx - \omega t)  \\
&amp;= A\cos \Big(\frac{2\pi}{\lambda}x - \frac{2\pi v}{\lambda} t \Big) + i A\sin \Big(\frac{2\pi}{\lambda}x - \frac{2\pi v}{\lambda} t \Big)  \\
&amp;= A\cos \frac{2\pi}{\lambda} (x - v t) + i A\sin \frac{2\pi}{\lambda} (x - v t)
\end{align*}\]

<p>Inline maths can be written with the <code class="language-plaintext highlighter-rouge">\\(</code> and <code class="language-plaintext highlighter-rouge">\\)</code> characters, producing inline maths
such as \(\delta(t) \xrightarrow{\mathscr{F}} 1\).</p>

<p>The above is accomplished with thanks to <a href="https://alanduan.me/random/mathjax/">Alan Duan</a> and <a href="https://webdocs.cs.ualberta.ca/~zichen2/blog/coding/setup/2019/02/17/how-to-add-mathjax-support-to-jekyll.html.">Zichen Vincent Zhang</a>.</p>]]></content><author><name>Jekyll Klisé</name><email>your-email@email.com</email></author><category term="jekyll" /><category term="update" /><summary type="html"><![CDATA[Below is an example of maths using mathjax.]]></summary></entry><entry xml:lang="pt"><title type="html">Bem-vindo ao Jekyll</title><link href="https://klise.now.sh/pt/welcome-to-jekyll/" rel="alternate" type="text/html" title="Bem-vindo ao Jekyll" /><published>2020-08-28T23:29:20-03:00</published><updated>2020-08-28T23:29:20-03:00</updated><id>https://klise.now.sh/pt/welcome-to-jekyll-pt</id><content type="html" xml:base="https://klise.now.sh/pt/welcome-to-jekyll/"><![CDATA[<p>Versao em portugues deste artigo em preparacao.</p>]]></content><author><name>Jekyll Klisé</name><email>your-email@email.com</email></author><category term="jekyll" /><category term="update" /><summary type="html"><![CDATA[Versao em portugues deste artigo em preparacao.]]></summary></entry><entry xml:lang="en"><title type="html">Welcome to Jekyll!</title><link href="https://klise.now.sh/en/welcome-to-jekyll/" rel="alternate" type="text/html" title="Welcome to Jekyll!" /><published>2020-08-28T23:29:20-03:00</published><updated>2020-08-28T23:29:20-03:00</updated><id>https://klise.now.sh/en/welcome-to-jekyll</id><content type="html" xml:base="https://klise.now.sh/en/welcome-to-jekyll/"><![CDATA[<p>You’ll find this post in your <code class="language-plaintext highlighter-rouge">_posts</code> directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run <code class="language-plaintext highlighter-rouge">jekyll serve</code>, which launches a web server and auto-regenerates your site when a file is updated.</p>

<p>Jekyll requires blog post files to be named according to the following format:</p>

<p><code class="language-plaintext highlighter-rouge">YEAR-MONTH-DAY-title.MARKUP</code></p>

<p>Where <code class="language-plaintext highlighter-rouge">YEAR</code> is a four-digit number, <code class="language-plaintext highlighter-rouge">MONTH</code> and <code class="language-plaintext highlighter-rouge">DAY</code> are both two-digit numbers, and <code class="language-plaintext highlighter-rouge">MARKUP</code> is the file extension representing the format used in the file. After that, include the necessary front matter. Take a look at the source for this post to get an idea about how it works.</p>

<p>Jekyll also offers powerful support for code snippets:</p>

<figure class="highlight"><pre><code class="language-ruby" data-lang="ruby"><span class="k">def</span> <span class="nf">print_hi</span><span class="p">(</span><span class="nb">name</span><span class="p">)</span>
  <span class="nb">puts</span> <span class="s2">"Hi, </span><span class="si">#{</span><span class="nb">name</span><span class="si">}</span><span class="s2">"</span>
<span class="k">end</span>
<span class="n">print_hi</span><span class="p">(</span><span class="s1">'Tom'</span><span class="p">)</span>
<span class="c1">#=&gt; prints 'Hi, Tom' to STDOUT.</span></code></pre></figure>

<p>Check out the <a href="https://jekyllrb.com/docs/home">Jekyll docs</a> for more info on how to get the most out of Jekyll. File all bugs/feature requests at <a href="https://github.com/jekyll/jekyll">Jekyll’s GitHub repo</a>. If you have questions, you can ask them on <a href="https://talk.jekyllrb.com/">Jekyll Talk</a>.</p>]]></content><author><name>Jekyll Klisé</name><email>your-email@email.com</email></author><category term="jekyll" /><category term="update" /><summary type="html"><![CDATA[You’ll find this post in your _posts directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run jekyll serve, which launches a web server and auto-regenerates your site when a file is updated.]]></summary></entry><entry xml:lang="pt"><title type="html">Como atualizar um repositorio fork</title><link href="https://klise.now.sh/pt/cara-memperbarui-fork-repository/" rel="alternate" type="text/html" title="Como atualizar um repositorio fork" /><published>2020-01-28T15:00:00-03:00</published><updated>2020-01-28T15:00:00-03:00</updated><id>https://klise.now.sh/pt/cara-memperbarui-fork-repository-pt</id><content type="html" xml:base="https://klise.now.sh/pt/cara-memperbarui-fork-repository/"><![CDATA[<p>Versao em portugues deste artigo em preparacao.</p>]]></content><author><name>Jekyll Klisé</name><email>your-email@email.com</email></author><category term="tips" /><category term="git" /><category term="software" /><summary type="html"><![CDATA[Versao em portugues em preparacao.]]></summary></entry><entry xml:lang="en"><title type="html">Cara ribet memperbarui forked repo</title><link href="https://klise.now.sh/en/cara-memperbarui-fork-repository/" rel="alternate" type="text/html" title="Cara ribet memperbarui forked repo" /><published>2020-01-28T15:00:00-03:00</published><updated>2020-01-28T15:00:00-03:00</updated><id>https://klise.now.sh/en/cara-memperbarui-fork-repository</id><content type="html" xml:base="https://klise.now.sh/en/cara-memperbarui-fork-repository/"><![CDATA[<p>Berawal dari saya pengen memperbarui repo yang tua dari suatu organisasi, niatnya pengen rumat ulang nih, ternyata dari orginal reponya ada update, sekalian buat artikel deh, lebih kurang gambaranya seperti ini.</p>

<figure>
<img src="/cara-memperbarui-fork-repository/repo.png" alt="ilustrasi repo yang mau diupdate" />
<figcaption>Fig 1. Gambaran ribetnya.</figcaption>
</figure>

<p>Ada dua cara untuk memperbarui forked repository menggunakan web interface yang disediakan oleh github tapi ribet, atau melalui terminal yang lebih ribet lagi.</p>

<h3 id="melalui-github-boring-way-">Melalui Github (boring way) 💻</h3>

<ol>
  <li>Buka repo yang hasil fork di Github.</li>
  <li>Klik <strong>Pull Requests</strong> di sebelah kanan, lalu <strong>New Pull Request</strong>.</li>
  <li>Akan memunculkan hasil compare antara repo upstream dengan repo kamu(forked repo), dan jika menyatakan “There isn’t anything to compare.”, tekan link <strong>switching the base</strong>, yang mana sekarang repo kamu(forked repo) akan dibalik menjadi base repo dan repo upstream menjadi head repo.</li>
  <li>Tekan <strong>Create Pull Request</strong>, beri judul pull request, Tekan <strong>Send Pull Request</strong>.</li>
  <li>Tekan <strong>Merge Pull Request</strong> dan <strong>Confirm Merge</strong>.</li>
</ol>

<p>* <em>pastikan kamu tidak merubah apapun pada forked repo, supaya melakukan merge secara otomatis, kalo tidak ya paling2 konflik.</em></p>

<h3 id="melalui-terminal-️">Melalui terminal ⌨️</h3>

<p>Tambahkan remote alamat repository yang aslinya disini tak beri nama <code class="language-plaintext highlighter-rouge">upstream</code>., ganti <code class="language-plaintext highlighter-rouge">ORIGINAL_OWNER</code> dan <code class="language-plaintext highlighter-rouge">ORIGINAL_REPO</code> dengan alamat repo aslimu.</p>

<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nv">$ </span>git add remote upstream git@github.com:ORIGINAL_OWNER/ORIGINAL_REPO.git
<span class="nv">$ </span>git remote <span class="nt">-v</span>
<span class="o">&gt;</span> origin    git@github.com:piharpi/www.git <span class="o">(</span>fetch<span class="o">)</span> <span class="c"># forked repo</span>
<span class="o">&gt;</span> origin    git@github.com:piharpi/www.git <span class="o">(</span>push<span class="o">)</span> <span class="c"># forked repo</span>
<span class="o">&gt;</span> upstream    git@github.com:ORIGINAL_OWNER/ORIGINAL_REPO.git <span class="o">(</span>fetch<span class="o">)</span> <span class="c"># upstream repo / original repo</span>
<span class="o">&gt;</span> upstream    git@github.com:ORIGINAL_OWNER/ORIGINAL_REPO.git <span class="o">(</span>push<span class="o">)</span> <span class="c"># upstream repo / original repo</span>
</code></pre></div></div>

<p>Checkout ke local branch <code class="language-plaintext highlighter-rouge">master</code>.</p>

<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nv">$ </span>git checkout master
<span class="o">&gt;</span> Switched to branch <span class="s1">'master'</span>
</code></pre></div></div>

<p>Jika sudah, Merge local repo dengan remote <code class="language-plaintext highlighter-rouge">upstream/master</code>.</p>

<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nv">$ </span>git merge upstream/master
</code></pre></div></div>

<p>Terakhir push local repo ke remote <code class="language-plaintext highlighter-rouge">origin</code>.</p>

<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nv">$ </span>git add <span class="nt">-A</span>
<span class="nv">$ </span>git commit <span class="nt">-m</span> <span class="s2">"updating origin repo"</span> <span class="o">&amp;&amp;</span> git push <span class="nt">-u</span> origin master
</code></pre></div></div>

<p>Selamat mencoba cara ribet ini, semoga bisa dipahami, saya sendiri lebih senang melalui terminal, klo ada yang ribet kenapa cari yang mudah.</p>

<h5 id="resources">Resources</h5>

<ul>
  <li><a href="https://help.github.com/en/github/collaborating-with-issues-and-pull-requests/syncing-a-fork">Syncing a fork</a></li>
  <li><a href="https://rick.cogley.info/post/update-your-forked-repository-directly-on-github/#top">Update your fork directly on Github</a></li>
</ul>]]></content><author><name>Jekyll Klisé</name><email>your-email@email.com</email></author><category term="tips" /><category term="git" /><category term="software" /><summary type="html"><![CDATA[Ada dua cara untuk memperbarui forked repository menggunakan web interface yang disediakan oleh github tapi ribet, atau melalui terminal yang lebih ribet lagi.]]></summary><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://klise.now.sh/cara-memperbarui-fork-repository/repo.png" /><media:content medium="image" url="https://klise.now.sh/cara-memperbarui-fork-repository/repo.png" xmlns:media="http://search.yahoo.com/mrss/" /></entry><entry xml:lang="pt"><title type="html">O que e um shell?</title><link href="https://klise.now.sh/pt/apa-itu-shell/" rel="alternate" type="text/html" title="O que e um shell?" /><published>2020-01-25T01:58:47-03:00</published><updated>2020-01-25T01:58:47-03:00</updated><id>https://klise.now.sh/pt/apa-itu-shell-pt</id><content type="html" xml:base="https://klise.now.sh/pt/apa-itu-shell/"><![CDATA[<p>Versao em portugues deste artigo em preparacao.</p>]]></content><author><name>Jekyll Klisé</name><email>your-email@email.com</email></author><category term="unix/linux" /><category term="cli" /><summary type="html"><![CDATA[Versao em portugues em preparacao.]]></summary></entry><entry xml:lang="en"><title type="html">What is a shell? 🐚 adalah kerang ajaib?</title><link href="https://klise.now.sh/en/apa-itu-shell/" rel="alternate" type="text/html" title="What is a shell? 🐚 adalah kerang ajaib?" /><published>2020-01-25T01:58:47-03:00</published><updated>2020-01-25T01:58:47-03:00</updated><id>https://klise.now.sh/en/apa-itu-shell</id><content type="html" xml:base="https://klise.now.sh/en/apa-itu-shell/"><![CDATA[<p><a href="http://www.youtube.com/watch?v=tc4ROCJYbm0&amp;t=70" target="_blank" rel="noopener">Dulu</a> Sebelum adanya <abbr title="Graphical User Interface">GUI</abbr> cara user berinteraksi dengan komputer menggunakan <abbr title="Command Line Interface">CLI</abbr> yaitu mengetik baris perintah pada sebuah antarmuka dalam bentuk baris teks seperti 👇.</p>

<figure>
<img src="/apa-itu-shell/terminal_nginx.gif" alt="installing nginx in ubuntu" />
<figcaption>Fig 1. Terminal emulator, instalasi package dan check service.</figcaption>
</figure>

<p>Jika kamu pernah menggunakan unix/linux mungkin pernah menggunakan program diatas, bahkan mungkin setiap hari menggunakannya untuk mengeksekusi suatu perintah melalui <a href="http://en.wikipedia.org/wiki/List_of_terminal_emulators" target="_blank" rel="noopener">terminal emulator</a>.</p>

<p>User<sup id="user"><a href="#user-ref">[1]</a></sup> tidak bisa secara langsung berkomunikasi dengan sebuah hardware komputer, maka dari itu kita membutuhkan sebuah sistem operasi; <strong>Kernel</strong> adalah program yang merupakan inti utama dari sistem operasi komputer.</p>

<figure>
<img src="/apa-itu-shell/kernel.png" alt="kernel central of operating system" />
<figcaption>Fig 2. bagan kernel.</figcaption>
</figure>

<p>Kernel memfasilitasi interaksi antara komponen perangkat keras dan perangkat lunak, berperan untuk menangani permintaan input/ouput dari perangkat lunak, selanjutnya menerjemahkannya ke dalam pemrosesan data untuk diintruksikan ke CPU, sehingga Hardware(cpu, memory, devices) mengerti perintah yang dimaksud dari pengguna.</p>

<p>Ketika kita menginputkan suatu perintah pada terminal emulator, kernel tidak langsung mengerti perintah yang kita ketik, kita membutuhkan suatu interface sebagai perantara menuju kernel yaitu <strong>Shell</strong>.</p>

<figure>
<img src="/apa-itu-shell/shell.png" alt="shell" />
<figcaption>Fig 3. bagan komunikasi shell.</figcaption>
</figure>

<p><mark>Shell adalah sebuah command-line interpreter; program yang berperan sebagai penerjemah perintah yang diinputkan oleh User yang melalui terminal</mark>, sehingga perintah tersebut bisa dimengerti oleh si Kernel.</p>

<p>Login shell biasanya ditetapkan oleh local System Administrator ketika pada saat pertama user kamu dibuat, kamu bisa lihat login shell yang sedang kamu gunakan dengan perintah dibawah ini.</p>

<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nv">$ </span><span class="nb">echo</span> <span class="nv">$SHELL</span>
<span class="c"># atau</span>
<span class="nv">$ </span><span class="nb">echo</span> <span class="nv">$0</span>
</code></pre></div></div>

<p>Setiap shell mempunyai default prompt. beberapa shell yang paling umum:</p>

<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nv">$ </span><span class="o">(</span>dollar sign<span class="o">)</span>   <span class="c"># sh, ksh, bash</span>
% <span class="o">(</span>percent sign<span class="o">)</span>  <span class="c"># csh, tcsh</span>
</code></pre></div></div>

<h5 id="terminologi-pada-shell-prompt">Terminologi pada shell prompt</h5>

<p>Shell prompt adalah tempat dimana kita menuliskan suatu perintah, berikut adalah terminologinya ini membantu, jika kamu ingin mengetahui bagian-bagianya.</p>

<figure>
<img src="/apa-itu-shell/term_shell_prompt.png" alt="shell" />
<figcaption>Fig 4. bagian-bagin dari shell prompt.</figcaption>
</figure>

<p>Dibawah ini salah satu contoh perintah sederhana untuk menampilkan sebuah arsitektur CPU komputer yang sedang saya gunakan.</p>

<figure>
<img src="/apa-itu-shell/terminal_lscpu.gif" alt="installing nginx in ubuntu" />
<figcaption>Fig 5. menampilkan informasi tentang arsitektur CPU.</figcaption>
</figure>

<p>Dari perintah yang contohkan, ketika user mengetikan suatu inputan perintah di terminal dan menekan <kbd>ENTER</kbd>, maka shell akan mengubah perintah user menjadi bahasa yang bisa dipahami oleh kernel, dan Kernel menerjemahkannya ke dalam pemrosesan data untuk diintruksikan ke Hardware sehingga menghasilkan output yg sesuai dengan perintah user.</p>

<p>Shell mempunyai beberapa macam dan turunan, berikut yang paling umum.</p>

<figure>
<img src="/apa-itu-shell/shell_evolution.png" alt="shell evolution" />
<figcaption>Fig 6. evaluasi shell dari tahun ke tahun.</figcaption>
</figure>

<p>Sedikit penjelasan dari gambar diatas.</p>

<ul>
  <li>Bourne shell <code class="language-plaintext highlighter-rouge">sh</code>
Dikembangkan oleh Stephen Bourne di Bell Labs, yang kala itu sebagai pengganti Thompson shell(diciptakan Ken Thompson), banyak sistem unix-like tetap memiliki <code class="language-plaintext highlighter-rouge">/bin/sh</code>—yang mana menjadi symbolic link atau hard link, bahkan ketika shell lain yang digunakan tetap <code class="language-plaintext highlighter-rouge">sh</code> adalah sebagai dasarnya, sebagai kompatibilitas perintah.</li>
  <li>Korn shell <code class="language-plaintext highlighter-rouge">ksh</code> Unix shell yang dikembangkan oleh David Korn di Bell Labs,
inisialiasi pengembangan ini berdasar pada source code Bourne shell, namun juga memiliki fitur <code class="language-plaintext highlighter-rouge">csh</code> dan <code class="language-plaintext highlighter-rouge">sh</code>, pengembanganya pun pada saat saya menulis ini pun terus <a href="http://github.com/att/ast" target="_blank" rel="noopener">terawat</a>.</li>
  <li>Bourne again shell <code class="language-plaintext highlighter-rouge">bash</code>
adalah proyek ini open source <a href="http://gnu.org/software/bash/" target="_blank" rel="noopener">GNU project</a> memilki kompatibel dengan <code class="language-plaintext highlighter-rouge">sh</code> yang menggabungkan fitur penting dari <code class="language-plaintext highlighter-rouge">ksh</code> dan <code class="language-plaintext highlighter-rouge">csh</code>, dan menjadi salah satu shell yang paling umum digunakan (umumnya menjadi default shell login Linux dan Apple’s macOS Mojave).</li>
  <li>Z shell <code class="language-plaintext highlighter-rouge">zsh</code> ini mempunyai wadah komunitasnya disebutnya <a href="http://ohmyz.sh/" target="_blank" rel="noopener">“Oh My Zsh”</a>, plug-in dan theme <code class="language-plaintext highlighter-rouge">zsh</code> bisa kita temukan di komunitas ini, saya saat ini menggunakan <code class="language-plaintext highlighter-rouge">zsh</code>, shell ini juga menjadi default dari sistem operasi macOS Catalina, yang menggantikan bash.</li>
  <li>friendly interactive shell <code class="language-plaintext highlighter-rouge">fish</code>
yah sesuai dengan <a href="http://fishshell.com/" target="_blank" rel="noopener">deskripsi</a> di web nya, menurut saya shell ini fun banget, fitur yang saya sukai dari shell ini autosuggestions, dan konfigurasi yang mudah melalui web based.</li>
</ul>

<p>Masih banyak yang belum dijelaskan pada tulisan ini jika masih tertarik, baca lebih <a href="http://en.wikipedia.org/wiki/List_of_command-line_interpreters#Operating_system_shells" target="_blank" rel="noopener">banyak</a> dan juga <a href="http://en.wikipedia.org/wiki/Comparison_of_command_shells" target="_blank" rel="noopener">komparasinya</a> masing-masing shell.</p>

<p>Jika kamu tertarik untuk mengubah default shell login pada sistem operasi, kamu bisa menginstall dengan cara mengikuti didokumentasi/cara penginstallan dimasing-masing shell disini saya tidak membahas karena distro yang kita pakai mungkin berbeda-beda.</p>

<p>Untuk menjadikan default shell login pada OS bisa menggunakan perintah ini.</p>

<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="c"># command</span>
<span class="nv">$ </span><span class="nb">sudo </span>chsh <span class="o">[</span>options] <span class="o">[</span>LOGIN]

<span class="c"># contoh penggunaan</span>
<span class="nv">$ </span><span class="nb">sudo </span>chsh <span class="nt">-s</span> /user/bin/zsh harpi
<span class="c"># mengubah default shell user harpi menjadi zsh shell.</span>
<span class="nv">$ </span>reboot

<span class="c"># atau kamu juga bisa mengubah file /etc/passwd dan edit secara manual user shellnya.</span>
<span class="c"># jika masih bingung manfaatkan perintah man untuk melihat manual page.</span>
<span class="nv">$ </span>man chsh
</code></pre></div></div>

<p>Terakhir untuk tulisan ini, shell memilki berbagai macam, pilihlah shell yang sesuai dengan keinginanmu untuk menunjang produktivitas dan sesuaikan dengan kebutuhan, terlalu banyak plugin dan kebingungan memilih tema itu buruk 😁.</p>

<p>Terimakasih sudah baca, <em>penulis menerima kritik dan saran.</em></p>

<h5 id="notes">Notes</h5>

<p><small id="user-ref"><sup><a href="#user">[1]</a></sup> Manusia yang mengoperasikan dan mengendalikan sistem komputer.</small></p>

<h5 id="resources">Resources</h5>

<ul>
  <li><a href="http://developer.ibm.com/tutorials/l-linux-shells/">Evolution shells in Linux</a></li>
  <li><a href="http://www.linfo.org/kernel.html">Kernel Defintion</a></li>
  <li><a href="http://www.cis.rit.edu/class/simg211/unixintro/Shell.html">The Shell</a></li>
</ul>]]></content><author><name>Jekyll Klisé</name><email>your-email@email.com</email></author><category term="unix/linux" /><category term="cli" /><summary type="html"><![CDATA[Shell adalah sebuah command-line interpreter; program yang berperan sebagai penerjemah perintah yang diinputkan oleh User yang melalui terminal, sehingga perintah tersebut bisa dimengerti oleh si Kernel.]]></summary><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://klise.now.sh/apa-itu-shell/shell_evolution.png" /><media:content medium="image" url="https://klise.now.sh/apa-itu-shell/shell_evolution.png" xmlns:media="http://search.yahoo.com/mrss/" /></entry><entry xml:lang="pt"><title type="html">Como este site nasceu</title><link href="https://klise.now.sh/pt/how-this-site-was-made/" rel="alternate" type="text/html" title="Como este site nasceu" /><published>2018-09-27T23:45:47-03:00</published><updated>2018-09-27T23:45:47-03:00</updated><id>https://klise.now.sh/pt/how-this-site-was-made-pt</id><content type="html" xml:base="https://klise.now.sh/pt/how-this-site-was-made/"><![CDATA[<p>Versao em portugues deste artigo em preparacao.</p>]]></content><author><name>Jekyll Klisé</name><email>your-email@email.com</email></author><category term="blog" /><category term="netlify" /><category term="jekyll" /><category term="github" /><summary type="html"><![CDATA[Versao em portugues em preparacao.]]></summary></entry><entry xml:lang="en"><title type="html">How this site was born 👶</title><link href="https://klise.now.sh/en/how-this-site-was-made/" rel="alternate" type="text/html" title="How this site was born 👶" /><published>2018-09-27T23:45:47-03:00</published><updated>2018-09-27T23:45:47-03:00</updated><id>https://klise.now.sh/en/how-this-site-was-made</id><content type="html" xml:base="https://klise.now.sh/en/how-this-site-was-made/"><![CDATA[<p>The website was made using Jekyll the one of open source static sites generator, and using my own simple theme, I called <a href="https://github.com/piharpi/klise">klisé</a>.</p>

<hr />

<p>All the services are free, source code the site was placed on my <a href="https://github.com/piharpi/mahendrata.now.sh">github</a> repository and intergration with <del><a href="https://netlify.com">netlify</a></del> service, another service that you can use is <a href="https://pages.github.com/">github page</a> for hosting your own static site.</p>

<hr />

<h4 id="lets-do-this">Let’s do this</h4>

<p>So, before we start create a site, you need some tools, you can self paced for how to installing each tools, on this guide i’m just want to show you how to install jekyll and deploying in netlify, but make sure you have each tools below.</p>

<h4 id="prerequisites">Prerequisites</h4>

<p>Requirements before we doing magic show.</p>

<ul>
  <li><a href="https://www.ruby-lang.org/en/downloads/">Ruby</a> programming language</li>
  <li><a href="https://git-scm.com">Git</a> (version control)</li>
  <li><a href="https://netlify.com">Netlify</a> and <a href="https://github.com">Github</a> account</li>
  <li><a href="https://bundler.io">Bundler</a></li>
</ul>

<h4 id="installation">Installation</h4>

<p>First, you need some <a href="https://www.staticgen.com/">SSG</a>, there are many kind ssg, but in case i’m using Jekyll cause i’m already familiar with it, open your terminal and type command on below</p>

<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nv">$ </span>bundle <span class="nb">install </span>jekyll <span class="c"># installing jekyll in your machine</span>
<span class="nv">$ </span>jekyll new my-site <span class="o">&amp;&amp;</span> <span class="nb">cd </span>my-site <span class="c"># create new jekyll project</span>
<span class="nv">$ </span>jekyll s <span class="c"># run jekyll server</span>
</code></pre></div></div>

<p>Now, jekyll is running on your local machine, open your browser and go to <code class="language-plaintext highlighter-rouge">localhost:4000</code> is default address from jekyll, press <kbd>CTRL</kbd> + <kbd>C</kbd> to stop the jekyll server.</p>

<h4 id="adding-remote-repository">Adding remote repository</h4>

<p>Before we adding remote repository, you must have <a href="https://github.com/new">github</a> repository, if already have repository, just add github remote address to your local folder, with the following commands</p>

<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nv">$ </span>git init <span class="c"># initializing project folder</span>
<span class="nv">$ </span>git remote add origin https://github.com/YOUR-USERNAME/YOUR-REPO.git <span class="c"># change UPPERCASE with your own!</span>
<span class="nv">$ </span>git add <span class="nt">-A</span> <span class="o">&amp;&amp;</span> git commit <span class="nt">-m</span> <span class="s2">"Initialize"</span> <span class="o">&amp;&amp;</span> git push <span class="nt">-u</span> origin master <span class="c"># push code to github</span>
</code></pre></div></div>

<p>Now check your github repository, make sure the files is uploaded correctly.</p>

<h4 id="deploying-to-netlify">Deploying to netlify</h4>

<p>Go <a href="https://netlify.com">netlify</a> dashboard, and following this step.</p>

<ol>
  <li>click <code class="language-plaintext highlighter-rouge">new site from git</code>, then choose <code class="language-plaintext highlighter-rouge">Github</code>.</li>
  <li>then choose your repository where is the jekyll sources uploaded.</li>
  <li>netlify smart enough to configuring, we just need’s are hosting’s are hosting’s are hosting’s are hosting to click <code class="language-plaintext highlighter-rouge">Deploy site button</code>.</li>
</ol>

<p>Wait for moment, and voila..! your site’s are hosting and using <code class="language-plaintext highlighter-rouge">.netlify.com</code> tld, if your website wants to look professional, just buy a domain from your favorite domain store. or if you the first time, I advice using namecheap.com<em>(isn’t sponsor)</em> *based on my experienced it provides good service and have various TLDs.</p>

<p>So, what you waiting for, just create your own website for free.</p>]]></content><author><name>Jekyll Klisé</name><email>your-email@email.com</email></author><category term="blog" /><category term="netlify" /><category term="jekyll" /><category term="github" /><summary type="html"><![CDATA[All the services are free, a source code this site placed on github repository and intergration with netlify service, another service that you can use is github page for hosting your own static site.]]></summary></entry></feed>