更多颜色

回忆上节课内容

  • 我们上次深入了配色方案
  • 定义了自己的配色方案 oeasy
  • 建立了自己的配色 oeasy
  • 在状态栏应用了自己的配色

明确能用的颜色

  • 先胡乱地尝试一下修改颜色代码

    • hi Normal ctermfg=1
    • hi Normal ctermfg=2
    • hi Normal ctermfg=3
  • 首先看看有多少能用的颜色

    • :set t_Co?
  • 设置为 256 色的有颜色终端(cterm)显示模式

    • :set t_Co=256
  • 那么这 256 种颜色都有什么呢?
  • 我们尝试把他显示出来

显示某种颜色

  • 显示某种颜色
echo -e "\033[48;5;1moeasy[0m"
echo -e "\033[48;5;2moeasy[0m"
echo -e "\033[48;5;3moeasy[0m"
echo -e "\033[48;5;4moeasy[0m"
echo -e "\033[48;5;5moeasy[0m"

尝试把所有颜色遍历出来

#!/bin/bash
for c in {0..255}
do
printf "\033[48;5;"$c"m%5d\033[0m" $c
done
  • 保存并运行当前程序
  • :w|!sh %

  • 确实符合ansi的规则
  • 这不废话么?

修改确认

  • :hi Normal ctermbg=196
  • :hi Normal ctermbg=214
  • :hi Normal ctermbg=124
  • 经过确认颜色基本能够对应上
  • 这样我们就可以使用全部256种颜色了
  • 哈哈哈哈
  • 开心

更多颜色

  • 看起来我们可以使用rgb颜色编码方式!!
  • 怎么做的呢?看代码

转化过程

  • 需要在代码里定义从rgb颜色模式到ansi颜色模式的转化函数
  • 首先把rgb拆分为三个本地的分量

  • 如果三个分量相等

  • 映射到相应具体的灰阶的值

  • 彩色怎么办呢?

彩色映射

  • rgb三个分量已经得到了
  • 得到近似颜色

  • 然后再得到彩色的值

  • 这样我们就可以使用rgb颜色了
  • 而且不论我们使不使用颜色映射
  • 都可以用代码当前的配色方案直接生成颜色网页

生成网页

  • 可以用自定义的颜色方案生成网页

    • :TOhtml
    • 或者 :source $VIMRUNTIME/syntax/2html.vim
  • 然后在浏览器里打开他

    • :firefox %

总结

  • 这次了解了颜色的细节
  • 设置 256 色模式

    • :set t_Co=256
  • 然后确定了具体的各种颜色
  • 还可以生成网页
  • 还有什么好玩的么?
  • 下次再说

oeasy教您玩转vim - 25 - 更多颜色的更多相关文章

  1. oeasy教您玩转vim - 56 - # 字符可视化模式

    ​ 可视化编辑 回忆上节课内容 我们学习了关于模式匹配中使用参数 单个参数 :%s/<h2>\(.*\)</h2>/ - \1/g 多个参数 :%s/<img src=\ ...

  2. oeasy教您玩转vim - 57 - # 行可视化

    ​ 可视化编辑 回忆上节课内容 上次我们了解到可视模式 其实可视化对应三种子模式 字符可视模式 v 行可视模式 大写V 块可视模式ctrl+v 我们先来了解字符可视化模式 快捷键 v 可配合各种mot ...

  3. oeasy教您玩转vim - 53 - # 批量替换

    查找细节 回忆上节课内容 我们温习了关于搜索的相关内容 /正向,?反向 n保持方向,N改变方向 可以设置 是否忽略大写小写 是否从头开始查找 是否高亮显示 还有一些正则表达式的使用方法 行头行尾 ^$ ...

  4. oeasy教您玩转linux010203显示logo

    我们来回顾一下 上一部分我们都讲了什么?

  5. oeasy 教您玩转linux010101查看内核uname

    linux([?l?n?ks]) 是什么????? 咱们这次讲点什么呢?这次咱们讲讲这个 linux([?l?n?ks]),什么是 linux([?l?n?ks])呢?这linux([?l?n?ks] ...

  6. oeasy教您玩转linux010202软件包管理apt

    顾一下 上一部分我们都讲了什么?

  7. oeasy教您玩转linux010201持续输出yes

    我们来回顾一下 上一部分我们都讲了什么?

  8. oeasy教您玩转linux010108到底哪个which

    到底哪个which 回忆上次内容 我们上次讲了查找命令位置whereis 我想找到whereis的位置怎么办?

  9. oeasy教您玩转python - 006 - # hello world

    ​ Hello World! 回忆上次内容 python3 的程序是一个 5.3M 的可执行文件 python3 里面全都是 cpu 指令 可以执行的那种指令 我们可以把指令对应的汇编找到 objdu ...

  10. oeasy教您玩转linux-010110内容回顾

    我们来回顾一下 我们都讲了什么?

随机推荐

  1. MySQL 字段截取拼接

    @ 目录 前言 需求: 拼接函数: 截取函数: 总结 前言 请各大网友尊重本人原创知识分享,谨记本人博客:南国以南i. 提示:以下是本篇文章正文内容,下面案例可供参考 需求: 将数据库中的某一个字段的 ...

  2. 一文了解npm install -g和npm install --save-dev的关系

    本文分享自华为云社区<npm install -g 和 npm install --save-dev 的关系>,作者: SHQ5785. 一.npm install 本地安装 将安装包放在 ...

  3. 表单设计——《HTML5 CSS3从入门到精通》

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  4. Java中类的构造 与 方法的重载

    类的构造方法 定义:构造方法与类名相同,且没有返回值,且不需要void修饰 Car bmcar = new Car(); 特点:类中没有定义时,会默认有一个无参的构造方法,在无参的构造方法中为成员变量 ...

  5. Redis 常用的数据结构简介与实例测试【Redis 系列二】

    〇.都有哪些数据结构? Redis 提供了较为丰富的数据类型,常见的有五种:String(字符串),Hash(哈希),List(列表),Set(集合).Zset(有序集合). 随着 Redis 版本的 ...

  6. vue3使用表格el-table-infinite-scroll.js:18 Uncaught (in promise) Error: [el-table-infinite-scroll]: .el-scrollbar__wrap element not found.

    先看下表格里面有没有这个el-scrollbar__wrap class类 没有的话升级一下element-plus到最新的就行 你可以先查看element-plus的版本 npm view elem ...

  7. Nodejs fs模块 全局变量

    fs模块提供了用于与文件进行交互相关方法 const fs = require('fs') # 写入数据 fs.writeFile(文件,数据,err=>{}) # 读取文件中数据 fs.rea ...

  8. CF364E

    problem 算法1 我会暴力!!! 直接枚举右上角和左下角,然后计算答案,使用前缀和优化后时间复杂度为 \(O(n^4)\). 算法2 我会分治!!!. 我们知道答案就是左边+右边+两边都有的个数 ...

  9. INFINI Labs 产品更新 | Agent 全新重构,优化指标采集,支持集中配置管理,支持动态下发等功能

    INFINI Labs 产品又更新啦~ 本次更新主要有 Agent.Console.Loadgen 等产品,其中 Agent 进行全新重构升级,新版限制了 CPU 资源消耗,优化了内存,相比旧版内存使 ...

  10. 使用 OpenTelemetry 构建可观测性 05 - 传播和行李(Propagation & Baggage)

    我们开发的应用程序可能具有不同的形态和架构:有些是单体应用,有些是微服务.为单体应用程序添加遥测数据相对来说简单,因为所有数据都在同一进程中.然而对于微服务应用程序,情况可能会更具挑战性. 通常,分布 ...