summaryrefslogtreecommitdiff
path: root/public/posts/ranger/index.html
diff options
context:
space:
mode:
authorroot <root@mqdd.my.id>2026-03-14 14:38:27 +0000
committerroot <root@mqdd.my.id>2026-03-14 14:38:27 +0000
commitcc4fde6912ee2c416873f8b15c75b2856d2fdb7e (patch)
tree79095b637d6ad9496a7883d539f185dd235b066e /public/posts/ranger/index.html
parent558858f630a37b4aef3944c5f1202eb04a1a942e (diff)
Update 2026
Diffstat (limited to 'public/posts/ranger/index.html')
-rw-r--r--public/posts/ranger/index.html55
1 files changed, 29 insertions, 26 deletions
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>