From 3551263347fd38447808279eab85fb481c430f76 Mon Sep 17 00:00:00 2001 From: shaoying Date: Sat, 15 Sep 2018 14:39:03 +0800 Subject: [PATCH] mac mod color --- usr/library/wiki.js | 6 +-- usr/template/common/base.html | 14 +++--- usr/template/common/wiki.html | 18 ++++--- usr/wiki/zsh_tmux_vim.md | 94 +++++++++++++++++++++++++---------- 4 files changed, 88 insertions(+), 44 deletions(-) diff --git a/usr/library/wiki.js b/usr/library/wiki.js index 36fd62aa..4bf78fcd 100644 --- a/usr/library/wiki.js +++ b/usr/library/wiki.js @@ -133,9 +133,9 @@ function menu() { var m = document.getElementsByTagName("pre"); for (var i = 0; i < m.length; i++) { var line = (m[i].clientHeight-10)/15 - if (line < 3) { - continue - } + // if (line < 3) { + // continue + // } console.log(m[i].clientHeight) var nu = m[i].parentElement.insertBefore(document.createElement("div"), m[i]); nu.className = "number1" diff --git a/usr/template/common/base.html b/usr/template/common/base.html index 65657491..bfd96a76 100644 --- a/usr/template/common/base.html +++ b/usr/template/common/base.html @@ -22,14 +22,13 @@ padding-right: 20px; } pre { - border:solid 1px green; - padding:5px; - border-left:solid 2px green; - overflow:scroll; - background-color:#f8f8f8; - } - code { + color:white; font-size:13px; + background-color:#272822; + padding:5px; + border:solid 2px green; + border-left:solid 4px green; + overflow:scroll; } .command { font-size:14px; @@ -39,6 +38,7 @@ height:100%; width:100%; margin:0px; + background-color:#d8d8d8; } diff --git a/usr/template/common/wiki.html b/usr/template/common/wiki.html index 9a98dcc6..4d37b375 100644 --- a/usr/template/common/wiki.html +++ b/usr/template/common/wiki.html @@ -6,6 +6,9 @@ {{define "wiki_list"}}
diff --git a/usr/wiki/zsh_tmux_vim.md b/usr/wiki/zsh_tmux_vim.md index c4438b06..7b844988 100644 --- a/usr/wiki/zsh_tmux_vim.md +++ b/usr/wiki/zsh_tmux_vim.md @@ -1,9 +1,9 @@ ## 《终端工具链》简介 终端工具链，就是对编程开发过程中所用到的各种命令行的工具进行高效的组合，不断的提升编程速度与开发效率。 -在主流的系统中，Ubuntu的命令行最为强大，有丰富的命令行工具，可以很容易组合出自己的终端工具链； -其次是MacOSX，命令行也很丰富，再搭配上苹果电脑的硬件与系统，可以组合出流畅的终端工具链； -最后是Windows，命令行功能弱的可以忽略，但可以安装一个shell工具[git-scm](https://git-scm.com/downloads)，使用一些基本的命令，如果需要更丰富的命令行工具，可以安装虚拟机或是远程连接云主机，使用Ubuntu。 +- 在主流的系统中，Ubuntu的命令行最为强大，有丰富的命令行工具，可以很容易组合出自己的终端工具链； +- 其次是MacOSX，命令行也很丰富，再搭配上苹果电脑的硬件与系统，可以组合出流畅的终端工具链； +- 最后是Windows，命令行功能弱的可以忽略，但可以安装一个shell工具[git-scm](https://git-scm.com/downloads)，使用一些基本的命令，如果需要更丰富的命令行工具，可以本地安装虚拟机或是远程连接云主机，使用Ubuntu。 命令行终端，与图形界面不同，是以一种文本化的方式与系统进行交互。 可以很直接、很高效执行各种系统操作，同时各种重复性的操作，都可以很方便的写成程序脚本，和系统命令一样直接调用，不断的提升操作效率。 @@ -19,6 +19,71 @@ 使用zsh+tmux+vim的工具链，根据自己的使用习惯进行个性化配置，就可以极大的提升编程速度与开发效率。 +## 入门指南 +每个系统上打开终端的方式都不一样，根据自己的系统进行操作。 + +- 在Ubuntu中，按Ctrl+Alt+T，可以直接打开终端。 +- 在Mac中，打开Finder，然后打开，应用->实用工具->终端。 +- 在Windows里，先下载一个应用：[git-scm](https://git-scm.com/downloads)，按步骤安装即可，然后打开应用Git bash。 + +打开终端后，你就打开了一个全新的世界，通过命令行，你就可以自由自在的控制你自己的电脑，并可以与世界成千上万的计算机进行各种交互。 + +先来体验一下基本的几个命令吧。 + +输入"date"，并按回车，即可查看当前日期与时间。 +``` +$ date +Wed Sep 12 09:32:53 CST 2018 +``` +输入"pwd"，并按回车，即可查看当前所在目录。 +``` +$ pwd +/Users/shaoying +``` +### zsh使用 +### tmux使用 +### docker使用 +### git使用 +### vim入门 +Mac上自带vim，不需要安装。 +Windows上安装了的git-scm，也集成了vim，也不需要单独安装。 +但Ubuntu默认只安装了vi，vim需要自己安装一下。 +``` +$ sudo apt-get install vim +``` +vim是最高效的编辑器，没有之一。熟练掌握它的使用，会极大的提升文本或代码的编辑速度。 + +当然与常见的其它编辑器不同，vim有独特的操作模式，刚开始使用会有些奇怪。 +不过一但你理解了它的运行逻辑，适应了它的操作习惯，你这辈子都不会再想用其它的编辑器。 + +输入命令vim，如果带有参数则会打开此文件，如果没有参数，则直接打开一个空文件。 +``` +$ vim hi.txt +``` +按字母"i"，进入编辑模式，然后就可以输入任意文本。 +``` +Hello Vim World! +Vim is best and fast. +You can use vim to input text or code into complute in a free style. +``` +输入完内容后，按左上角的"Esc"键，就可以退出编辑模式，回到命令模式。 +在命令模式下可以对文件内容，进行各种查看、搜索、修改等操作。vim很多高效的操作都是在命令模式下执行的。 + +最后，需要保存文件并退出时，按冒号键":"，进入底行模式，再输入"wq"并按回车。 +``` +:wq +``` + +与其它编辑器不同，vim是一种模式化编辑器，即处在不同模式下，每个按键都会不同的功能。 +之所以vim是最高效的编辑器，这就是其中的原因之一。
+常见的模式有：命令模式、编辑模式、底行模式。 +启动vim后，默认的模式是命令模式，其它模式都是以命令模式为基准中心进行相互切换。即由命令模式切到到编辑模式，由编辑模式切换到命令模式；由命令模式切换到底行模式，由底行模式切换到命令模式。 + +- 命令模式: 通过各种快捷键，对文件内容进行各种快速的查看、搜索、修改等操作。 +- 编辑模式: 和其它编辑器一样，各种字母数字按键会当成文件的内容直接输入。 +- 底行模式: 通过输入各种命令行，调用vim各种函数或脚本对文件内容进行复杂的处理。 + +## 个性化配置 ### zsh安装 Mac上自带zsh，不用安装，但Ubuntu上需要自己安装一下。 ``` @@ -131,27 +196,4 @@ $ make -j8 $ sudo mkdir /usr/local/vim8 $ sudo make install ``` -## 基本功能使用 -打开终端，体验基本命令。 - -- 在Ubuntu中，按Ctrl+Alt+T，可以直接打开终端。 -- 在Mac中，打开Finder，然后，应用->实用工具->终端。 -- 在Windows里，先安装[git-scm](https://git-scm.com/downloads)，然后打开应用Git bash。 - -输入"date"，并按回车，即可查看当前日期与时间。 -``` -$ date -Wed Sep 12 09:32:53 CST 2018 -``` -输入"pwd"，并按回车，即可查看当前所在目录。 -``` -$ pwd -/Users/shaoying -``` -### zsh使用 -### tmux使用 -### docker使用 -### git使用 -### vim使用 -## 个性化配置 ## 源码解析