<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Aditya Phra</title>
    <description>The latest articles on DEV Community by Aditya Phra (@adityaphra).</description>
    <link>https://dev.to/adityaphra</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F328867%2F32b01f45-9166-4081-9bf8-4d06b01af085.png</url>
      <title>DEV Community: Aditya Phra</title>
      <link>https://dev.to/adityaphra</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/adityaphra"/>
    <language>en</language>
    <item>
      <title>Cara Membuat Blog dengan Termux</title>
      <dc:creator>Aditya Phra</dc:creator>
      <pubDate>Mon, 03 Feb 2020 11:53:49 +0000</pubDate>
      <link>https://dev.to/adityaphra/cara-membuat-blog-dengan-termux-48a1</link>
      <guid>https://dev.to/adityaphra/cara-membuat-blog-dengan-termux-48a1</guid>
      <description>&lt;p&gt;&lt;em&gt;"Ngeblog di Blogger memanglah epic, tapi pernah gak sih lo ngeblog pakai Termux?"&lt;/em&gt; 😎&lt;/p&gt;

&lt;p&gt;Penggalan kata tersebut, kutemukan saat sedang asik &lt;em&gt;scrolling&lt;/em&gt; di salah satu grup Facebook.&lt;/p&gt;

&lt;p&gt;Rasanya cukup menarik, jika membahas sesuatu yang &lt;em&gt;blogger&lt;/em&gt; jarang lakukan, yaitu Ngeblog pakai Termux.&lt;/p&gt;

&lt;p&gt;Nah, bagi yang belum mengenal aplikasi Termux ini.&lt;/p&gt;

&lt;p&gt;Termux adalah aplikasi terminal emulator dan &lt;em&gt;Linux environment&lt;/em&gt; untuk Android, yang bisa diinstal tanpa akses root.&lt;/p&gt;

&lt;p&gt;Aplikasi Termux bisa dipakai untuk menjalankan &lt;em&gt;perintah&lt;/em&gt; seperti yang ada di sistem operasi Linux, antara lain, &lt;em&gt;nano&lt;/em&gt;, &lt;em&gt;ssh&lt;/em&gt;, dan &lt;em&gt;curl&lt;/em&gt;.&lt;/p&gt;

&lt;p&gt;Kalau kalian masih awam dengan aplikasi Termux ini, bisa baca artikelku tentang &lt;a href="https://deace.id/belajar-termux/" rel="noopener noreferrer"&gt;Panduan Lengkap Belajar Termux untuk Pemula&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Memang bisa ngeblog pakai Termux?&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Tentu saja bisa dong, membahas Termux tidak melulu tentang &lt;em&gt;hacking&lt;/em&gt; dan sebagainya.&lt;/p&gt;

&lt;p&gt;Banyak hal yang bisa kalian manfaatkan dari Termux ini, salah satunya untuk ngeblog.&lt;/p&gt;

&lt;p&gt;Supaya bisa ngeblog di Termux, kalian bisa menggunakan &lt;em&gt;static site generator&lt;/em&gt;, alat yang berfungsi untuk membangun website statis.&lt;/p&gt;

&lt;p&gt;Website statis sudah aja sejak dulu, sebelum adanya CMS (WordPress, Joomla, Drupal, dll).&lt;/p&gt;

&lt;p&gt;Dulu untuk membangun situs web statis, perlu membuat satu per satu file HTML, CSS, dan JavaScript.&lt;/p&gt;

&lt;p&gt;Namun, sekarang sudah ada alat yang jauh lebih canggih untuk membangun website statis, salah satunya &lt;em&gt;static site generator&lt;/em&gt;.&lt;/p&gt;

&lt;p&gt;Sehingga tidak perlu lagi mengedit satu per satu file HTML, CSS, dan JavaScrip untuk mengubah website.&lt;/p&gt;

&lt;p&gt;Cara kerja &lt;em&gt;static site generator&lt;/em&gt;, yaitu dengan membuat file statis (HTML, CSS, dan JavaScript) dari template dan konten.&lt;/p&gt;

&lt;p&gt;Saat ini sudah ada banyak sekali &lt;em&gt;static site generator&lt;/em&gt;, yaitu Jekyll, Hugo, Hexo, GatsbyJS, dsb.&lt;/p&gt;

&lt;p&gt;Dalam pembahasan kali ini, aku memakai Hugo.&lt;/p&gt;

&lt;h2&gt;
  
  
  Instalasi Hugo di Termux
&lt;/h2&gt;

&lt;p&gt;Jalankan perintah ini untuk menginstal hugo dan git di Termux&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;

pkg &lt;span class="nb"&gt;install &lt;/span&gt;hugo git


&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;Setelah semuanya terinstal, mari mulai ngeblog dengan Hugo pakai Termux!&lt;/p&gt;

&lt;h2&gt;
  
  
  Membuat blog dengan Hugo
&lt;/h2&gt;

&lt;p&gt;Pertama, buatlah blog dengan hugo seperti contoh berikut ini.&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;

hugo new site namablog


&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;Kedua, masuk ke direktori namablog.&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;

&lt;span class="nb"&gt;cd &lt;/span&gt;namablog


&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;Selanjutnya, unduh tema dan pasang ke blog kalian.&lt;/p&gt;

&lt;p&gt;Temanya bisa kalian unduh dari &lt;a href="https://themes.gohugo.io/" rel="noopener noreferrer"&gt;Hugo Themes&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;Baca dulu dokumentasi temanya karena di sana ada konfigurasi yang harus diikuti supaya tema bisa digunakan.&lt;/p&gt;

&lt;p&gt;Sebagai contoh, aku menggunakan tema &lt;em&gt;hugo-theme-terminal&lt;/em&gt;.&lt;/p&gt;

&lt;p&gt;Maka konfigurasi config.toml yang diperlukan seperti berikut ini.&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight toml"&gt;&lt;code&gt;

&lt;span class="py"&gt;baseurl&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="s"&gt;"/"&lt;/span&gt;
&lt;span class="py"&gt;languageCode&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="s"&gt;"en-us"&lt;/span&gt;
&lt;span class="py"&gt;theme&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="s"&gt;"terminal"&lt;/span&gt;
&lt;span class="py"&gt;paginate&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="mi"&gt;5&lt;/span&gt;

&lt;span class="nn"&gt;[params]&lt;/span&gt;
  &lt;span class="c"&gt;# dir name of your blog content (default is `content/posts`)&lt;/span&gt;
  &lt;span class="py"&gt;contentTypeName&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="s"&gt;"posts"&lt;/span&gt;

  &lt;span class="c"&gt;# ["orange", "blue", "red", "green", "pink"]&lt;/span&gt;
  &lt;span class="py"&gt;themeColor&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="s"&gt;"orange"&lt;/span&gt;

  &lt;span class="c"&gt;# if you set this to 0, only submenu trigger will be visible&lt;/span&gt;
  &lt;span class="py"&gt;showMenuItems&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="mi"&gt;2&lt;/span&gt;

  &lt;span class="c"&gt;# show selector to switch language&lt;/span&gt;
  &lt;span class="py"&gt;showLanguageSelector&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="kc"&gt;false&lt;/span&gt;

  &lt;span class="c"&gt;# set theme to full screen width&lt;/span&gt;
  &lt;span class="py"&gt;fullWidthTheme&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="kc"&gt;false&lt;/span&gt;

  &lt;span class="c"&gt;# center theme with default width&lt;/span&gt;
  &lt;span class="py"&gt;centerTheme&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="kc"&gt;false&lt;/span&gt;

  &lt;span class="c"&gt;# set a custom favicon (default is a `themeColor` square)&lt;/span&gt;
  &lt;span class="c"&gt;# favicon = "favicon.ico"&lt;/span&gt;

  &lt;span class="c"&gt;# set all headings to their default size (depending on browser settings)&lt;/span&gt;
  &lt;span class="c"&gt;# it's set to `true` by default&lt;/span&gt;
  &lt;span class="c"&gt;# oneHeadingSize = false&lt;/span&gt;

&lt;span class="nn"&gt;[languages]&lt;/span&gt;
  &lt;span class="nn"&gt;[languages.en]&lt;/span&gt;
    &lt;span class="py"&gt;languageName&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="s"&gt;"English"&lt;/span&gt;
    &lt;span class="py"&gt;title&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="s"&gt;"Aditya Phra Blog"&lt;/span&gt;
    &lt;span class="py"&gt;subtitle&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="s"&gt;"Seorang penulis dan penggemar Linux"&lt;/span&gt;
    &lt;span class="py"&gt;keywords&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="s"&gt;""&lt;/span&gt;
    &lt;span class="py"&gt;copyright&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="s"&gt;""&lt;/span&gt;
    &lt;span class="py"&gt;menuMore&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="s"&gt;"Show more"&lt;/span&gt;
    &lt;span class="py"&gt;readMore&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="s"&gt;"Read more"&lt;/span&gt;
    &lt;span class="py"&gt;readOtherPosts&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="s"&gt;"Read other posts"&lt;/span&gt;

    &lt;span class="nn"&gt;[languages.en.params.logo]&lt;/span&gt;
      &lt;span class="py"&gt;logoText&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="s"&gt;"Aditya Phra Blog"&lt;/span&gt;
      &lt;span class="py"&gt;logoHomeLink&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="s"&gt;"/"&lt;/span&gt;

    &lt;span class="nn"&gt;[languages.en.menu]&lt;/span&gt;
      &lt;span class="nn"&gt;[[languages.en.menu.main]]&lt;/span&gt;
        &lt;span class="py"&gt;identifier&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="s"&gt;"about"&lt;/span&gt;
        &lt;span class="py"&gt;name&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="s"&gt;"About"&lt;/span&gt;
        &lt;span class="py"&gt;url&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="s"&gt;"/about"&lt;/span&gt;
      &lt;span class="nn"&gt;[[languages.en.menu.main]]&lt;/span&gt;
        &lt;span class="py"&gt;identifier&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="s"&gt;"showcase"&lt;/span&gt;
        &lt;span class="py"&gt;name&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="s"&gt;"Showcase"&lt;/span&gt;
        &lt;span class="py"&gt;url&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="s"&gt;"/showcase"&lt;/span&gt;


&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;Kloning tema terminal ke direktori &lt;strong&gt;themes&lt;/strong&gt; blog.&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;

git clone https://github.com/panr/hugo-theme-terminal themes/terminal


&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;Selanjutnya, uji coba blogmu dengan hugo server.&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;

hugo server


&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;Terakhir, akses alamat blog &lt;em&gt;(&lt;a href="http://localhost:1313" rel="noopener noreferrer"&gt;http://localhost:1313&lt;/a&gt;)&lt;/em&gt; melalui browser.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2F0s4okm8z8whiojeex4ba.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2F0s4okm8z8whiojeex4ba.jpg" alt="Laman Beranda Aditya Phra Blog"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Menulis artikel di Hugo
&lt;/h2&gt;

&lt;p&gt;Pertama, buatlah sebuah artikel.&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;

hugo new posts/judul-artikel.md


&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;Setelah itu, edit artikel menggunakan teks editor.&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;

nano contect/posts/judul-artikel.md


&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;Kalian bisa menggunakan &lt;a href="https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet" rel="noopener noreferrer"&gt;markdown&lt;/a&gt; sebagai format penulisan artikel.&lt;/p&gt;

&lt;p&gt;Setelah mengeditnya, jalankan &lt;code&gt;hugo server&lt;/code&gt; untuk melihat artikel.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fgj58su7z23lozsv3llk5.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fgj58su7z23lozsv3llk5.jpg" alt="Laman Artikel Aditya Phra Blog"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;em&gt;Men-deploy&lt;/em&gt; ke Hosting
&lt;/h2&gt;

&lt;p&gt;Kalian bisa &lt;a href="https://gohugo.io/hosting-and-deployment/" rel="noopener noreferrer"&gt;&lt;em&gt;men-deploy&lt;/em&gt;&lt;/a&gt; blog Hugo ke GitHub Pages, GitLab Pages, Netflify, dsb.&lt;/p&gt;

&lt;h2&gt;
  
  
  Kesimpulan
&lt;/h2&gt;

&lt;p&gt;Telah dibahas bagaimana cara membuat blog dengan Hugo di Termux.&lt;/p&gt;

&lt;p&gt;Ternyata aplikasi Termux ini bisa digunakan untuk apa saja, ya, salah satunya untuk ngeblog.&lt;/p&gt;

&lt;p&gt;Terima kasih telah membaca artikel singkatku ini, semoga bermanfaat.&lt;/p&gt;

</description>
      <category>blogger</category>
      <category>linux</category>
      <category>termux</category>
      <category>hugo</category>
    </item>
  </channel>
</rss>
