Update 2026

author: root <root@mqdd.my.id> 2026-03-14 14:38:27 +0000
committer: root <root@mqdd.my.id> 2026-03-14 14:38:27 +0000
commit: cc4fde6912ee2c416873f8b15c75b2856d2fdb7e (patch)
tree: 79095b637d6ad9496a7883d539f185dd235b066e /public/posts
parent: 558858f630a37b4aef3944c5f1202eb04a1a942e (diff)
8 files changed, 240 insertions, 109 deletions
diff --git a/public/posts/index.html b/public/posts/index.html
index a95db73..ecaff9e 100644
--- a/public/posts/index.html
+++ b/public/posts/index.html
@@ -1,16 +1,17 @@
 <!DOCTYPE html>
 <html><head lang="en">
 	<meta charset="utf-8" />
-	<meta http-equiv="X-UA-Compatible" content="IE=edge"><title>Posts - 📙 Mqdd Blog Posts</title><meta name="viewport" content="width=device-width, initial-scale=1">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge"><title>Posts - 📙 Mqdd Personal Website</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="/posts/index.xml" title="📙 Mqdd Blog Posts" />
+	<link rel="alternate" type="application/rss+xml" href="/posts/index.xml" title="📙 Mqdd Personal Website" />
 	<meta property="og:title" content="Posts" />
 <meta property="og:description" content="" />
 <meta property="og:type" content="website" />
 <meta property="og:url" content="/posts/" />
 
-<meta name="twitter:card" content="summary"/><meta name="twitter:title" content="Posts"/>
+<meta name="twitter:card" content="summary"/>
+<meta name="twitter:title" content="Posts"/>
 <meta name="twitter:description" content=""/>
 <script src="/js/feather.min.js"></script>
 	
@@ -19,8 +20,8 @@
 	
 
 	
-	<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)"  />
+	<link rel="stylesheet" type="text/css" media="screen" href="/css/main.ac4b0a9155d8d1d5c87be4c90817e8273a7994cf333e4a47a2981193d2b8b5f0.css" />
+		<link id="darkModeStyle" rel="stylesheet" type="text/css" href="/css/dark.f163b79c6de51d14a766ff9f0563053de7f06a4d1bf7b85a59608bf96e566710.css" media="(prefers-color-scheme: dark)"  />
 	
 
 	
@@ -34,7 +35,7 @@
 <body>
         <div class="content"><header>
 	<div class="main">
-		<a href="/">📙 Mqdd Blog Posts</a>
+		<a href="/">📙 Mqdd Personal Website</a>
 	</div>
 	<nav>
 		
@@ -46,7 +47,7 @@
 		
 		<a href="/tags">Tags</a>
 		
-		<a href="https://flask.mqdd.cloud">Flask</a>
+		<a href="https://git.mqdd.my.id">Git</a>
 		
 		
 	</nav>
@@ -64,10 +65,10 @@
 			<a href="/posts/notebook/">Instalasi Jupyter Notebook Menggunakan WSL</a> <span class="meta">21 jan, 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>
+  <div style="display:flex"><a class="soc" href="https://github.com/Mqdd27" rel="me" title="GitHub"><i data-feather="github"></i></a>
     <a class="border"></a></div>
   <div class="footer-info">
-    2024  © Mqdd |  <a
+    2026  © Mqdd |  <a
       href="https://github.com/athul/archie">Archie Theme</a> | Built with <a href="https://gohugo.io">Hugo</a>
   </div>
 </footer>
diff --git a/public/posts/index.xml b/public/posts/index.xml
index cec283f..8aba3a4 100644
--- a/public/posts/index.xml
+++ b/public/posts/index.xml
@@ -1,34 +1,44 @@
 <?xml version="1.0" encoding="utf-8" standalone="yes"?>
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
   <channel>
-    <title>Posts on 📙 Mqdd Blog Posts</title>
+    <title>Posts on 📙 Mqdd Personal Website</title>
     <link>/posts/</link>
-    <description>Recent content in Posts on 📙 Mqdd Blog Posts</description>
+    <description>Recent content in Posts on 📙 Mqdd Personal Website</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="/posts/index.xml" rel="self" type="application/rss+xml" />
+    <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>
+      <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.
+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.
+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 - 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>
+      <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.
+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.</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 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.
+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.
+Instalasi WSL dapat dilihat pada dokumentasi dari Microsoft.</description>
     </item>
+    
   </channel>
 </rss>
diff --git a/public/posts/neovim.md.bak b/public/posts/neovim.md.bak
new file mode 100644
index 0000000..7dd7676
--- /dev/null
+++ b/public/posts/neovim.md.bak
@@ -0,0 +1,37 @@
+---
+date: '2024-01-21T04:56:47+07:00'
+draft: false
+title: 'Neovim Sebagai IDE'
+tags: [Tech, Tutorial, neovim]
+description: 'Neovim Merupakan sebuah text editor yang minimalis. Secara default Neovim tidak memiliki banyak fitur. Pada Tutorial ini saya akan menunjukkan cara instalasi agar Neovim memiliki fitur-fitur seperti text editor lain.'
+---
+{{< img src="/dashboard.png" title="Neovim - NvChad" alt="Neovim" >}}
+
+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.
+
+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. Tetapi kalian juga bisa menginstall pada distro lainnya.
+
+Berikut cara instalasinya:
+1. Install Neovim
+```shell
+sudo apt install neovim
+```
+2. Cek versi Neovim
+```shell
+nvim --version
+```
+3. Tambahkan PPA Neovim Unstable **(Jika version < 0.10.0)**
+```shell
+sudo add-apt-repository ppa:neovim-ppa/unstable
+```
+4. Install NvChad
+```shell
+git clone https://github.com/NvChad/NvChad ~/.config/nvim --depth 1 && nvim
+```
+## Preview
+{{< img src="/preview.png" title="Preview NvChad" alt="Preview Image" >}}
+
+Selamat!! Neovim kalian akan menjadi IDE seperti Vscode 👍😁👍. Untuk shortcut/keybinding dari NvChad dapat dilihat pada [Link ini](https://nvchad.com/docs/features "NvChad") atau ketikkan **"Spasi+ch"** pada saat Normal mode.
+
+
+****Direkomendasikan sebelum menggunakan vim/neovim kalian harus biasa menggunakan vim binding.***
diff --git a/public/posts/neovim/index.html b/public/posts/neovim/index.html
index 595ac1b..5dda680 100644
--- a/public/posts/neovim/index.html
+++ b/public/posts/neovim/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html><head lang="en">
 	<meta charset="utf-8" />
-	<meta http-equiv="X-UA-Compatible" content="IE=edge"><title>Neovim Sebagai IDE - 📙 Mqdd Blog Posts</title><meta name="viewport" content="width=device-width, initial-scale=1">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge"><title>Neovim Sebagai IDE - 📙 Mqdd Personal Website</title><meta name="viewport" content="width=device-width, initial-scale=1">
 	<meta name="description" content="Neovim Merupakan sebuah text editor yang minimalis. Secara default Neovim tidak memiliki banyak fitur. Pada Tutorial ini saya akan menunjukkan cara instalasi agar Neovim memiliki fitur-fitur seperti text editor lain." />
 	<meta property="og:image" content=""/>
 	<meta property="og:title" content="Neovim Sebagai IDE" />
@@ -11,7 +11,8 @@
 <meta property="article:published_time" content="2024-01-21T04:56:47+07:00" />
 <meta property="article:modified_time" content="2024-01-21T04:56:47+07:00" />
 
-<meta name="twitter:card" content="summary"/><meta name="twitter:title" content="Neovim Sebagai IDE"/>
+<meta name="twitter:card" content="summary"/>
+<meta name="twitter:title" content="Neovim Sebagai IDE"/>
 <meta name="twitter:description" content="Neovim Merupakan sebuah text editor yang minimalis. Secara default Neovim tidak memiliki banyak fitur. Pada Tutorial ini saya akan menunjukkan cara instalasi agar Neovim memiliki fitur-fitur seperti text editor lain."/>
 <script src="/js/feather.min.js"></script>
 	
@@ -20,8 +21,8 @@
 	
 
 	
-	<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)"  />
+	<link rel="stylesheet" type="text/css" media="screen" href="/css/main.ac4b0a9155d8d1d5c87be4c90817e8273a7994cf333e4a47a2981193d2b8b5f0.css" />
+		<link id="darkModeStyle" rel="stylesheet" type="text/css" href="/css/dark.f163b79c6de51d14a766ff9f0563053de7f06a4d1bf7b85a59608bf96e566710.css" media="(prefers-color-scheme: dark)"  />
 	
 
 	
@@ -35,7 +36,7 @@
 <body>
         <div class="content"><header>
 	<div class="main">
-		<a href="/">📙 Mqdd Blog Posts</a>
+		<a href="/">📙 Mqdd Personal Website</a>
 	</div>
 	<nav>
 		
@@ -47,7 +48,7 @@
 		
 		<a href="/tags">Tags</a>
 		
-		<a href="https://flask.mqdd.cloud">Flask</a>
+		<a href="https://git.mqdd.my.id">Git</a>
 		
 		
 	</nav>
@@ -62,19 +63,21 @@
 		
 
 		<section class="body">
-			
-<center><figure >
-    
-        <img src="/dashboard.png" alt="Neovim" />
-    
-  
-    <figcaption>
-        <h4>Neovim - NvChad</h4>
-         
-    </figcaption>
-    
-</figure></center>
+			<figure class="center-img">
+<center>
+  <img
+    src="/dashboard.png"
+    alt="Neovim"
+    title="Neovim - NvChad"
+  >
+</center>
 
+  
+  <figcaption style="font-size:0.9em; opacity:0.7; margin-top:5px;">
+    Neovim - NvChad
+  </figcaption>
+  
+</figure>
 
 <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>
@@ -82,33 +85,35 @@
 <ol>
 <li>Install Neovim</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 neovim
-</span></span></code></pre></div><ol start="2">
+<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">sudo apt install neovim
+</code></pre></div><ol start="2">
 <li>Cek versi Neovim</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>nvim --version
-</span></span></code></pre></div><ol start="3">
+<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">nvim --version
+</code></pre></div><ol start="3">
 <li>Tambahkan PPA Neovim Unstable <strong>(Jika version &lt; 0.10.0)</strong></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 add-apt-repository ppa:neovim-ppa/unstable
-</span></span></code></pre></div><ol start="4">
+<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">sudo add-apt-repository ppa:neovim-ppa/unstable
+</code></pre></div><ol start="4">
 <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><h2 id="preview">Preview</h2>
+<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">git clone https://github.com/NvChad/NvChad ~/.config/nvim --depth <span style="color:#ae81ff">1</span> <span style="color:#f92672">&amp;&amp;</span> nvim
+</code></pre></div><h2 id="preview">Preview</h2>
+<figure class="center-img">
+<center>
+  <img
+    src="/preview.png"
+    alt="Preview Image"
+    title="Preview NvChad"
+  >
+</center>
 
-<center><figure >
-    
-        <img src="/preview.png" alt="Preview Image" />
-    
   
-    <figcaption>
-        <h4>Preview NvChad</h4>
-         
-    </figcaption>
-    
-</figure></center>
-
+  <figcaption style="font-size:0.9em; opacity:0.7; margin-top:5px;">
+    Preview NvChad
+  </figcaption>
+  
+</figure>
 
 <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>
@@ -135,10 +140,10 @@
 		</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>
+  <div style="display:flex"><a class="soc" href="https://github.com/Mqdd27" rel="me" title="GitHub"><i data-feather="github"></i></a>
     <a class="border"></a></div>
   <div class="footer-info">
-    2024  © Mqdd |  <a
+    2026  © Mqdd |  <a
       href="https://github.com/athul/archie">Archie Theme</a> | Built with <a href="https://gohugo.io">Hugo</a>
   </div>
 </footer>
diff --git a/public/posts/notebook.md.bak b/public/posts/notebook.md.bak
new file mode 100644
index 0000000..ce8490b
--- /dev/null
+++ b/public/posts/notebook.md.bak
@@ -0,0 +1,36 @@
+---
+date: '2024-01-21T04:25:11+07:00'
+draft: false
+title: 'Instalasi Jupyter Notebook Menggunakan WSL'
+tags: [tech, tutorial, jupyter notebook]
+description: 'Jupyter Notebook merupakan sebuah program yang biasa digunankan untuk eksplorasi data menggunakan bahasa Julia, Python, dan R. Pada tutorial ini saya akan menunjukkan cara instalasi Jupyter Notebook dengan WSL.'
+---
+{{< img src="/notebook_windows_wsl.png" title="Jupyter Notebook" alt="Jupyter Notebook" >}}
+
+Jupyter Notebook merupakan sebuah program yang biasa digunankan untuk eksplorasi data menggunakan bahasa Julia, Python, dan R. 
+
+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**.
+
+
+Instalasi WSL dapat dilihat pada dokumentasi dari [Microsoft](https://learn.microsoft.com/en-us/windows/wsl/install). Setelah WSL terinstall ikuti langkah berikut:
+1. Buka WSL Pada Terminal
+2. Install pip
+```shell
+sudo apt install python3-pip
+```
+3. Install Jupyter Notebook
+```shell
+pip install notebook
+```
+4. Jalankan Jupyter Notebook
+```shell
+jupyter notebook --no-browser
+```
+atau
+```shell
+python3 -m notebook --no-browser
+
+```
+Untuk mengakses folder yang kalian inginkan gunakan perintah seperti biasa pada linux yaitu dengan cd ke direktori yang kalian inginkan.
+
+Nah! cukup mudah bukan dibandingkan cara biasanya 👍😁👍
diff --git a/public/posts/notebook/index.html b/public/posts/notebook/index.html
index ca84901..ab3a2d8 100644
--- a/public/posts/notebook/index.html
+++ b/public/posts/notebook/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html><head lang="en">
 	<meta charset="utf-8" />
-	<meta http-equiv="X-UA-Compatible" content="IE=edge"><title>Instalasi Jupyter Notebook Menggunakan WSL - 📙 Mqdd Blog Posts</title><meta name="viewport" content="width=device-width, initial-scale=1">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge"><title>Instalasi Jupyter Notebook Menggunakan WSL - 📙 Mqdd Personal Website</title><meta name="viewport" content="width=device-width, initial-scale=1">
 	<meta name="description" content="Jupyter Notebook merupakan sebuah program yang biasa digunankan untuk eksplorasi data menggunakan bahasa Julia, Python, dan R. Pada tutorial ini saya akan menunjukkan cara instalasi Jupyter Notebook dengan WSL." />
 	<meta property="og:image" content=""/>
 	<meta property="og:title" content="Instalasi Jupyter Notebook Menggunakan WSL" />
@@ -11,7 +11,8 @@
 <meta property="article:published_time" content="2024-01-21T04:25:11+07:00" />
 <meta property="article:modified_time" content="2024-01-21T04:25:11+07:00" />
 
-<meta name="twitter:card" content="summary"/><meta name="twitter:title" content="Instalasi Jupyter Notebook Menggunakan WSL"/>
+<meta name="twitter:card" content="summary"/>
+<meta name="twitter:title" content="Instalasi Jupyter Notebook Menggunakan WSL"/>
 <meta name="twitter:description" content="Jupyter Notebook merupakan sebuah program yang biasa digunankan untuk eksplorasi data menggunakan bahasa Julia, Python, dan R. Pada tutorial ini saya akan menunjukkan cara instalasi Jupyter Notebook dengan WSL."/>
 <script src="/js/feather.min.js"></script>
 	
@@ -20,8 +21,8 @@
 	
 
 	
-	<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)"  />
+	<link rel="stylesheet" type="text/css" media="screen" href="/css/main.ac4b0a9155d8d1d5c87be4c90817e8273a7994cf333e4a47a2981193d2b8b5f0.css" />
+		<link id="darkModeStyle" rel="stylesheet" type="text/css" href="/css/dark.f163b79c6de51d14a766ff9f0563053de7f06a4d1bf7b85a59608bf96e566710.css" media="(prefers-color-scheme: dark)"  />
 	
 
 	
@@ -35,7 +36,7 @@
 <body>
         <div class="content"><header>
 	<div class="main">
-		<a href="/">📙 Mqdd Blog Posts</a>
+		<a href="/">📙 Mqdd Personal Website</a>
 	</div>
 	<nav>
 		
@@ -47,7 +48,7 @@
 		
 		<a href="/tags">Tags</a>
 		
-		<a href="https://flask.mqdd.cloud">Flask</a>
+		<a href="https://git.mqdd.my.id">Git</a>
 		
 		
 	</nav>
@@ -62,19 +63,21 @@
 		
 
 		<section class="body">
-			
-<center><figure >
-    
-        <img src="/notebook_windows_wsl.png" alt="Jupyter Notebook" />
-    
-  
-    <figcaption>
-        <h4>Jupyter Notebook</h4>
-         
-    </figcaption>
-    
-</figure></center>
+			<figure class="center-img">
+<center>
+  <img
+    src="/notebook_windows_wsl.png"
+    alt="Jupyter Notebook"
+    title="Jupyter Notebook"
+  >
+</center>
 
+  
+  <figcaption style="font-size:0.9em; opacity:0.7; margin-top:5px;">
+    Jupyter Notebook
+  </figcaption>
+  
+</figure>
 
 <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>
@@ -83,18 +86,19 @@
 <li>Buka WSL Pada Terminal</li>
 <li>Install pip</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 python3-pip
-</span></span></code></pre></div><ol start="3">
+<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">sudo apt install python3-pip
+</code></pre></div><ol start="3">
 <li>Install Jupyter Notebook</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>pip install notebook
-</span></span></code></pre></div><ol start="4">
+<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">pip install notebook
+</code></pre></div><ol start="4">
 <li>Jalankan Jupyter Notebook</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>jupyter notebook --no-browser
-</span></span></code></pre></div><p>atau</p>
-<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>python3 -m notebook --no-browser
-</span></span></code></pre></div><p>Untuk mengakses folder yang kalian inginkan gunakan perintah seperti biasa pada linux yaitu dengan cd ke direktori yang kalian inginkan.</p>
+<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">jupyter notebook --no-browser
+</code></pre></div><p>atau</p>
+<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">python3 -m notebook --no-browser
+
+</code></pre></div><p>Untuk mengakses folder yang kalian inginkan gunakan perintah seperti biasa pada linux yaitu dengan cd ke direktori yang kalian inginkan.</p>
 <p>Nah! cukup mudah bukan dibandingkan cara biasanya 👍😁👍</p>
 
 		</section>
@@ -119,10 +123,10 @@
 		</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>
+  <div style="display:flex"><a class="soc" href="https://github.com/Mqdd27" rel="me" title="GitHub"><i data-feather="github"></i></a>
     <a class="border"></a></div>
   <div class="footer-info">
-    2024  © Mqdd |  <a
+    2026  © Mqdd |  <a
       href="https://github.com/athul/archie">Archie Theme</a> | Built with <a href="https://gohugo.io">Hugo</a>
   </div>
 </footer>
diff --git a/public/posts/ranger.md.bak b/public/posts/ranger.md.bak
new file mode 100644
index 0000000..4eec124
--- /dev/null
+++ b/public/posts/ranger.md.bak
@@ -0,0 +1,35 @@
+---
+date: '2024-01-30T02:41:45+07:00'
+draft: false
+title: 'Ranger File Manager'
+tags: [tech, tutorial, ranger]
+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.'
+---
+
+{{< img src="/ranger.png" title="Ranger FM" alt="Ranger" >}}
+
+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. 
+
+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. 
+
+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:
+1. Buka WSL Pada Terminal
+2. Install ranger
+```shell
+sudo apt install ranger
+```
+3. Copy Ranger Config dari GitHub saya
+```shell
+git clone -n --depth=1 --filter=tree:0 https://github.com/Linc2427/DotFiles.git && cd DotFiles && git sparse-checkout set --no-cone ranger && git checkout && mv ranger ../ && cd ../ && rm -rf DotFiles
+```
+4. Jalankan Ranger
+```shell
+ranger
+```
+
+Nah! Sekarang jika kalian membuka file misalkan docx maka nantinya akan langsung membuka microsoft word atau default word processor kalian. 👍😁👍
+
+Untuk Keybinding dapat dilihat pada rc.conf pada folder ranger yang ada di .config.
+
+Sumber:
+ - https://gist.github.com/TaipanRex/5db9a19304743fe6367b9ef291d2b69b
diff --git a/public/posts/ranger/index.html b/public/posts/ranger/index.html
index 590d66b..e114382 100644
--- a/public/posts/ranger/index.html
+++ b/public/posts/ranger/index.html
@@ -1,7 +1,7 @@
 <!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 http-equiv="X-UA-Compatible" content="IE=edge"><title>Ranger File Manager - 📙 Mqdd Personal Website</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" />
@@ -11,7 +11,8 @@
 <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: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>
 	
@@ -20,8 +21,8 @@
 	
 
 	
-	<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)"  />
+	<link rel="stylesheet" type="text/css" media="screen" href="/css/main.ac4b0a9155d8d1d5c87be4c90817e8273a7994cf333e4a47a2981193d2b8b5f0.css" />
+		<link id="darkModeStyle" rel="stylesheet" type="text/css" href="/css/dark.f163b79c6de51d14a766ff9f0563053de7f06a4d1bf7b85a59608bf96e566710.css" media="(prefers-color-scheme: dark)"  />
 	
 
 	
@@ -35,7 +36,7 @@
 <body>
         <div class="content"><header>
 	<div class="main">
-		<a href="/">📙 Mqdd Blog Posts</a>
+		<a href="/">📙 Mqdd Personal Website</a>
 	</div>
 	<nav>
 		
@@ -47,7 +48,7 @@
 		
 		<a href="/tags">Tags</a>
 		
-		<a href="https://flask.mqdd.cloud">Flask</a>
+		<a href="https://git.mqdd.my.id">Git</a>
 		
 		
 	</nav>
@@ -62,19 +63,21 @@
 		
 
 		<section class="body">
-			
-<center><figure >
-    
-        <img src="/ranger.png" alt="Ranger" />
-    
-  
-    <figcaption>
-        <h4>Ranger FM</h4>
-         
-    </figcaption>
-    
-</figure></center>
+			<figure class="center-img">
+<center>
+  <img
+    src="/ranger.png"
+    alt="Ranger"
+    title="Ranger FM"
+  >
+</center>
 
+  
+  <figcaption style="font-size:0.9em; opacity:0.7; margin-top:5px;">
+    Ranger FM
+  </figcaption>
+  
+</figure>
 
 <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>
@@ -83,16 +86,16 @@
 <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">
+<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">sudo apt install ranger
+</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">
+<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">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
+</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>
+<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">ranger
+</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>
@@ -121,10 +124,10 @@
 		</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>
+  <div style="display:flex"><a class="soc" href="https://github.com/Mqdd27" rel="me" title="GitHub"><i data-feather="github"></i></a>
     <a class="border"></a></div>
   <div class="footer-info">
-    2024  © Mqdd |  <a
+    2026  © Mqdd |  <a
       href="https://github.com/athul/archie">Archie Theme</a> | Built with <a href="https://gohugo.io">Hugo</a>
   </div>
 </footer>
author	root <root@mqdd.my.id>	2026-03-14 14:38:27 +0000
committer	root <root@mqdd.my.id>	2026-03-14 14:38:27 +0000
commit	cc4fde6912ee2c416873f8b15c75b2856d2fdb7e (patch)
tree	79095b637d6ad9496a7883d539f185dd235b066e /public/posts
parent	558858f630a37b4aef3944c5f1202eb04a1a942e (diff)