windsting · November 28, 2017 15:37
diff --git a/Tmux -- Desktop of CLI b/Tmux -- Desktop of CLI
 <!DOCTYPE html>
 <html>
  <head>
    <meta charset="utf-8" />
    <meta name="keywords" content="remark,remarkjs,markdown,slideshow,presentation" />
    <meta name="description" content="A simple, in-browser, markdown-driven slideshow tool." />
    <title>Remark</title>
    <style>
      @import url(https://fonts.googleapis.com/css?family=Droid+Serif);
      @import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
      @import url(https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700,400italic);
      /* @import url('https://fonts.googleapis.com/css?family=Noto+Sans'); */
      /* @import url(https://fonts.googleapis.com/earlyaccess/notosanssc.css); */

      @font-face {
        font-family: 'Noto Sans SC';
        font-style: normal;
        font-weight: 400;
        src: url(NotoSansSC-Regular.woff2) format('woff2');
      }

      body {
        /* font-family: 'Droid Serif'; */
        /* font-family: 'Noto Serif', serif; */
        font-family: 'Noto Sans SC', sans-serif;
      }
      h1, h2, h3 {
        /* font-family: 'Yanone Kaffeesatz'; */
        font-family: 'Noto Sans SC', sans-serif;
        /* font-family: 'Noto Serif', serif; */
        font-weight: 400;
        margin-bottom: 0;
      }
      .remark-slide-content h1 { font-size: 3em; }
      .remark-slide-content h2 { font-size: 2em; }
      .remark-slide-content h3 { font-size: 1.6em; }
      .footnote {
        position: absolute;
        bottom: 3em;
      }
      li p { line-height: 1.25em; }
      .red { color: #fa0000; }
      .large { font-size: 2em; }
      a, a > code {
        color: rgb(249, 38, 114);
        text-decoration: none;
      }
      code {
        background: #e7e8e2;
        border-radius: 5px;
      }
      .remark-code, .remark-inline-code { font-family: 'Ubuntu Mono'; }
      .remark-code-line-highlighted     { background-color: #373832; }
      .pull-left {
        float: left;
        width: 47%;
      }
      .pull-right {
        float: right;
        width: 47%;
      }
      .pull-right ~ p {
        clear: both;
      }
      #slideshow .slide .content code {
        font-size: 0.8em;
      }
      #slideshow .slide .content pre code {
        font-size: 0.9em;
        padding: 15px;
      }
      .inverse {
        background: #272822;
        color: #777872;
        text-shadow: 0 0 20px #333;
      }
      .inverse h1, .inverse h2 {
        color: #f3f3f3;
        line-height: 0.8em;
      }

      /* Slide-specific styling */
      #slide-inverse .footnote {
        bottom: 12px;
        left: 20px;
      }
      #slide-how .slides {
        font-size: 0.9em;
        position: absolute;
        top:  151px;
        right: 140px;
      }
      #slide-how .slides h3 {
        margin-top: 0.2em;
      }
      #slide-how .slides .first, #slide-how .slides .second {
        padding: 1px 20px;
        height: 90px;
        width: 120px;
        -moz-box-shadow: 0 0 10px #777;
        -webkit-box-shadow: 0 0 10px #777;
        box-shadow: 0 0 10px #777;
      }
      #slide-how .slides .first {
        background: #fff;
        position: absolute;
        top: 20%;
        left: 20%;
        z-index: 1;
      }
      #slide-how .slides .second {
        position: relative;
        background: #fff;
        z-index: 0;
      }

      /* Two-column layout */
      .left-column {
        color: #777;
        width: 20%;
        height: 92%;
        float: left;
      }
        .left-column h2:last-of-type, .left-column h3:last-child {
          color: #000;
        }
      .right-column {
        width: 75%;
        float: right;
        padding-top: 1em;
      }
    </style>
  </head>
  <body>
    <textarea id="source">
      name: inverse
      class: center, middle, inverse
      
      ![Tmux logo](https://github.com/tmux/tmux/blob/master/logo/tmux-logo-medium.png?raw=true)
      
      # 命令行下的桌面
      
      ---

      # 什么是“桌面”？

      --
      
      1. 多进程系统的调度器
      
      --
      1. 进程状态查看器

      --
      1. 与程序交互的容器
      
    </textarea>
    <script src="https://remarkjs.com/downloads/remark-latest.min.js"></script>
    <script>
      var hljs = remark.highlighter.engine;
    </script>
    <script src="https://remarkjs.com/remark.language.js"></script>
    <script>
      var slideshow = remark.create({
          highlightStyle: 'monokai',
          highlightLanguage: 'remark',
          highlightLines: true
        }) ;
    </script>
    <script>
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-44561333-1']);
      _gaq.push(['_trackPageview']);

      (function() {
        var ga = document.createElement('script');
        ga.src = 'https://ssl.google-analytics.com/ga.js';
        var s = document.scripts[0];
        s.parentNode.insertBefore(ga, s);
      }());
    </script>
  </body>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8" />
	<meta name="keywords" content="remark,remarkjs,markdown,slideshow,presentation" />
	<meta name="description" content="A simple, in-browser, markdown-driven slideshow tool." />
	<title>Remark</title>
	<style>
	@import url(https://fonts.googleapis.com/css?family=Droid+Serif);
	@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
	@import url(https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700,400italic);
	/* @import url('https://fonts.googleapis.com/css?family=Noto+Sans'); */
	/* @import url(https://fonts.googleapis.com/earlyaccess/notosanssc.css); */

	@font-face {
	font-family: 'Noto Sans SC';
	font-style: normal;
	font-weight: 400;
	src: url(NotoSansSC-Regular.woff2) format('woff2');
	}

	body {
	/* font-family: 'Droid Serif'; */
	/* font-family: 'Noto Serif', serif; */
	font-family: 'Noto Sans SC', sans-serif;
	}
	h1, h2, h3 {
	/* font-family: 'Yanone Kaffeesatz'; */
	font-family: 'Noto Sans SC', sans-serif;
	/* font-family: 'Noto Serif', serif; */
	font-weight: 400;
	margin-bottom: 0;
	}
	.remark-slide-content h1 { font-size: 3em; }
	.remark-slide-content h2 { font-size: 2em; }
	.remark-slide-content h3 { font-size: 1.6em; }
	.footnote {
	position: absolute;
	bottom: 3em;
	}
	li p { line-height: 1.25em; }
	.red { color: #fa0000; }
	.large { font-size: 2em; }
	a, a > code {
	color: rgb(249, 38, 114);
	text-decoration: none;
	}
	code {
	background: #e7e8e2;
	border-radius: 5px;
	}
	.remark-code, .remark-inline-code { font-family: 'Ubuntu Mono'; }
	.remark-code-line-highlighted { background-color: #373832; }
	.pull-left {
	float: left;
	width: 47%;
	}
	.pull-right {
	float: right;
	width: 47%;
	}
	.pull-right ~ p {
	clear: both;
	}
	#slideshow .slide .content code {
	font-size: 0.8em;
	}
	#slideshow .slide .content pre code {
	font-size: 0.9em;
	padding: 15px;
	}
	.inverse {
	background: #272822;
	color: #777872;
	text-shadow: 0 0 20px #333;
	}
	.inverse h1, .inverse h2 {
	color: #f3f3f3;
	line-height: 0.8em;
	}

	/* Slide-specific styling */
	#slide-inverse .footnote {
	bottom: 12px;
	left: 20px;
	}
	#slide-how .slides {
	font-size: 0.9em;
	position: absolute;
	top: 151px;
	right: 140px;
	}
	#slide-how .slides h3 {
	margin-top: 0.2em;
	}
	#slide-how .slides .first, #slide-how .slides .second {
	padding: 1px 20px;
	height: 90px;
	width: 120px;
	-moz-box-shadow: 0 0 10px #777;
	-webkit-box-shadow: 0 0 10px #777;
	box-shadow: 0 0 10px #777;
	}
	#slide-how .slides .first {
	background: #fff;
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 1;
	}
	#slide-how .slides .second {
	position: relative;
	background: #fff;
	z-index: 0;
	}

	/* Two-column layout */
	.left-column {
	color: #777;
	width: 20%;
	height: 92%;
	float: left;
	}
	.left-column h2:last-of-type, .left-column h3:last-child {
	color: #000;
	}
	.right-column {
	width: 75%;
	float: right;
	padding-top: 1em;
	}
	</style>
	</head>
	<body>
	<textarea id="source">
	name: inverse
	class: center, middle, inverse

	![Tmux logo](https://github.com/tmux/tmux/blob/master/logo/tmux-logo-medium.png?raw=true)

	# 命令行下的桌面

	---

	# 什么是“桌面”？

	--

	1. 多进程系统的调度器

	--
	1. 进程状态查看器

	--
	1. 与程序交互的容器

	</textarea>
	<script src="https://remarkjs.com/downloads/remark-latest.min.js"></script>
	<script>
	var hljs = remark.highlighter.engine;
	</script>
	<script src="https://remarkjs.com/remark.language.js"></script>
	<script>
	var slideshow = remark.create({
	highlightStyle: 'monokai',
	highlightLanguage: 'remark',
	highlightLines: true
	}) ;
	</script>
	<script>
	var _gaq = _gaq \|\| [];
	_gaq.push(['_setAccount', 'UA-44561333-1']);
	_gaq.push(['_trackPageview']);

	(function() {
	var ga = document.createElement('script');
	ga.src = 'https://ssl.google-analytics.com/ga.js';
	var s = document.scripts[0];
	s.parentNode.insertBefore(ga, s);
	}());
	</script>
	</body>
	</html>