Ranger manager configure

This is my personal config for the ranger file manager. Some basic information:

Ranger icons

Install

• First install a nerd font which can be found here: https://github.com/ryanoasis/nerd-fonts. After that, run the following command:

git clone https://github.com/alexanderjeurissen/ranger_devicons ~/.config/ranger/plugins/ranger_devicons

Then execute the following:

echo "default_linemode devicons" >> $HOME/.config/ranger/rc.conf
# (or wherever your rc.conf is located).

Configure spacing between icon and text:

In ~/.config/ranger/plugins/ranger_devicons, edit the following file __init__.py:

1
import ranger.api
2
from ranger.core.linemode import LinemodeBase
3
from .devicons import *
4

5
@ranger.api.register_linemode
6
class DevIconsLinemode(LinemodeBase):
7
  name = "devicons"
8

9
  uses_metadata = False
10

11
  def filetitle(self, file, metadata):
12
    return devicon(file) + ' ' + file.relative_path
13

14
@ranger.api.register_linemode
15
class DevIconsLinemodeFile(LinemodeBase):
16
  name = "filename"
17

18
  def filetitle(self, file, metadata):
19
    return devicon(file) + ' ' + file.relative_path

In line return devicon(file) + ' ' + file.relative_path, add or delete spaces in ' ' to adjust the spacing between the icons and your file/folder name.

Add syntax highlighting preview

Just install highlight package:

• Arch:

$ sudo pacman -S highlight

• Ubuntu:

$ sudo apt-get install highlight

Then reopen ranger.

Ranger configures highlighting in scope.sh. To use a specific theme, the HIGHLIGHT_STYLE variable should be set, for example: export HIGHLIGHT_STYLE=clarity.

Image preview

First, install python-ueberzug-git from aur by running this command:

yay -S python-ueberzug-git

In your ranger config file (~/.config/ranger/rc.conf), add this line:

set preview_images_method ueberzug

File management