03_[nvim0.5+从0单排]_界面美化与主题

视频与目录

项目	值
教程目录	https://blog.csdn.net/lxyoucan/article/details/120641546
视频全屏	https://www.bilibili.com/video/BV1sh411H7JE/
视频	03_界面美化与主题

正片开始

本期目标：
界面美化与主题设置。

界面美化前：

美化后：

设置终端字体解决乱码

如果你发现你显示的不是像我截图里的那样的，而是有乱码？之类的。那是因为字体的原因。
只要安装nerd-font字体，并设置终端模拟器的字体为nerd-font。

以macOS为例。
使用Homebrew安装nerd-font字体，顺序运行如下命令行：

brew tap homebrew/cask-fonts
brew install font-hack-nerd-font --cask

设置iterm

设置Mac自带终端。

解决SpaceVim图标在termux中乱码
字体文件下载

把这个字体文件上传到 /data/data/com.termux/files/home/.termux/font.ttf目录即可解决SpaceVim 乱码的问题。

没有乱码真舒服！

其他情况，就不举例啦，不管是什么终端模拟器，只要设置好字体就可以啦。

关于插件下载加速

为了照顾访问github慢的朋友，我的packer默认通过https://hub.fastgit.org/加速git的下载。如果感觉有没必须或者想换其他的节点可以自行修改default_url_format的值。

--推荐的
default_url_format = 'https://hub.fastgit.org/%s'
--csdn速度稳定，但是很多冷门的项目没有
default_url_format = 'https://codechina.csdn.net/mirrors/%s'

安装vim-airline

packer插件管理器安装方法

修改~/.config/nvim/lua/plugins.lua文件，并在use 'wbthomason/packer.nvim'增加如下内容：

use {
        "vim-airline/vim-airline",
        requires = {
          "vim-airline/vim-airline-themes",
          --综合图标支持such vim-airline lightline, vim-startify
          "ryanoasis/vim-devicons"
        }
  }

:wq退出重新打开nvim后，执行:PackerInstall 安装成功后出现如下的界面。

                                     packer.nvim - finished in 10.466s
 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 ✓ Installed ryanoasis/vim-devicons
 ✓ Installed vim-airline/vim-airline
 ✓ Installed vim-airline/vim-airline-themes

 Press 'q' to quit
 Press '<CR>' to show more info
 Press 'd' to show the diff
 Press 'r' to revert an update

这个时候重新启动nvim发现界面已经发生变化了。

配置vim-airline

这里把我的vim-airline配置分享出来。

创建以下文件

~/.config/nvim/after/plugin/airline.rc.vim

个人习惯把各个插件的配置放到~/.config/nvim/after/plugin/目录。

" vim-airline
let g:airline#extensions#tabline#enabled = 1
" 使用字体
let g:airline_powerline_fonts = 1
let g:airline#extensions#tabline#buffer_idx_mode = 1
nmap <leader>1 <Plug>AirlineSelectTab1
nmap <leader>2 <Plug>AirlineSelectTab2
nmap <leader>3 <Plug>AirlineSelectTab3
nmap <leader>4 <Plug>AirlineSelectTab4
nmap <leader>5 <Plug>AirlineSelectTab5
nmap <leader>6 <Plug>AirlineSelectTab6
nmap <leader>7 <Plug>AirlineSelectTab7
nmap <leader>8 <Plug>AirlineSelectTab8
nmap <leader>9 <Plug>AirlineSelectTab9

虽然~/.config/nvim/after/plugin/目录的配置文件会自动加载，但是airline的配置需要更高的加载优先级。所以要在init.vim中手动引用一下。
编辑~/.config/nvim/init.vim并增加下面一行。

source ~/.config/nvim/after/plugin/airline.rc.vim

目前的效果如下：

我的个人喜好，这个配置完成后。可以按<leader>+数字如：<leader>+1切换到buffer 1 这样可以快速的切换buffer。平时开发中使用频率很高的快捷键。

主题推荐

主题非常多，萝卜白菜各有所爱。安装方法都是类似的，我这里做个演示。
我个人比较喜欢gruvbox主题风格。gruvbox-material是基于gruvbox二次开发的。

packer插件管理器安装方法：
修改~/.config/nvim/lua/plugins.lua文件，并在use 'wbthomason/packer.nvim'增加如下内容：

use "sainnhe/gruvbox-material"

:wq退出重新打开nvim后，执行:PackerInstall 。

配置gruvbox-material

因为长期使用下来会切换多套主题，所以我习惯把主题相关的内容放到~/.config/nvim/colors目录方便管理。

创建~/.config/nvim/colors/gruvbox_material.rc.vim，内容如下：

" Important!!
if has('termguicolors')
	set termguicolors
endif
" For dark version.
set background=dark
" For light version.
"set background=light
" Set contrast.
" This configuration option should be placed before `colorscheme gruvbox-material`.
" Available values: 'hard', 'medium'(default), 'soft'
let g:gruvbox_material_background = 'hard'
" 使用try，如果配色方案不存在，也不会报错
try
	colorscheme gruvbox-material
catch /^Vim\%((\a\+)\)\=:E185/
    " deal with it
endtry

编辑~/.config/nvim/init.vim并增加下面一行。

source ~/.config/nvim/colors/gruvbox_material.rc.vim

做完这些配置，重启就可以看到效果啦！

总结

本期教程结束，未完待续。。。