-
Notifications
You must be signed in to change notification settings - Fork 27
/
Copy pathlearn-vi-62-02-colortest.html
40 lines (34 loc) · 4.89 KB
/
learn-vi-62-02-colortest.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh" xml:lang="zh">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="learn-vi.css" />
<title>VIM学习笔记 色彩测试(colortest)</title>
</head>
<body>
<h1>VIM学习笔记 色彩测试(colortest)</h1>
<h2 class="article"><a id="colortest_gvim">GVim中的色彩测试</a></h2>
<p>运行以下内置脚本（Vimscript），可以查看各种颜色作为前景（foreground）和背景（background）的显示效果，以及在浅色（white）和深色（black）背景下的显示效果。</p>
<p style="text-indent:2em"><code class="inset">:runtime syntax/colortest.vim</code></p>
<p><a href="https://yyq123.github.io/learn-vim/images/colortest.png" title="colortest"><img src="https://yyq123.github.io/learn-vim/images/colortest.png" alt="colortest" width="550" height="365" /></a></p>
<p>通过以下内置文件，可以查看Vim预定义的色彩名称：</p>
<p style="text-indent:2em"><code class="inset">:view $VIMRUNTIME/rgb.txt</code></p>
<p><a href="https://yyq123.github.io/learn-vim/images/rgb_txt.png" title="rgb_txt"><img src="https://yyq123.github.io/learn-vim/images/rgb_txt.png" alt="rgb_txt" /></a></p>
<p>你可以下载并在GVim中打开<a href="https://yyq123.github.io/learn-vim/samples/colorname.vim" title="colorname.vim">colorname.vim</a>，然后执行<code class="inset">:so %</code>命令。此脚本文件将新建缓冲区，显示rgb.txt文件中色彩的显示效果：</p>
<p><a href="https://yyq123.github.io/learn-vim/images/colorname.png" title="colorname"><img src="https://yyq123.github.io/learn-vim/images/colorname.png" alt="colorname" width="550" height="123" /></a></p>
<p>你可以下载并在GVim中打开<a href="https://yyq123.github.io/learn-vim/samples/colorlist.vim" title="colorlist.vim">colorlist.vim</a>，然后执行<code class="inset">:so %</code>命令。此脚本文件将以紧凑列表的形式，显示rgb.txt文件中色彩的显示效果：</p>
<p><a href="https://yyq123.github.io/learn-vim/images/colorlist.png" title="colorlist"><img src="https://yyq123.github.io/learn-vim/images/colorlist.png" alt="colorlist" width="550" height="109" /></a></p>
<h2 class="article"><a id="colortest_term">Terminal中的色彩测试</a></h2>
<p>现今，几乎所有虚拟终端（比如<a href="https://wiki.gnome.org/Apps/Terminal" title="GNOME Terminal">GNOME Terminal</a>，<a href="https://iterm2.com/" title="iTerm2">iTerm2</a>，<a href="https://conemu.github.io/" title="ConEmu">ConEmu</a>等）都是支持256 (Xterm)色的。</p>
<p>在终端中执行以下命令，可以查看256色的显示效果：</p>
<p style="text-indent:2em"><code class="inset">$ curl -s https://gist.githubusercontent.com/HaleTom/89ffe32783f89f403bba96bd7bcd1263/raw/ | bash</code></p>
<p><a href="https://yyq123.github.io/learn-vim/images/colortest_term_256.png" title="colortest_term_256"><img src="https://yyq123.github.io/learn-vim/images/colortest_term_256.png" alt="colortest_term_256" width="550" height="264" /></a></p>
<p>为了启用256色，请在<a href="http://yyq123.github.io/learn-vim/learn-vi-59-vimrc.html" title="vimrc">vimrc</a>配置文件的<a href="http://yyq123.github.io/learn-vim/learn-vi-62-ColorScheme.html" title="Color Scheme">colorscheme</a>配色方案设置之前增加以下命令：</p>
<p style="text-indent:2em"><code class="inset">set t_Co=256</code></p>
<p>你可以在<a href="https://jonasjacek.github.io/colors/" title="256 COLORS - CHEAT SHEET">256 COLORS - CHEAT SHEET</a>中，查看256色的Xterm Number和Xterm Name，以及与HEX和RGB格式的对应关系：</p>
<p><a href="http://yyq123.github.io/learn-vim/images/colortest_term_256_HEX_RGB.png" title="colortest_term_256_HEX_RGB"><img src="http://yyq123.github.io/learn-vim/images/colortest_term_256_HEX_RGB.png" alt="colortest_term_256_HEX_RGB" width="550" height="175" /></a></p>
<p>也就是说，在您选择使用特定色彩时，需要同时考虑在GUI图形界面和Xterm虚拟终端中的显示效果，以便能够获得理想且一致的感官。换句话说，在图形界面中可以正常显示的色彩，可能并无法在虚拟终端中使用。当然，您也可以针对不同的使用环境，选择使用不同的色彩。</p>
<p style="border-top:1px solid lightgray"><span style="float:right">Ver: 2.0 | <a href="mailto:[email protected]">YYQ</a></span><span><<a title="配色方案(Color Scheme)" href="http://yyq123.github.io/learn-vim/learn-vi-62-ColorScheme.html.html">上一篇</a> |<a title="笔记列表" href="http://yyq123.github.com/learn-vim/learn-vi-00-00-TOC.html"> 目录 </a>| <a title="语法高亮文件(Syntax)" href="http://yyq123.github.io/learn-vim/learn-vi-64-Syntax.html">下一篇</a>></span></p>
</body>
</html>