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

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

美化后

总结

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

  • 5
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值