blob: e1143820180f6fd470096b389c561e8d4453c8af (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
|
<!DOCTYPE html>
<html><head lang="en">
<meta charset="utf-8" />
<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" />
<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.ac4b0a9155d8d1d5c87be4c90817e8273a7994cf333e4a47a2981193d2b8b5f0.css" />
<link id="darkModeStyle" rel="stylesheet" type="text/css" href="/css/dark.f163b79c6de51d14a766ff9f0563053de7f06a4d1bf7b85a59608bf96e566710.css" media="(prefers-color-scheme: dark)" />
</head>
<body>
<div class="content"><header>
<div class="main">
<a href="/">📙 Mqdd Personal Website</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://git.mqdd.my.id">Git</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">
<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>
<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">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">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
</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">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>
<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/Mqdd27" rel="me" title="GitHub"><i data-feather="github"></i></a>
<a class="border"></a></div>
<div class="footer-info">
2026 © 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>
|
