Update Website

25 files changed, 721 insertions, 52 deletions

diff --git a/public/about/index.html b/public/about/index.html
index e81ecd6..e25c722 100644
--- a/public/about/index.html
+++ b/public/about/index.html
@@ -20,7 +20,7 @@
 	
 
 	
-	<link rel="stylesheet" type="text/css" media="screen" href="/css/main.ac08a4c9714baa859217f92f051deb58df2938ec352b506df655005dcaf98cc0.css" />
+	<link rel="stylesheet" type="text/css" media="screen" href="/css/main.1a179ecf698f22cf6a586613274b4d2feb284100ff63472c376cfe989b6fc2a6.css" />
 		<link id="darkModeStyle" rel="stylesheet" type="text/css" href="/css/dark.726cd11ca6eb7c4f7d48eb420354f814e5c1b94281aaf8fd0511c1319f7f78a4.css" media="(prefers-color-scheme: dark)"  />
 	
 
@@ -95,7 +95,7 @@
 <li><a href="https://https://github.com/Linc2427/TwinGuard" title="TwinGuard">PKM-KC: 🔐 Sistem Keamanan dan Monitoring Berbasis IoT dengan Access Code dan GPS Tracking</a></li>
 <li><a href="https://github.com/Linc2427/Golek.in" title="Golek.in">Website Pengecekan Bagasi Bandara Udara Juanda</a></li>
 <li><a href="https://github.com/Linc2427/Aplikasi-Vaksin-Bash" title="Aplikasi Vaksin">Aplikasi Vaksin Surabaya Menggunakan Zenity</a></li>
-<li><a href="https://github.com/Linc2427/SmartPju" title="Smart Pju">Website Monitoring Lampu Penerangan Jalan Gresik</a></li>
+<li><a href="https://github.com/Linc2427/SmartPju" title="Smart Pju">Website Monitoring Lampu Penerangan Jalan Gresik PT.Telkom</a></li>
 <li><a href="https://github.com/Linc2427/Si-HU" title="Si-HU">Deteksi Suhu Pada Pintu Masuk Menggunakan Arduino</a></li>
 <li><a href="https://github.com/Linc2427/Aplikasi-E-commerce-Java" title="Aplikasi E-Commerce Java">Aplikasi E-Commerce Menggunakan Java</a></li>
 <li><a href="https://drive.google.com/drive/folders/19XisZQUZ89XGICcL_qbTS9s3AiDMIV1V" title="Website Persewaan Buku">website Persewaan Buku</a></li>
diff --git a/public/archives/index.html b/public/archives/index.html
index 49101e4..1a71a81 100644
--- a/public/archives/index.html
+++ b/public/archives/index.html
@@ -20,7 +20,7 @@
 	
 
 	
-	<link rel="stylesheet" type="text/css" media="screen" href="/css/main.ac08a4c9714baa859217f92f051deb58df2938ec352b506df655005dcaf98cc0.css" />
+	<link rel="stylesheet" type="text/css" media="screen" href="/css/main.1a179ecf698f22cf6a586613274b4d2feb284100ff63472c376cfe989b6fc2a6.css" />
 		<link id="darkModeStyle" rel="stylesheet" type="text/css" href="/css/dark.726cd11ca6eb7c4f7d48eb420354f814e5c1b94281aaf8fd0511c1319f7f78a4.css" media="(prefers-color-scheme: dark)"  />
 	
 
diff --git a/public/categories/index.html b/public/categories/index.html
index 2f8e3a5..592a7ae 100644
--- a/public/categories/index.html
+++ b/public/categories/index.html
@@ -19,7 +19,7 @@
 	
 
 	
-	<link rel="stylesheet" type="text/css" media="screen" href="/css/main.ac08a4c9714baa859217f92f051deb58df2938ec352b506df655005dcaf98cc0.css" />
+	<link rel="stylesheet" type="text/css" media="screen" href="/css/main.1a179ecf698f22cf6a586613274b4d2feb284100ff63472c376cfe989b6fc2a6.css" />
 		<link id="darkModeStyle" rel="stylesheet" type="text/css" href="/css/dark.726cd11ca6eb7c4f7d48eb420354f814e5c1b94281aaf8fd0511c1319f7f78a4.css" media="(prefers-color-scheme: dark)"  />
 	
 
diff --git a/public/css/main.1a179ecf698f22cf6a586613274b4d2feb284100ff63472c376cfe989b6fc2a6.css b/public/css/main.1a179ecf698f22cf6a586613274b4d2feb284100ff63472c376cfe989b6fc2a6.css
new file mode 100644
index 0000000..8b002d6
--- /dev/null
+++ b/public/css/main.1a179ecf698f22cf6a586613274b4d2feb284100ff63472c376cfe989b6fc2a6.css
@@ -0,0 +1,335 @@
+/* Markdown */
+:root{
+--maincolor: red;
+--bordercl:rebeccapurple;
+--callouctcolor:dodgerblue;
+--hovercolor:navy;
+--darkMaincolor: #50fa7b;
+}
+html {
+  color: #232333;
+  font-family: 'Roboto Mono', monospace;
+  font-size: 15px;
+  line-height: 1.6em;
+}
+body{
+  display: block;
+  margin: 8px;
+}
+* {
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+::selection {
+  background: var(--maincolor);
+  color: #fff;
+}
+
+p {
+  font-family: 'Fira Sans', sans-serif;
+  line-height: 1.5;
+  text-align: justify;
+  text-justify: inter-word;
+}
+
+hr {
+  border: 0;
+  border-top: 3px dotted var(--bordercl);
+  margin: 1em 0;
+}
+
+blockquote {
+  border-left: 3px solid var(--bordercl);
+  color: #737373;
+  margin: 0;
+  padding-left: 1em;
+}
+
+a {
+  border-bottom: 3px solid var(--maincolor);
+  color: inherit;
+  text-decoration: none;
+}
+a:hover {
+    background-color: var(--hovercolor);
+    color: #fff;
+}
+
+ul {
+  list-style: none;
+  padding-left: 2ch;
+}
+ul li {
+  text-indent: -2ch;
+}
+ul > li::before {
+  content: '* ';
+  font-weight: bold;
+}
+
+/* Images */
+img {
+  border: 3px solid #ececec;
+  max-width: 100%;
+}
+
+figure {
+  box-sizing: border-box;
+  display: inline-block;
+  margin: 0;
+  max-width: 100%;
+}
+
+figure img {
+  max-height: 500px;
+}
+
+@media screen and (min-width: 600px) {
+  figure {
+    padding: 0 40px;
+  }
+}
+
+figure h4 {
+  font-size: 1rem;
+  margin: 0;
+  margin-bottom: 1em;
+}
+figure h4::before {
+  content: '↳ ';
+}
+
+/* Code blocks */
+code {
+  background-color: #f1f1f1;
+  padding: .1em .2em;
+}
+
+pre {
+  background-color: #ececec;
+  line-height: 1.4;
+  overflow-x: auto;
+  padding: 1em;
+}
+
+.highlight pre ::selection {
+  background: rgba(255, 255, 255, 0.2);
+  color: inherit;
+}
+
+pre code {
+  background-color: transparent;
+  color: inherit;
+  font-size: 100%;
+  padding: 0;
+}
+
+/* Containers */
+.content {
+  margin-bottom: 4em;
+  margin-left: auto;
+  margin-right: auto;
+  max-width: 800px;
+  padding: 0 1ch;
+  word-wrap: break-word;
+}
+
+/* Header */
+header {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  margin: 1em 0;
+  line-height: 2.5em;
+}
+
+header .main {
+  font-size: 1.5rem;
+}
+h1, h2, h3, h4, h5, h6 {
+  font-size: 1.2rem;
+  margin-top: 2em;
+}
+
+h1::before { color: var(--maincolor); content: '# '; }
+h2::before { color: var(--maincolor); content: '## '; }
+h3::before { color: var(--maincolor); content: '### '; }
+h4::before { color: var(--maincolor); content: '#### '; }
+h5::before { color: var(--maincolor); content: '##### '; }
+h6::before { color: var(--maincolor); content: '###### '; }
+
+.meta {
+  color: #999;
+  letter-spacing: -0.5px;
+}
+
+/* Footer */
+footer {
+  display: flex;
+  align-items: center;
+  border-top: 0.4rem dotted var(--bordercl);
+  padding: 2rem 0rem;
+  margin-top: 2rem;
+}
+.soc {
+  display: flex;
+  align-items: center;
+  border-bottom: none;
+}
+.border {
+  margin-left: 0.5rem;
+  margin-right: 0.5rem;
+  border: 1px solid;
+}
+.footer-info {
+  padding: var(--footer-padding);
+}
+
+/* Common */
+.title h1 {
+  margin-bottom: 0;
+}
+
+time {
+  color: grey;
+}
+
+/* Posts */
+article .title {
+  margin-bottom: 1em;
+}
+
+
+/* Callout */
+.callout {
+  background-color: var(--callouctcolor);
+  color: #fff;
+  padding: 1em;
+}
+
+.callout p {
+  font-family: 'IBM Plex Mono', monospace;
+  margin: 0;
+}
+
+.callout a {
+  border-bottom: 3px solid #fff;
+}
+
+.callout a:hover {
+  background-color: #fff;
+  color: var(--callouctcolor);
+}
+
+.site-description {
+display: flex;
+justify-content: space-between;
+}
+.tags li::before{
+  content: "🏷 ";
+}
+.tags a{
+  border-bottom: 3px solid var(--maincolor); 
+}
+.tags a:hover{
+  color:white;
+  background-color: var(--hovercolor); 
+}
+svg{
+  max-height: 15px;
+}
+.soc:hover{
+  color: white;
+}
+.draft-label{ 
+    color: var(--bordercl);
+    text-decoration: none;
+    padding: 2px 4px;
+    border-radius: 4px;
+    margin-left: 6px;
+    background-color: #f9f2f4;
+}
+.highlight {
+  position: relative;
+  -webkit-overflow-scrolling: touch;
+}
+.highlight pre code[class*="language-"] {
+  -webkit-overflow-scrolling: touch;
+}
+.highlight pre code[class*="language-"]::before {
+  background: black;
+  border-radius: 0 0 0.25rem 0.25rem;
+  color: white;
+  font-size: 12px;
+  letter-spacing: 0.025rem;
+  padding: 0.1rem 0.5rem;
+  position: absolute;
+  right: 1rem;
+  text-align: right;
+  text-transform: uppercase;
+  top: 0;
+}
+
+.highlight pre code[class=language-javaScript]::before,
+.highlight pre code[class="language-js"]::before {
+content: "js";
+background: #f7df1e;
+color: black;
+}
+.highlight pre code[class*='language-yml']::before,
+.highlight pre code[class*='language-yaml']::before {
+content: 'yaml';
+background: #f71e6a;
+color: white;
+}
+.highlight pre code[class*='language-shell']::before,
+.highlight pre code[class*='language-bash']::before,
+.highlight pre code[class*='language-sh']::before {
+content: 'shell';
+background: green;
+color:white
+}
+.highlight pre code[class*='language-json']::before{
+content: 'json';
+background: dodgerblue;
+ color: #000000 
+}
+.highlight pre code[class*='language-python']::before,
+.highlight pre code[class*='language-py']::before {
+content: 'py';
+background: blue;
+color: yellow ;
+}
+.highlight pre code[class*='language-css']::before{
+content: 'css';
+background: cyan;
+color: black ;
+}
+.highlight pre code[class*='language-go']::before{
+content: 'Go';
+background: cyan;
+color: royalblue ;
+}
+.highlight pre code[class*='language-md']::before,
+.highlight pre code[class*='language-md']::before{
+content: 'Markdown';
+background: royalblue;
+color: whitesmoke ;
+}
+
+/* table */
+table {
+  border-spacing: 0;
+  border-collapse: collapse;
+}
+
+table th{
+  padding: 6px 13px;
+  border: 1px solid #dfe2e5;
+  font-size: large;
+}
+
+table td{
+  padding: 6px 13px;
+  border: 1px solid #dfe2e5;
+}
diff --git a/public/index.html b/public/index.html
index 7829dc8..4fe2c35 100644
--- a/public/index.html
+++ b/public/index.html
@@ -20,7 +20,7 @@
 	
 
 	
-	<link rel="stylesheet" type="text/css" media="screen" href="/css/main.ac08a4c9714baa859217f92f051deb58df2938ec352b506df655005dcaf98cc0.css" />
+	<link rel="stylesheet" type="text/css" media="screen" href="/css/main.1a179ecf698f22cf6a586613274b4d2feb284100ff63472c376cfe989b6fc2a6.css" />
 		<link id="darkModeStyle" rel="stylesheet" type="text/css" href="/css/dark.726cd11ca6eb7c4f7d48eb420354f814e5c1b94281aaf8fd0511c1319f7f78a4.css" media="(prefers-color-scheme: dark)"  />
 	
 
@@ -62,6 +62,17 @@
 				
 				
 				<section class="list-item">
+					<h1 class="title"><a href="/posts/ranger/">Ranger File Manager</a></h1>
+					<time>Jan 30, 2024</time>
+					<br><div class="description">
+	
+	Ranger merupakan file manager yang berbasis terminal, sehingga tidk perlu GUI. Ranger memiliki banyak fitur-fitur yang sangat berguna dibandingkan program file manager lainnya yang berbasis GUI.
+	
+</div>
+					<a class="readmore" href="/posts/ranger/">Read more ⟶</a>
+				</section>
+				
+				<section class="list-item">
 					<h1 class="title"><a href="/posts/neovim/">Neovim Sebagai IDE</a></h1>
 					<time>Jan 21, 2024</time>
 					<br><div class="description">
diff --git a/public/index.xml b/public/index.xml
index 8906664..6dea460 100644
--- a/public/index.xml
+++ b/public/index.xml
@@ -7,28 +7,35 @@
     <generator>Hugo -- gohugo.io</generator>
     <language>en-us</language>
     <copyright>© Mqdd</copyright>
-    <lastBuildDate>Sun, 21 Jan 2024 04:56:47 +0700</lastBuildDate>
+    <lastBuildDate>Tue, 30 Jan 2024 02:41:45 +0700</lastBuildDate>
     <atom:link href="/index.xml" rel="self" type="application/rss+xml" />
     <item>
+      <title>Ranger File Manager</title>
+      <link>/posts/ranger/</link>
+      <pubDate>Tue, 30 Jan 2024 02:41:45 +0700</pubDate>
+      <guid>/posts/ranger/</guid>
+      <description>Ranger FM Ranger merupakan terminal based program yang berfungsi sebagai file manager sebgaimana. Pada tutorial ini saya menggunakan Ranger pada WSL di Windows 11 dengan distro Ubuntu. Ranger juga tersedia pada repository lain seperti Arch Repo, dnf, dan nix-pkg.&#xA;Ada beberapa fitur yang tidak dapat berjalan pada WSL contohnya seperti Image Preview hal ini dikarenakan image preview membutuhkan X-Server/Display server seperti halnya di linux.&#xA;Pada blog post ini saya ingin menunjukkan cara membuka program windows dari ranger pada WSL.</description>
+    </item>
+    <item>
       <title>About Author</title>
       <link>/about/</link>
       <pubDate>Sun, 21 Jan 2024 00:00:00 +0000</pubDate>
       <guid>/about/</guid>
-      <description> Me Nama Saya Ahmad Miqdad, saya merupakan mahasiswa prodi Teknik Telekomunikasi Politeknik Elektronika Negeri Surabaya (PENS). Saya memiliki minat dalam bidang Web Development dan IoT, dalam mengembangkan minat tersebut saya telah melakukan beberapa kegiatan yang dapat mengasah keahlian diantaranya mengikuti sertifikasi dan mengerjakan sebuah proyek.&#xA;Experience Peserta Penanggulangan Keadaan Darurat (PKD) Ke-108 Bandar Udara Juanda Surabaya Program Kreativitas Mahasiswa (PKM) Vokasi 2023 - Karsa Cipta Kerja Praktik PT. Angkasa Pura I (Airport Technology) Talent Scouting Academy (TSA) Indonesian Young Smart Industry Academy Latihan Keterampilan Manajemen Mahasiswa Tingkat Dasar Latihan Keterampilan Manajemen Mahasiswa Pra-Tingkat Dasar International General Certificate of Secondary Education Cambridge Assessment International Education Digital Technology Certification by UNSW Global &amp;ldquo;Design Your First Web&amp;rdquo; by HIMIT PENS Project Prediksi Produksi Padi Menggunakan Metode LSTM-SVM di Kabupaten Gresik PKM-KC: 🔐 Sistem Keamanan dan Monitoring Berbasis IoT dengan Access Code dan GPS Tracking Website Pengecekan Bagasi Bandara Udara Juanda Aplikasi Vaksin Surabaya Menggunakan Zenity Website Monitoring Lampu Penerangan Jalan Gresik Deteksi Suhu Pada Pintu Masuk Menggunakan Arduino Aplikasi E-Commerce Menggunakan Java website Persewaan Buku Linux Dotfiles Links/Contacts Email GitHub LinkedIn Instagram </description>
+      <description>Me Nama Saya Ahmad Miqdad, saya merupakan mahasiswa prodi Teknik Telekomunikasi Politeknik Elektronika Negeri Surabaya (PENS). Saya memiliki minat dalam bidang Web Development dan IoT, dalam mengembangkan minat tersebut saya telah melakukan beberapa kegiatan yang dapat mengasah keahlian diantaranya mengikuti sertifikasi dan mengerjakan sebuah proyek.&#xA;Experience Peserta Penanggulangan Keadaan Darurat (PKD) Ke-108 Bandar Udara Juanda Surabaya Program Kreativitas Mahasiswa (PKM) Vokasi 2023 - Karsa Cipta Kerja Praktik PT. Angkasa Pura I (Airport Technology) Talent Scouting Academy (TSA) Indonesian Young Smart Industry Academy Latihan Keterampilan Manajemen Mahasiswa Tingkat Dasar Latihan Keterampilan Manajemen Mahasiswa Pra-Tingkat Dasar International General Certificate of Secondary Education Cambridge Assessment International Education Digital Technology Certification by UNSW Global &amp;ldquo;Design Your First Web&amp;rdquo; by HIMIT PENS Project Prediksi Produksi Padi Menggunakan Metode LSTM-SVM di Kabupaten Gresik PKM-KC: 🔐 Sistem Keamanan dan Monitoring Berbasis IoT dengan Access Code dan GPS Tracking Website Pengecekan Bagasi Bandara Udara Juanda Aplikasi Vaksin Surabaya Menggunakan Zenity Website Monitoring Lampu Penerangan Jalan Gresik PT.</description>
     </item>
     <item>
       <title>Neovim Sebagai IDE</title>
       <link>/posts/neovim/</link>
       <pubDate>Sun, 21 Jan 2024 04:56:47 +0700</pubDate>
       <guid>/posts/neovim/</guid>
-      <description>Neovim Merupakan sebuah text editor yang minimalis. Secara default Neovim tidak memiliki banyak fitur seperti IDE yang biasanya seperti Vscode, Atom, dll. Untuk menambahkan fitur-fitur pada Neovim diperlukan effort yang lebih seperti instalasi plugin, konfigurasi autocomplete, dll.&#xA;Nah sekarang mulai ada berbagai macam autogenerated neovim configuration, dimana kita tidak perlu susah susah untuk melakukan konfigurasi. Saat ini contohnya ada lazyvim, astrovim, dan masih banyak lagi. Pada blog post ini saya akan menjelaskan cara instalasi dari NvChad dan untuk distro yang saya gunakan adalah Ubuntu.</description>
+      <description>Neovim - NvChad Neovim Merupakan sebuah text editor yang minimalis. Secara default Neovim tidak memiliki banyak fitur seperti IDE yang biasanya seperti Vscode, Atom, dll. Untuk menambahkan fitur-fitur pada Neovim diperlukan effort yang lebih seperti instalasi plugin, konfigurasi autocomplete, dll.&#xA;Nah sekarang mulai ada berbagai macam autogenerated neovim configuration, dimana kita tidak perlu susah susah untuk melakukan konfigurasi. Saat ini contohnya ada lazyvim, astrovim, dan masih banyak lagi. Pada blog post ini saya akan menjelaskan cara instalasi dari NvChad dan untuk distro yang saya gunakan adalah Ubuntu.</description>
     </item>
     <item>
       <title>Instalasi Jupyter Notebook Menggunakan WSL</title>
       <link>/posts/notebook/</link>
       <pubDate>Sun, 21 Jan 2024 04:25:11 +0700</pubDate>
       <guid>/posts/notebook/</guid>
-      <description>Jupyter Notebook merupakan sebuah program yang biasa digunankan untuk eksplorasi data menggunakan bahasa Julia, Python, dan R.&#xA;Pada kali ini saya akan menunjukkan cara menginstall Jupyter Notebook di Windows menggunakan WSL yang dimana menurut saya lebih mudah dibandingkan dengan cara instalasi secara biasa melalui instalasi python pada windows. Distro yang saya gunakan pada tutorial ini adalah Ubuntu.&#xA;Instalasi WSL dapat dilihat pada dokumentasi dari Microsoft. Setelah WSL terinstall ikuti langkah berikut:</description>
+      <description>Jupyter Notebook Jupyter Notebook merupakan sebuah program yang biasa digunankan untuk eksplorasi data menggunakan bahasa Julia, Python, dan R.&#xA;Pada kali ini saya akan menunjukkan cara menginstall Jupyter Notebook di Windows menggunakan WSL yang dimana menurut saya lebih mudah dibandingkan dengan cara instalasi secara biasa melalui instalasi python pada windows. Distro yang saya gunakan pada tutorial ini adalah Ubuntu.&#xA;Instalasi WSL dapat dilihat pada dokumentasi dari Microsoft. Setelah WSL terinstall ikuti langkah berikut:</description>
     </item>
     <item>
       <title></title>
diff --git a/public/posts/index.html b/public/posts/index.html
index f28e60d..a95db73 100644
--- a/public/posts/index.html
+++ b/public/posts/index.html
@@ -19,7 +19,7 @@
 	
 
 	
-	<link rel="stylesheet" type="text/css" media="screen" href="/css/main.ac08a4c9714baa859217f92f051deb58df2938ec352b506df655005dcaf98cc0.css" />
+	<link rel="stylesheet" type="text/css" media="screen" href="/css/main.1a179ecf698f22cf6a586613274b4d2feb284100ff63472c376cfe989b6fc2a6.css" />
 		<link id="darkModeStyle" rel="stylesheet" type="text/css" href="/css/dark.726cd11ca6eb7c4f7d48eb420354f814e5c1b94281aaf8fd0511c1319f7f78a4.css" media="(prefers-color-scheme: dark)"  />
 	
 
@@ -57,6 +57,8 @@
 
 
 <ul class="posts"><li class="post">
+			<a href="/posts/ranger/">Ranger File Manager</a> <span class="meta">30 jan, 2024</span>
+		</li><li class="post">
 			<a href="/posts/neovim/">Neovim Sebagai IDE</a> <span class="meta">21 jan, 2024</span>
 		</li><li class="post">
 			<a href="/posts/notebook/">Instalasi Jupyter Notebook Menggunakan WSL</a> <span class="meta">21 jan, 2024</span>
diff --git a/public/posts/index.xml b/public/posts/index.xml
index 4e7957b..cec283f 100644
--- a/public/posts/index.xml
+++ b/public/posts/index.xml
@@ -7,21 +7,28 @@
     <generator>Hugo -- gohugo.io</generator>
     <language>en-us</language>
     <copyright>© Mqdd</copyright>
-    <lastBuildDate>Sun, 21 Jan 2024 04:56:47 +0700</lastBuildDate>
+    <lastBuildDate>Tue, 30 Jan 2024 02:41:45 +0700</lastBuildDate>
     <atom:link href="/posts/index.xml" rel="self" type="application/rss+xml" />
     <item>
+      <title>Ranger File Manager</title>
+      <link>/posts/ranger/</link>
+      <pubDate>Tue, 30 Jan 2024 02:41:45 +0700</pubDate>
+      <guid>/posts/ranger/</guid>
+      <description>Ranger FM Ranger merupakan terminal based program yang berfungsi sebagai file manager sebgaimana. Pada tutorial ini saya menggunakan Ranger pada WSL di Windows 11 dengan distro Ubuntu. Ranger juga tersedia pada repository lain seperti Arch Repo, dnf, dan nix-pkg.&#xA;Ada beberapa fitur yang tidak dapat berjalan pada WSL contohnya seperti Image Preview hal ini dikarenakan image preview membutuhkan X-Server/Display server seperti halnya di linux.&#xA;Pada blog post ini saya ingin menunjukkan cara membuka program windows dari ranger pada WSL.</description>
+    </item>
+    <item>
       <title>Neovim Sebagai IDE</title>
       <link>/posts/neovim/</link>
       <pubDate>Sun, 21 Jan 2024 04:56:47 +0700</pubDate>
       <guid>/posts/neovim/</guid>
-      <description>Neovim Merupakan sebuah text editor yang minimalis. Secara default Neovim tidak memiliki banyak fitur seperti IDE yang biasanya seperti Vscode, Atom, dll. Untuk menambahkan fitur-fitur pada Neovim diperlukan effort yang lebih seperti instalasi plugin, konfigurasi autocomplete, dll.&#xA;Nah sekarang mulai ada berbagai macam autogenerated neovim configuration, dimana kita tidak perlu susah susah untuk melakukan konfigurasi. Saat ini contohnya ada lazyvim, astrovim, dan masih banyak lagi. Pada blog post ini saya akan menjelaskan cara instalasi dari NvChad dan untuk distro yang saya gunakan adalah Ubuntu.</description>
+      <description>Neovim - NvChad Neovim Merupakan sebuah text editor yang minimalis. Secara default Neovim tidak memiliki banyak fitur seperti IDE yang biasanya seperti Vscode, Atom, dll. Untuk menambahkan fitur-fitur pada Neovim diperlukan effort yang lebih seperti instalasi plugin, konfigurasi autocomplete, dll.&#xA;Nah sekarang mulai ada berbagai macam autogenerated neovim configuration, dimana kita tidak perlu susah susah untuk melakukan konfigurasi. Saat ini contohnya ada lazyvim, astrovim, dan masih banyak lagi. Pada blog post ini saya akan menjelaskan cara instalasi dari NvChad dan untuk distro yang saya gunakan adalah Ubuntu.</description>
     </item>
     <item>
       <title>Instalasi Jupyter Notebook Menggunakan WSL</title>
       <link>/posts/notebook/</link>
       <pubDate>Sun, 21 Jan 2024 04:25:11 +0700</pubDate>
       <guid>/posts/notebook/</guid>
-      <description>Jupyter Notebook merupakan sebuah program yang biasa digunankan untuk eksplorasi data menggunakan bahasa Julia, Python, dan R.&#xA;Pada kali ini saya akan menunjukkan cara menginstall Jupyter Notebook di Windows menggunakan WSL yang dimana menurut saya lebih mudah dibandingkan dengan cara instalasi secara biasa melalui instalasi python pada windows. Distro yang saya gunakan pada tutorial ini adalah Ubuntu.&#xA;Instalasi WSL dapat dilihat pada dokumentasi dari Microsoft. Setelah WSL terinstall ikuti langkah berikut:</description>
+      <description>Jupyter Notebook Jupyter Notebook merupakan sebuah program yang biasa digunankan untuk eksplorasi data menggunakan bahasa Julia, Python, dan R.&#xA;Pada kali ini saya akan menunjukkan cara menginstall Jupyter Notebook di Windows menggunakan WSL yang dimana menurut saya lebih mudah dibandingkan dengan cara instalasi secara biasa melalui instalasi python pada windows. Distro yang saya gunakan pada tutorial ini adalah Ubuntu.&#xA;Instalasi WSL dapat dilihat pada dokumentasi dari Microsoft. Setelah WSL terinstall ikuti langkah berikut:</description>
     </item>
   </channel>
 </rss>
diff --git a/public/posts/neovim/index.html b/public/posts/neovim/index.html
index 54582f1..595ac1b 100644
--- a/public/posts/neovim/index.html
+++ b/public/posts/neovim/index.html
@@ -20,7 +20,7 @@
 	
 
 	
-	<link rel="stylesheet" type="text/css" media="screen" href="/css/main.ac08a4c9714baa859217f92f051deb58df2938ec352b506df655005dcaf98cc0.css" />
+	<link rel="stylesheet" type="text/css" media="screen" href="/css/main.1a179ecf698f22cf6a586613274b4d2feb284100ff63472c376cfe989b6fc2a6.css" />
 		<link id="darkModeStyle" rel="stylesheet" type="text/css" href="/css/dark.726cd11ca6eb7c4f7d48eb420354f814e5c1b94281aaf8fd0511c1319f7f78a4.css" media="(prefers-color-scheme: dark)"  />
 	
 
@@ -62,7 +62,20 @@
 		
 
 		<section class="body">
-			<p><img src="/dashboard.png" alt="image 1: Neovim"></p>
+			
+<center><figure >
+    
+        <img src="/dashboard.png" alt="Neovim" />
+    
+  
+    <figcaption>
+        <h4>Neovim - NvChad</h4>
+         
+    </figcaption>
+    
+</figure></center>
+
+
 <p>Neovim Merupakan sebuah text editor yang minimalis. Secara default Neovim tidak memiliki banyak fitur seperti IDE yang biasanya seperti Vscode, Atom, dll. Untuk menambahkan fitur-fitur pada Neovim diperlukan effort yang lebih seperti instalasi plugin, konfigurasi autocomplete, dll.</p>
 <p>Nah sekarang mulai ada berbagai macam autogenerated neovim configuration, dimana kita tidak perlu susah susah untuk melakukan konfigurasi. Saat ini contohnya ada lazyvim, astrovim, dan masih banyak lagi. Pada blog post ini saya akan menjelaskan cara instalasi dari <strong>NvChad</strong> dan untuk distro yang saya gunakan adalah Ubuntu. Tetapi kalian juga bisa menginstall pada distro lainnya.</p>
 <p>Berikut cara instalasinya:</p>
@@ -82,9 +95,22 @@
 <li>Install NvChad</li>
 </ol>
 <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-shell" data-lang="shell"><span style="display:flex;"><span>git clone https://github.com/NvChad/NvChad ~/.config/nvim --depth <span style="color:#ae81ff">1</span> <span style="color:#f92672">&amp;&amp;</span> nvim
-</span></span></code></pre></div><p>Selamat!! Neovim kalian akan menjadi IDE seperti Vscode 👍😁👍. Untuk shortcut/keybinding dari NvChad dapat dilihat pada <a href="https://nvchad.com/docs/features" title="NvChad">Link ini</a> atau ketikkan <strong>&ldquo;Spasi+ch&rdquo;</strong> pada saat Normal mode.</p>
-<h2 id="preview">Preview</h2>
-<p><img src="/preview.png" alt="image 2: Preview Nv Chad"></p>
+</span></span></code></pre></div><h2 id="preview">Preview</h2>
+
+<center><figure >
+    
+        <img src="/preview.png" alt="Preview Image" />
+    
+  
+    <figcaption>
+        <h4>Preview NvChad</h4>
+         
+    </figcaption>
+    
+</figure></center>
+
+
+<p>Selamat!! Neovim kalian akan menjadi IDE seperti Vscode 👍😁👍. Untuk shortcut/keybinding dari NvChad dapat dilihat pada <a href="https://nvchad.com/docs/features" title="NvChad">Link ini</a> atau ketikkan <strong>&ldquo;Spasi+ch&rdquo;</strong> pada saat Normal mode.</p>
 <p>*<em><strong>Direkomendasikan sebelum menggunakan vim/neovim kalian harus biasa menggunakan vim binding.</strong></em></p>
 
 		</section>
diff --git a/public/posts/notebook/index.html b/public/posts/notebook/index.html
index 88373e2..cf45e03 100644
--- a/public/posts/notebook/index.html
+++ b/public/posts/notebook/index.html
@@ -20,7 +20,7 @@
 	
 
 	
-	<link rel="stylesheet" type="text/css" media="screen" href="/css/main.ac08a4c9714baa859217f92f051deb58df2938ec352b506df655005dcaf98cc0.css" />
+	<link rel="stylesheet" type="text/css" media="screen" href="/css/main.1a179ecf698f22cf6a586613274b4d2feb284100ff63472c376cfe989b6fc2a6.css" />
 		<link id="darkModeStyle" rel="stylesheet" type="text/css" href="/css/dark.726cd11ca6eb7c4f7d48eb420354f814e5c1b94281aaf8fd0511c1319f7f78a4.css" media="(prefers-color-scheme: dark)"  />
 	
 
@@ -62,7 +62,20 @@
 		
 
 		<section class="body">
-			<p><img src="/notebook_windows_wsl.png" alt="Scenario 1: Jupyter Notebook"></p>
+			
+<center><figure >
+    
+        <img src="/notebook_windows_wsl.png" alt="Jupyter Notebook" />
+    
+  
+    <figcaption>
+        <h4>Jupyter Notebook</h4>
+         
+    </figcaption>
+    
+</figure></center>
+
+
 <p>Jupyter Notebook merupakan sebuah program yang biasa digunankan untuk eksplorasi data menggunakan bahasa Julia, Python, dan R.</p>
 <p>Pada kali ini saya akan menunjukkan cara menginstall Jupyter Notebook di Windows menggunakan WSL yang dimana menurut saya lebih mudah dibandingkan dengan cara instalasi secara biasa melalui instalasi python pada windows. Distro yang saya gunakan pada tutorial ini adalah <strong>Ubuntu</strong>.</p>
 <p>Instalasi WSL dapat dilihat pada dokumentasi dari <a href="https://learn.microsoft.com/en-us/windows/wsl/install">Microsoft</a>. Setelah WSL terinstall ikuti langkah berikut:</p>
diff --git a/public/posts/ranger/index.html b/public/posts/ranger/index.html
new file mode 100644
index 0000000..590d66b
--- /dev/null
+++ b/public/posts/ranger/index.html
@@ -0,0 +1,137 @@
+<!DOCTYPE html>
+<html><head lang="en">
+	<meta charset="utf-8" />
+	<meta http-equiv="X-UA-Compatible" content="IE=edge"><title>Ranger File Manager - 📙 Mqdd Blog Posts</title><meta name="viewport" content="width=device-width, initial-scale=1">
+	<meta name="description" content="Ranger merupakan file manager yang berbasis terminal, sehingga tidk perlu GUI. Ranger memiliki banyak fitur-fitur yang sangat berguna dibandingkan program file manager lainnya yang berbasis GUI." />
+	<meta property="og:image" content=""/>
+	<meta property="og:title" content="Ranger File Manager" />
+<meta property="og:description" content="Ranger merupakan file manager yang berbasis terminal, sehingga tidk perlu GUI. Ranger memiliki banyak fitur-fitur yang sangat berguna dibandingkan program file manager lainnya yang berbasis GUI." />
+<meta property="og:type" content="article" />
+<meta property="og:url" content="/posts/ranger/" /><meta property="article:section" content="posts" />
+<meta property="article:published_time" content="2024-01-30T02:41:45+07:00" />
+<meta property="article:modified_time" content="2024-01-30T02:41:45+07:00" />
+
+<meta name="twitter:card" content="summary"/><meta name="twitter:title" content="Ranger File Manager"/>
+<meta name="twitter:description" content="Ranger merupakan file manager yang berbasis terminal, sehingga tidk perlu GUI. Ranger memiliki banyak fitur-fitur yang sangat berguna dibandingkan program file manager lainnya yang berbasis GUI."/>
+<script src="/js/feather.min.js"></script>
+	
+	
+        <link href="/css/fonts.2c2227b81b1970a03e760aa2e6121cd01f87c88586803cbb282aa224720a765f.css" rel="stylesheet">
+	
+
+	
+	<link rel="stylesheet" type="text/css" media="screen" href="/css/main.1a179ecf698f22cf6a586613274b4d2feb284100ff63472c376cfe989b6fc2a6.css" />
+		<link id="darkModeStyle" rel="stylesheet" type="text/css" href="/css/dark.726cd11ca6eb7c4f7d48eb420354f814e5c1b94281aaf8fd0511c1319f7f78a4.css" media="(prefers-color-scheme: dark)"  />
+	
+
+	
+	
+
+	
+	
+	
+	
+</head>
+<body>
+        <div class="content"><header>
+	<div class="main">
+		<a href="/">📙 Mqdd Blog Posts</a>
+	</div>
+	<nav>
+		
+		<a href="/">Home</a>
+		
+		<a href="/posts">All posts</a>
+		
+		<a href="/about">About</a>
+		
+		<a href="/tags">Tags</a>
+		
+		<a href="https://flask.mqdd.cloud">Flask</a>
+		
+		
+	</nav>
+</header>
+
+<main>
+	<article>
+		<div class="title">
+			<h1 class="title">Ranger File Manager</h1>
+			<div class="meta">Posted on Jan 30, 2024</div>
+		</div>
+		
+
+		<section class="body">
+			
+<center><figure >
+    
+        <img src="/ranger.png" alt="Ranger" />
+    
+  
+    <figcaption>
+        <h4>Ranger FM</h4>
+         
+    </figcaption>
+    
+</figure></center>
+
+
+<p>Ranger merupakan terminal based program yang berfungsi sebagai file manager sebgaimana. Pada tutorial ini saya menggunakan Ranger pada WSL di Windows 11 dengan distro <strong>Ubuntu</strong>. Ranger juga tersedia pada repository lain seperti Arch Repo, dnf, dan nix-pkg.</p>
+<p>Ada beberapa fitur yang tidak dapat berjalan pada WSL contohnya seperti Image Preview hal ini dikarenakan image preview membutuhkan X-Server/Display server seperti halnya di linux.</p>
+<p>Pada blog post ini saya ingin menunjukkan cara membuka program windows dari ranger pada WSL. Sebelum itu kita harus install Ranger terlebih dahulu. Berikut cara instalasinya:</p>
+<ol>
+<li>Buka WSL Pada Terminal</li>
+<li>Install ranger</li>
+</ol>
+<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-shell" data-lang="shell"><span style="display:flex;"><span>sudo apt install ranger
+</span></span></code></pre></div><ol start="3">
+<li>Copy Ranger Config dari GitHub saya</li>
+</ol>
+<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-shell" data-lang="shell"><span style="display:flex;"><span>git clone -n --depth<span style="color:#f92672">=</span><span style="color:#ae81ff">1</span> --filter<span style="color:#f92672">=</span>tree:0 https://github.com/Linc2427/DotFiles.git <span style="color:#f92672">&amp;&amp;</span> cd DotFiles <span style="color:#f92672">&amp;&amp;</span> git sparse-checkout set --no-cone ranger <span style="color:#f92672">&amp;&amp;</span> git checkout <span style="color:#f92672">&amp;&amp;</span> mv ranger ../ <span style="color:#f92672">&amp;&amp;</span> cd ../ <span style="color:#f92672">&amp;&amp;</span> rm -rf DotFiles
+</span></span></code></pre></div><ol start="4">
+<li>Jalankan Ranger</li>
+</ol>
+<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-shell" data-lang="shell"><span style="display:flex;"><span>ranger
+</span></span></code></pre></div><p>Nah! Sekarang jika kalian membuka file misalkan docx maka nantinya akan langsung membuka microsoft word atau default word processor kalian. 👍😁👍</p>
+<p>Untuk Keybinding dapat dilihat pada rc.conf pada folder ranger yang ada di .config.</p>
+<p>Sumber:</p>
+<ul>
+<li><a href="https://gist.github.com/TaipanRex/5db9a19304743fe6367b9ef291d2b69b">https://gist.github.com/TaipanRex/5db9a19304743fe6367b9ef291d2b69b</a></li>
+</ul>
+
+		</section>
+
+		<div class="post-tags">
+			
+			
+			<nav class="nav tags">
+				<ul class="tags">
+					
+					<li><a href="/tags/tech">tech</a></li>
+					
+					<li><a href="/tags/tutorial">tutorial</a></li>
+					
+					<li><a href="/tags/ranger">ranger</a></li>
+					
+				</ul>
+			</nav>
+			
+			
+		</div>
+		</article>
+</main>
+<footer>
+  <div style="display:flex"><a class="soc" href="https://github.com/linc2427" rel="me" title="GitHub"><i data-feather="github"></i></a>
+    <a class="border"></a></div>
+  <div class="footer-info">
+    2024  © Mqdd |  <a
+      href="https://github.com/athul/archie">Archie Theme</a> | Built with <a href="https://gohugo.io">Hugo</a>
+  </div>
+</footer>
+
+
+<script>
+  feather.replace()
+</script></div>
+    </body>
+</html>
diff --git a/public/ranger.png b/public/ranger.png
new file mode 100644
index 0000000..0784717
--- /dev/null
+++ b/public/ranger.png
diff --git a/public/sitemap.xml b/public/sitemap.xml
index d302798..77074c4 100644
--- a/public/sitemap.xml
+++ b/public/sitemap.xml
@@ -2,28 +2,34 @@
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
   xmlns:xhtml="http://www.w3.org/1999/xhtml">
   <url>
-    <loc>/about/</loc>
-    <lastmod>2024-01-21T00:00:00+00:00</lastmod>
-  </url><url>
     <loc>/</loc>
-    <lastmod>2024-01-21T04:56:47+07:00</lastmod>
+    <lastmod>2024-01-30T02:41:45+07:00</lastmod>
   </url><url>
-    <loc>/tags/neovim/</loc>
-    <lastmod>2024-01-21T04:56:47+07:00</lastmod>
+    <loc>/posts/</loc>
+    <lastmod>2024-01-30T02:41:45+07:00</lastmod>
   </url><url>
-    <loc>/posts/neovim/</loc>
-    <lastmod>2024-01-21T04:56:47+07:00</lastmod>
+    <loc>/tags/ranger/</loc>
+    <lastmod>2024-01-30T02:41:45+07:00</lastmod>
   </url><url>
-    <loc>/posts/</loc>
-    <lastmod>2024-01-21T04:56:47+07:00</lastmod>
+    <loc>/posts/ranger/</loc>
+    <lastmod>2024-01-30T02:41:45+07:00</lastmod>
   </url><url>
     <loc>/tags/</loc>
-    <lastmod>2024-01-21T04:56:47+07:00</lastmod>
+    <lastmod>2024-01-30T02:41:45+07:00</lastmod>
   </url><url>
     <loc>/tags/tech/</loc>
-    <lastmod>2024-01-21T04:56:47+07:00</lastmod>
+    <lastmod>2024-01-30T02:41:45+07:00</lastmod>
   </url><url>
     <loc>/tags/tutorial/</loc>
+    <lastmod>2024-01-30T02:41:45+07:00</lastmod>
+  </url><url>
+    <loc>/about/</loc>
+    <lastmod>2024-01-21T00:00:00+00:00</lastmod>
+  </url><url>
+    <loc>/tags/neovim/</loc>
+    <lastmod>2024-01-21T04:56:47+07:00</lastmod>
+  </url><url>
+    <loc>/posts/neovim/</loc>
     <lastmod>2024-01-21T04:56:47+07:00</lastmod>
   </url><url>
     <loc>/posts/notebook/</loc>
diff --git a/public/tags/index.html b/public/tags/index.html
index 8a24290..52465a0 100644
--- a/public/tags/index.html
+++ b/public/tags/index.html
@@ -19,7 +19,7 @@
 	
 
 	
-	<link rel="stylesheet" type="text/css" media="screen" href="/css/main.ac08a4c9714baa859217f92f051deb58df2938ec352b506df655005dcaf98cc0.css" />
+	<link rel="stylesheet" type="text/css" media="screen" href="/css/main.1a179ecf698f22cf6a586613274b4d2feb284100ff63472c376cfe989b6fc2a6.css" />
 		<link id="darkModeStyle" rel="stylesheet" type="text/css" href="/css/dark.726cd11ca6eb7c4f7d48eb420354f814e5c1b94281aaf8fd0511c1319f7f78a4.css" media="(prefers-color-scheme: dark)"  />
 	
 
@@ -80,6 +80,10 @@
 		
 		<li><a style="font-size: 1rem;" href="/tags/neovim/">neovim</a></li>
 		
+		
+		
+		<li><a style="font-size: 1rem;" href="/tags/ranger/">ranger</a></li>
+		
 	</ul>
 </div>
 <footer>
diff --git a/public/tags/index.xml b/public/tags/index.xml
index 88bd526..1615c5e 100644
--- a/public/tags/index.xml
+++ b/public/tags/index.xml
@@ -7,30 +7,37 @@
     <generator>Hugo -- gohugo.io</generator>
     <language>en-us</language>
     <copyright>© Mqdd</copyright>
-    <lastBuildDate>Sun, 21 Jan 2024 04:56:47 +0700</lastBuildDate>
+    <lastBuildDate>Tue, 30 Jan 2024 02:41:45 +0700</lastBuildDate>
     <atom:link href="/tags/index.xml" rel="self" type="application/rss+xml" />
     <item>
-      <title>neovim</title>
-      <link>/tags/neovim/</link>
-      <pubDate>Sun, 21 Jan 2024 04:56:47 +0700</pubDate>
-      <guid>/tags/neovim/</guid>
+      <title>ranger</title>
+      <link>/tags/ranger/</link>
+      <pubDate>Tue, 30 Jan 2024 02:41:45 +0700</pubDate>
+      <guid>/tags/ranger/</guid>
       <description></description>
     </item>
     <item>
       <title>Tech</title>
       <link>/tags/tech/</link>
-      <pubDate>Sun, 21 Jan 2024 04:56:47 +0700</pubDate>
+      <pubDate>Tue, 30 Jan 2024 02:41:45 +0700</pubDate>
       <guid>/tags/tech/</guid>
       <description></description>
     </item>
     <item>
       <title>Tutorial</title>
       <link>/tags/tutorial/</link>
-      <pubDate>Sun, 21 Jan 2024 04:56:47 +0700</pubDate>
+      <pubDate>Tue, 30 Jan 2024 02:41:45 +0700</pubDate>
       <guid>/tags/tutorial/</guid>
       <description></description>
     </item>
     <item>
+      <title>neovim</title>
+      <link>/tags/neovim/</link>
+      <pubDate>Sun, 21 Jan 2024 04:56:47 +0700</pubDate>
+      <guid>/tags/neovim/</guid>
+      <description></description>
+    </item>
+    <item>
       <title>jupyter notebook</title>
       <link>/tags/jupyter-notebook/</link>
       <pubDate>Sun, 21 Jan 2024 04:25:11 +0700</pubDate>
diff --git a/public/tags/jupyter-notebook/index.html b/public/tags/jupyter-notebook/index.html
index 93c5ebb..0e3b637 100644
--- a/public/tags/jupyter-notebook/index.html
+++ b/public/tags/jupyter-notebook/index.html
@@ -19,7 +19,7 @@
 	
 
 	
-	<link rel="stylesheet" type="text/css" media="screen" href="/css/main.ac08a4c9714baa859217f92f051deb58df2938ec352b506df655005dcaf98cc0.css" />
+	<link rel="stylesheet" type="text/css" media="screen" href="/css/main.1a179ecf698f22cf6a586613274b4d2feb284100ff63472c376cfe989b6fc2a6.css" />
 		<link id="darkModeStyle" rel="stylesheet" type="text/css" href="/css/dark.726cd11ca6eb7c4f7d48eb420354f814e5c1b94281aaf8fd0511c1319f7f78a4.css" media="(prefers-color-scheme: dark)"  />
 	
 
diff --git a/public/tags/jupyter-notebook/index.xml b/public/tags/jupyter-notebook/index.xml
index 599a1b6..09b1019 100644
--- a/public/tags/jupyter-notebook/index.xml
+++ b/public/tags/jupyter-notebook/index.xml
@@ -14,7 +14,7 @@
       <link>/posts/notebook/</link>
       <pubDate>Sun, 21 Jan 2024 04:25:11 +0700</pubDate>
       <guid>/posts/notebook/</guid>
-      <description>Jupyter Notebook merupakan sebuah program yang biasa digunankan untuk eksplorasi data menggunakan bahasa Julia, Python, dan R.&#xA;Pada kali ini saya akan menunjukkan cara menginstall Jupyter Notebook di Windows menggunakan WSL yang dimana menurut saya lebih mudah dibandingkan dengan cara instalasi secara biasa melalui instalasi python pada windows. Distro yang saya gunakan pada tutorial ini adalah Ubuntu.&#xA;Instalasi WSL dapat dilihat pada dokumentasi dari Microsoft. Setelah WSL terinstall ikuti langkah berikut:</description>
+      <description>Jupyter Notebook Jupyter Notebook merupakan sebuah program yang biasa digunankan untuk eksplorasi data menggunakan bahasa Julia, Python, dan R.&#xA;Pada kali ini saya akan menunjukkan cara menginstall Jupyter Notebook di Windows menggunakan WSL yang dimana menurut saya lebih mudah dibandingkan dengan cara instalasi secara biasa melalui instalasi python pada windows. Distro yang saya gunakan pada tutorial ini adalah Ubuntu.&#xA;Instalasi WSL dapat dilihat pada dokumentasi dari Microsoft. Setelah WSL terinstall ikuti langkah berikut:</description>
     </item>
   </channel>
 </rss>
diff --git a/public/tags/neovim/index.html b/public/tags/neovim/index.html
index 78ae0ea..9ee5402 100644
--- a/public/tags/neovim/index.html
+++ b/public/tags/neovim/index.html
@@ -19,7 +19,7 @@
 	
 
 	
-	<link rel="stylesheet" type="text/css" media="screen" href="/css/main.ac08a4c9714baa859217f92f051deb58df2938ec352b506df655005dcaf98cc0.css" />
+	<link rel="stylesheet" type="text/css" media="screen" href="/css/main.1a179ecf698f22cf6a586613274b4d2feb284100ff63472c376cfe989b6fc2a6.css" />
 		<link id="darkModeStyle" rel="stylesheet" type="text/css" href="/css/dark.726cd11ca6eb7c4f7d48eb420354f814e5c1b94281aaf8fd0511c1319f7f78a4.css" media="(prefers-color-scheme: dark)"  />
 	
 
diff --git a/public/tags/neovim/index.xml b/public/tags/neovim/index.xml
index 8d2ff77..b8d4bdd 100644
--- a/public/tags/neovim/index.xml
+++ b/public/tags/neovim/index.xml
@@ -14,7 +14,7 @@
       <link>/posts/neovim/</link>
       <pubDate>Sun, 21 Jan 2024 04:56:47 +0700</pubDate>
       <guid>/posts/neovim/</guid>
-      <description>Neovim Merupakan sebuah text editor yang minimalis. Secara default Neovim tidak memiliki banyak fitur seperti IDE yang biasanya seperti Vscode, Atom, dll. Untuk menambahkan fitur-fitur pada Neovim diperlukan effort yang lebih seperti instalasi plugin, konfigurasi autocomplete, dll.&#xA;Nah sekarang mulai ada berbagai macam autogenerated neovim configuration, dimana kita tidak perlu susah susah untuk melakukan konfigurasi. Saat ini contohnya ada lazyvim, astrovim, dan masih banyak lagi. Pada blog post ini saya akan menjelaskan cara instalasi dari NvChad dan untuk distro yang saya gunakan adalah Ubuntu.</description>
+      <description>Neovim - NvChad Neovim Merupakan sebuah text editor yang minimalis. Secara default Neovim tidak memiliki banyak fitur seperti IDE yang biasanya seperti Vscode, Atom, dll. Untuk menambahkan fitur-fitur pada Neovim diperlukan effort yang lebih seperti instalasi plugin, konfigurasi autocomplete, dll.&#xA;Nah sekarang mulai ada berbagai macam autogenerated neovim configuration, dimana kita tidak perlu susah susah untuk melakukan konfigurasi. Saat ini contohnya ada lazyvim, astrovim, dan masih banyak lagi. Pada blog post ini saya akan menjelaskan cara instalasi dari NvChad dan untuk distro yang saya gunakan adalah Ubuntu.</description>
     </item>
   </channel>
 </rss>
diff --git a/public/tags/ranger/index.html b/public/tags/ranger/index.html
new file mode 100644
index 0000000..6789557
--- /dev/null
+++ b/public/tags/ranger/index.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html><head lang="en">
+	<meta charset="utf-8" />
+	<meta http-equiv="X-UA-Compatible" content="IE=edge"><title>ranger - 📙 Mqdd Blog Posts</title><meta name="viewport" content="width=device-width, initial-scale=1">
+	<meta name="description" content="" />
+	<meta property="og:image" content=""/>
+	<link rel="alternate" type="application/rss+xml" href="/tags/ranger/index.xml" title="📙 Mqdd Blog Posts" />
+	<meta property="og:title" content="ranger" />
+<meta property="og:description" content="" />
+<meta property="og:type" content="website" />
+<meta property="og:url" content="/tags/ranger/" />
+
+<meta name="twitter:card" content="summary"/><meta name="twitter:title" content="ranger"/>
+<meta name="twitter:description" content=""/>
+<script src="/js/feather.min.js"></script>
+	
+	
+        <link href="/css/fonts.2c2227b81b1970a03e760aa2e6121cd01f87c88586803cbb282aa224720a765f.css" rel="stylesheet">
+	
+
+	
+	<link rel="stylesheet" type="text/css" media="screen" href="/css/main.1a179ecf698f22cf6a586613274b4d2feb284100ff63472c376cfe989b6fc2a6.css" />
+		<link id="darkModeStyle" rel="stylesheet" type="text/css" href="/css/dark.726cd11ca6eb7c4f7d48eb420354f814e5c1b94281aaf8fd0511c1319f7f78a4.css" media="(prefers-color-scheme: dark)"  />
+	
+
+	
+	
+
+	
+	
+	
+	
+</head>
+<body>
+        <div class="content"><header>
+	<div class="main">
+		<a href="/">📙 Mqdd Blog Posts</a>
+	</div>
+	<nav>
+		
+		<a href="/">Home</a>
+		
+		<a href="/posts">All posts</a>
+		
+		<a href="/about">About</a>
+		
+		<a href="/tags">Tags</a>
+		
+		<a href="https://flask.mqdd.cloud">Flask</a>
+		
+		
+	</nav>
+</header>
+
+
+<h1>Entries tagged - "ranger"</h1>
+
+
+<ul class="posts"><li class="post">
+			<a href="/posts/ranger/">Ranger File Manager</a> <span class="meta">Jan 30, 2024</span>
+		</li></ul>
+<footer>
+  <div style="display:flex"><a class="soc" href="https://github.com/linc2427" rel="me" title="GitHub"><i data-feather="github"></i></a>
+    <a class="border"></a></div>
+  <div class="footer-info">
+    2024  © Mqdd |  <a
+      href="https://github.com/athul/archie">Archie Theme</a> | Built with <a href="https://gohugo.io">Hugo</a>
+  </div>
+</footer>
+
+
+<script>
+  feather.replace()
+</script></div>
+    </body>
+</html>
diff --git a/public/tags/ranger/index.xml b/public/tags/ranger/index.xml
new file mode 100644
index 0000000..e07af26
--- /dev/null
+++ b/public/tags/ranger/index.xml
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>ranger on 📙 Mqdd Blog Posts</title>
+    <link>/tags/ranger/</link>
+    <description>Recent content in ranger on 📙 Mqdd Blog Posts</description>
+    <generator>Hugo -- gohugo.io</generator>
+    <language>en-us</language>
+    <copyright>© Mqdd</copyright>
+    <lastBuildDate>Tue, 30 Jan 2024 02:41:45 +0700</lastBuildDate>
+    <atom:link href="/tags/ranger/index.xml" rel="self" type="application/rss+xml" />
+    <item>
+      <title>Ranger File Manager</title>
+      <link>/posts/ranger/</link>
+      <pubDate>Tue, 30 Jan 2024 02:41:45 +0700</pubDate>
+      <guid>/posts/ranger/</guid>
+      <description>Ranger FM Ranger merupakan terminal based program yang berfungsi sebagai file manager sebgaimana. Pada tutorial ini saya menggunakan Ranger pada WSL di Windows 11 dengan distro Ubuntu. Ranger juga tersedia pada repository lain seperti Arch Repo, dnf, dan nix-pkg.&#xA;Ada beberapa fitur yang tidak dapat berjalan pada WSL contohnya seperti Image Preview hal ini dikarenakan image preview membutuhkan X-Server/Display server seperti halnya di linux.&#xA;Pada blog post ini saya ingin menunjukkan cara membuka program windows dari ranger pada WSL.</description>
+    </item>
+  </channel>
+</rss>
diff --git a/public/tags/tech/index.html b/public/tags/tech/index.html
index 6a9dbba..18c1bd7 100644
--- a/public/tags/tech/index.html
+++ b/public/tags/tech/index.html
@@ -19,7 +19,7 @@
 	
 
 	
-	<link rel="stylesheet" type="text/css" media="screen" href="/css/main.ac08a4c9714baa859217f92f051deb58df2938ec352b506df655005dcaf98cc0.css" />
+	<link rel="stylesheet" type="text/css" media="screen" href="/css/main.1a179ecf698f22cf6a586613274b4d2feb284100ff63472c376cfe989b6fc2a6.css" />
 		<link id="darkModeStyle" rel="stylesheet" type="text/css" href="/css/dark.726cd11ca6eb7c4f7d48eb420354f814e5c1b94281aaf8fd0511c1319f7f78a4.css" media="(prefers-color-scheme: dark)"  />
 	
 
@@ -57,6 +57,8 @@
 
 
 <ul class="posts"><li class="post">
+			<a href="/posts/ranger/">Ranger File Manager</a> <span class="meta">Jan 30, 2024</span>
+		</li><li class="post">
 			<a href="/posts/neovim/">Neovim Sebagai IDE</a> <span class="meta">Jan 21, 2024</span>
 		</li><li class="post">
 			<a href="/posts/notebook/">Instalasi Jupyter Notebook Menggunakan WSL</a> <span class="meta">Jan 21, 2024</span>
diff --git a/public/tags/tech/index.xml b/public/tags/tech/index.xml
index 48f931e..10c929a 100644
--- a/public/tags/tech/index.xml
+++ b/public/tags/tech/index.xml
@@ -7,21 +7,28 @@
     <generator>Hugo -- gohugo.io</generator>
     <language>en-us</language>
     <copyright>© Mqdd</copyright>
-    <lastBuildDate>Sun, 21 Jan 2024 04:56:47 +0700</lastBuildDate>
+    <lastBuildDate>Tue, 30 Jan 2024 02:41:45 +0700</lastBuildDate>
     <atom:link href="/tags/tech/index.xml" rel="self" type="application/rss+xml" />
     <item>
+      <title>Ranger File Manager</title>
+      <link>/posts/ranger/</link>
+      <pubDate>Tue, 30 Jan 2024 02:41:45 +0700</pubDate>
+      <guid>/posts/ranger/</guid>
+      <description>Ranger FM Ranger merupakan terminal based program yang berfungsi sebagai file manager sebgaimana. Pada tutorial ini saya menggunakan Ranger pada WSL di Windows 11 dengan distro Ubuntu. Ranger juga tersedia pada repository lain seperti Arch Repo, dnf, dan nix-pkg.&#xA;Ada beberapa fitur yang tidak dapat berjalan pada WSL contohnya seperti Image Preview hal ini dikarenakan image preview membutuhkan X-Server/Display server seperti halnya di linux.&#xA;Pada blog post ini saya ingin menunjukkan cara membuka program windows dari ranger pada WSL.</description>
+    </item>
+    <item>
       <title>Neovim Sebagai IDE</title>
       <link>/posts/neovim/</link>
       <pubDate>Sun, 21 Jan 2024 04:56:47 +0700</pubDate>
       <guid>/posts/neovim/</guid>
-      <description>Neovim Merupakan sebuah text editor yang minimalis. Secara default Neovim tidak memiliki banyak fitur seperti IDE yang biasanya seperti Vscode, Atom, dll. Untuk menambahkan fitur-fitur pada Neovim diperlukan effort yang lebih seperti instalasi plugin, konfigurasi autocomplete, dll.&#xA;Nah sekarang mulai ada berbagai macam autogenerated neovim configuration, dimana kita tidak perlu susah susah untuk melakukan konfigurasi. Saat ini contohnya ada lazyvim, astrovim, dan masih banyak lagi. Pada blog post ini saya akan menjelaskan cara instalasi dari NvChad dan untuk distro yang saya gunakan adalah Ubuntu.</description>
+      <description>Neovim - NvChad Neovim Merupakan sebuah text editor yang minimalis. Secara default Neovim tidak memiliki banyak fitur seperti IDE yang biasanya seperti Vscode, Atom, dll. Untuk menambahkan fitur-fitur pada Neovim diperlukan effort yang lebih seperti instalasi plugin, konfigurasi autocomplete, dll.&#xA;Nah sekarang mulai ada berbagai macam autogenerated neovim configuration, dimana kita tidak perlu susah susah untuk melakukan konfigurasi. Saat ini contohnya ada lazyvim, astrovim, dan masih banyak lagi. Pada blog post ini saya akan menjelaskan cara instalasi dari NvChad dan untuk distro yang saya gunakan adalah Ubuntu.</description>
     </item>
     <item>
       <title>Instalasi Jupyter Notebook Menggunakan WSL</title>
       <link>/posts/notebook/</link>
       <pubDate>Sun, 21 Jan 2024 04:25:11 +0700</pubDate>
       <guid>/posts/notebook/</guid>
-      <description>Jupyter Notebook merupakan sebuah program yang biasa digunankan untuk eksplorasi data menggunakan bahasa Julia, Python, dan R.&#xA;Pada kali ini saya akan menunjukkan cara menginstall Jupyter Notebook di Windows menggunakan WSL yang dimana menurut saya lebih mudah dibandingkan dengan cara instalasi secara biasa melalui instalasi python pada windows. Distro yang saya gunakan pada tutorial ini adalah Ubuntu.&#xA;Instalasi WSL dapat dilihat pada dokumentasi dari Microsoft. Setelah WSL terinstall ikuti langkah berikut:</description>
+      <description>Jupyter Notebook Jupyter Notebook merupakan sebuah program yang biasa digunankan untuk eksplorasi data menggunakan bahasa Julia, Python, dan R.&#xA;Pada kali ini saya akan menunjukkan cara menginstall Jupyter Notebook di Windows menggunakan WSL yang dimana menurut saya lebih mudah dibandingkan dengan cara instalasi secara biasa melalui instalasi python pada windows. Distro yang saya gunakan pada tutorial ini adalah Ubuntu.&#xA;Instalasi WSL dapat dilihat pada dokumentasi dari Microsoft. Setelah WSL terinstall ikuti langkah berikut:</description>
     </item>
   </channel>
 </rss>
diff --git a/public/tags/tutorial/index.html b/public/tags/tutorial/index.html
index 6c94826..503d08e 100644
--- a/public/tags/tutorial/index.html
+++ b/public/tags/tutorial/index.html
@@ -19,7 +19,7 @@
 	
 
 	
-	<link rel="stylesheet" type="text/css" media="screen" href="/css/main.ac08a4c9714baa859217f92f051deb58df2938ec352b506df655005dcaf98cc0.css" />
+	<link rel="stylesheet" type="text/css" media="screen" href="/css/main.1a179ecf698f22cf6a586613274b4d2feb284100ff63472c376cfe989b6fc2a6.css" />
 		<link id="darkModeStyle" rel="stylesheet" type="text/css" href="/css/dark.726cd11ca6eb7c4f7d48eb420354f814e5c1b94281aaf8fd0511c1319f7f78a4.css" media="(prefers-color-scheme: dark)"  />
 	
 
@@ -57,6 +57,8 @@
 
 
 <ul class="posts"><li class="post">
+			<a href="/posts/ranger/">Ranger File Manager</a> <span class="meta">Jan 30, 2024</span>
+		</li><li class="post">
 			<a href="/posts/neovim/">Neovim Sebagai IDE</a> <span class="meta">Jan 21, 2024</span>
 		</li><li class="post">
 			<a href="/posts/notebook/">Instalasi Jupyter Notebook Menggunakan WSL</a> <span class="meta">Jan 21, 2024</span>
diff --git a/public/tags/tutorial/index.xml b/public/tags/tutorial/index.xml
index 9c7d2e2..065f84d 100644
--- a/public/tags/tutorial/index.xml
+++ b/public/tags/tutorial/index.xml
@@ -7,21 +7,28 @@
     <generator>Hugo -- gohugo.io</generator>
     <language>en-us</language>
     <copyright>© Mqdd</copyright>
-    <lastBuildDate>Sun, 21 Jan 2024 04:56:47 +0700</lastBuildDate>
+    <lastBuildDate>Tue, 30 Jan 2024 02:41:45 +0700</lastBuildDate>
     <atom:link href="/tags/tutorial/index.xml" rel="self" type="application/rss+xml" />
     <item>
+      <title>Ranger File Manager</title>
+      <link>/posts/ranger/</link>
+      <pubDate>Tue, 30 Jan 2024 02:41:45 +0700</pubDate>
+      <guid>/posts/ranger/</guid>
+      <description>Ranger FM Ranger merupakan terminal based program yang berfungsi sebagai file manager sebgaimana. Pada tutorial ini saya menggunakan Ranger pada WSL di Windows 11 dengan distro Ubuntu. Ranger juga tersedia pada repository lain seperti Arch Repo, dnf, dan nix-pkg.&#xA;Ada beberapa fitur yang tidak dapat berjalan pada WSL contohnya seperti Image Preview hal ini dikarenakan image preview membutuhkan X-Server/Display server seperti halnya di linux.&#xA;Pada blog post ini saya ingin menunjukkan cara membuka program windows dari ranger pada WSL.</description>
+    </item>
+    <item>
       <title>Neovim Sebagai IDE</title>
       <link>/posts/neovim/</link>
       <pubDate>Sun, 21 Jan 2024 04:56:47 +0700</pubDate>
       <guid>/posts/neovim/</guid>
-      <description>Neovim Merupakan sebuah text editor yang minimalis. Secara default Neovim tidak memiliki banyak fitur seperti IDE yang biasanya seperti Vscode, Atom, dll. Untuk menambahkan fitur-fitur pada Neovim diperlukan effort yang lebih seperti instalasi plugin, konfigurasi autocomplete, dll.&#xA;Nah sekarang mulai ada berbagai macam autogenerated neovim configuration, dimana kita tidak perlu susah susah untuk melakukan konfigurasi. Saat ini contohnya ada lazyvim, astrovim, dan masih banyak lagi. Pada blog post ini saya akan menjelaskan cara instalasi dari NvChad dan untuk distro yang saya gunakan adalah Ubuntu.</description>
+      <description>Neovim - NvChad Neovim Merupakan sebuah text editor yang minimalis. Secara default Neovim tidak memiliki banyak fitur seperti IDE yang biasanya seperti Vscode, Atom, dll. Untuk menambahkan fitur-fitur pada Neovim diperlukan effort yang lebih seperti instalasi plugin, konfigurasi autocomplete, dll.&#xA;Nah sekarang mulai ada berbagai macam autogenerated neovim configuration, dimana kita tidak perlu susah susah untuk melakukan konfigurasi. Saat ini contohnya ada lazyvim, astrovim, dan masih banyak lagi. Pada blog post ini saya akan menjelaskan cara instalasi dari NvChad dan untuk distro yang saya gunakan adalah Ubuntu.</description>
     </item>
     <item>
       <title>Instalasi Jupyter Notebook Menggunakan WSL</title>
       <link>/posts/notebook/</link>
       <pubDate>Sun, 21 Jan 2024 04:25:11 +0700</pubDate>
       <guid>/posts/notebook/</guid>
-      <description>Jupyter Notebook merupakan sebuah program yang biasa digunankan untuk eksplorasi data menggunakan bahasa Julia, Python, dan R.&#xA;Pada kali ini saya akan menunjukkan cara menginstall Jupyter Notebook di Windows menggunakan WSL yang dimana menurut saya lebih mudah dibandingkan dengan cara instalasi secara biasa melalui instalasi python pada windows. Distro yang saya gunakan pada tutorial ini adalah Ubuntu.&#xA;Instalasi WSL dapat dilihat pada dokumentasi dari Microsoft. Setelah WSL terinstall ikuti langkah berikut:</description>
+      <description>Jupyter Notebook Jupyter Notebook merupakan sebuah program yang biasa digunankan untuk eksplorasi data menggunakan bahasa Julia, Python, dan R.&#xA;Pada kali ini saya akan menunjukkan cara menginstall Jupyter Notebook di Windows menggunakan WSL yang dimana menurut saya lebih mudah dibandingkan dengan cara instalasi secara biasa melalui instalasi python pada windows. Distro yang saya gunakan pada tutorial ini adalah Ubuntu.&#xA;Instalasi WSL dapat dilihat pada dokumentasi dari Microsoft. Setelah WSL terinstall ikuti langkah berikut:</description>
     </item>
   </channel>
 </rss>