Update Website

3 files changed, 40 insertions, 5 deletions

diff --git a/content/posts/neovim.md b/content/posts/neovim.md
index 28d0e88..7dd7676 100644
--- a/content/posts/neovim.md
+++ b/content/posts/neovim.md
@@ -5,7 +5,7 @@ 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.'
 ---
-![image 1: Neovim](/dashboard.png)
+{{< 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.
 
@@ -28,10 +28,10 @@ sudo add-apt-repository ppa:neovim-ppa/unstable
 ```shell
 git clone https://github.com/NvChad/NvChad ~/.config/nvim --depth 1 && nvim
 ```
-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.
-
 ## 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.
 
-![image 2: Preview Nv Chad](/preview.png)
 
 ****Direkomendasikan sebelum menggunakan vim/neovim kalian harus biasa menggunakan vim binding.***
diff --git a/content/posts/notebook.md b/content/posts/notebook.md
index 7c0185d..2719722 100644
--- a/content/posts/notebook.md
+++ b/content/posts/notebook.md
@@ -5,7 +5,7 @@ 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.'
 ---
-![Scenario 1: Jupyter Notebook](/notebook_windows_wsl.png)
+{{< 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. 
 
diff --git a/content/posts/ranger.md b/content/posts/ranger.md
new file mode 100644
index 0000000..4eec124
--- /dev/null
+++ b/content/posts/ranger.md
@@ -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