mac mod color

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) {
+		// if (line < 3) {
-			continue
+		// 	continue
-		}
+		// }
 		console.log(m[i].clientHeight)
 		var nu = m[i].parentElement.insertBefore(document.createElement("div"), m[i]);
 		nu.className = "number1"

usr/template/common/base.html

@@ -22,14 +22,13 @@
 		padding-right: 20px;
 	}
 	pre {
-		border:solid 1px green;
+		color:white;
-		padding:5px;
-		border-left:solid 2px green;
-		overflow:scroll;
-		background-color:#f8f8f8;
-	}
-	code {
 		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;
 	}
 </style>
 <script src="/library/context.js"></script>

usr/template/common/wiki.html

@@ -6,6 +6,9 @@
 
 {{define "wiki_list"}}
 <style>
+p {
+	text-indent:2em;
+}
 .container {
 	height:100%;
 	min-width:300px;
@@ -147,21 +150,20 @@
 	padding-left:10px;
 }
 .number1 {
-	line-height:15px;
+	color:#271ace;
-	padding:5px;
-	float:left;
-	margin-left:0px;
 	font-size:13px;
 	font-family:monospace;
-	background-color:#f8f8f8;
+	line-height:15px;
-	border:solid 1px green;
+	background-color:#77b724;
+	padding:5px;
+	border:solid 2px green;
+	margin-left:0px;
+	float:left;
 }
 .number1 div {
-	color:#999;
 	text-align:right;
 	margin:0;
 	padding:0;
-	margin-left:0px;
 }
 </style>
 <div class="content">

usr/wiki/zsh_tmux_vim.md

@@ -1,9 +1,9 @@
 ## 《终端工具链》简介
 终端工具链，就是对编程开发过程中所用到的各种命令行的工具进行高效的组合，不断的提升编程速度与开发效率。
 
-在主流的系统中，Ubuntu的命令行最为强大，有丰富的命令行工具，可以很容易组合出自己的终端工具链；
+- 在主流的系统中，Ubuntu的命令行最为强大，有丰富的命令行工具，可以很容易组合出自己的终端工具链；
-其次是MacOSX，命令行也很丰富，再搭配上苹果电脑的硬件与系统，可以组合出流畅的终端工具链；
+- 其次是MacOSX，命令行也很丰富，再搭配上苹果电脑的硬件与系统，可以组合出流畅的终端工具链；
-最后是Windows，命令行功能弱的可以忽略，但可以安装一个shell工具[git-scm](https://git-scm.com/downloads)，使用一些基本的命令，如果需要更丰富的命令行工具，可以安装虚拟机或是远程连接云主机，使用Ubuntu。
+- 最后是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是最高效的编辑器，这就是其中的原因之一。<br/>
+常见的模式有：命令模式、编辑模式、底行模式。
+启动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使用
-## 个性化配置
 ## 源码解析