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:

1

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

Then execute the following:

1
2

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
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19

import ranger.api
from ranger.core.linemode import LinemodeBase
from .devicons import *

@ranger.api.register_linemode
class DevIconsLinemode(LinemodeBase):
  name = "devicons"

  uses_metadata = False

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

@ranger.api.register_linemode
class DevIconsLinemodeFile(LinemodeBase):
  name = "filename"

  def filetitle(self, file, metadata):
    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:

1

$ sudo pacman -S highlight

• Ubuntu:

1

$ 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:

1

yay -S python-ueberzug-git

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

set preview_images_method ueberzug

File management