diff options
Diffstat (limited to 'public/posts/ranger/index.html')
| -rw-r--r-- | public/posts/ranger/index.html | 137 |
1 files changed, 137 insertions, 0 deletions
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">&&</span> cd DotFiles <span style="color:#f92672">&&</span> git sparse-checkout set --no-cone ranger <span style="color:#f92672">&&</span> git checkout <span style="color:#f92672">&&</span> mv ranger ../ <span style="color:#f92672">&&</span> cd ../ <span style="color:#f92672">&&</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> |