This work is licensed under a CC BY-NC 4.0 license.
+欢迎转载，转载需注明出处： + {% include snippets/page-url.html %} + ，且禁止用于商业目的。
++ {{ site.email }} +
+ {% endif %} +A long time ago, in a galaxy far, far away...
+Episode IV
+A NEW HOPE
+It is a period of civil war. Rebel spaceships, striking from a hidden base, have won their first victory against the evil Galactic Empire.
+During the battle, Rebel spies managed to steal secret plans to the Empire's ultimate weapon,the DEATH STAR,an armored space station with enough power to destroy an entire planet.
+Pursued by the Empire's sinister agents,Princess Leia races home aboard her starship,custodian of the stolen plans that can save her people and restore freedom galaxy...
+A long time ago, in a galaxy far, far away...
+ ... +{% endhighlight %} + +{% highlight css %} +.empty-content { + box-sizing: border-box; + width: 100%; + height: 100%; +} +{% endhighlight %} + +这样就差不多了。当然我们还可以加图片背景，加背景音乐。这里就不做了…… + +[动画演示](/blog/projects/star-war.html) | +[源码](https://github.com/kitian616/blog/blob/gh-pages/projects/star-war.html) + + \ No newline at end of file diff --git a/_posts/2016-03-05-my-favourit-softwares.md b/_posts/2016-03-05-my-favourit-softwares.md new file mode 100644 index 00000000000..c95c8e25bf7 --- /dev/null +++ b/_posts/2016-03-05-my-favourit-softwares.md @@ -0,0 +1,122 @@ +--- +layout: post +title: 我的软件清单 +key: 10009 +tags: Tools +category: blog +date: 2016-03-05 21:48:00 +08:00 +modify_date: 2017-09-16 14:30:00 +08:00 +picture-frame: shadow +picture-max-width: 480px +--- + +整理了下自己喜欢的软件，列出了这个清单。 + +我的原则是：尽量使用免费开源软件，不使用破解软件。 + +**本文长期更新，欢迎推荐。** + + +## Windows + +### PicPick + +瑞士军刀一样的软件。图像编辑器，颜色选择器，颜色调色板，像素标尺，量角器，瞄准线和白板等等，堪称全能的设计工具。更重要的是，它对个人用户是完全免费的。 + + + +[官网链接](http://ngwin.com/picpick) + +### PuTTY + +Putty 是一个免费的，Windows 32 平台下的 telnet、rlogin 和 ssh 客户端。 + + + +[官网链接](http://www.putty.org/) + +### Advanced ip Scanner + +是可以在快速扫描局域网计算机信息的网络 IP 扫描工具，对于寻找一些没有显示的设备（比如没接屏幕的树莓派）IP 特别有用。 + + + +### Oracle VM VirtualBox + +VMware Workstation 的绝佳开源替代品，十分适合在 Windows 中虚拟 Linux 系统环境。 + + + +[官网链接](https://www.virtualbox.org/) + +### Cmder + +cmd 替代品，能最大化，标签页以及非常不错的定制性。 + + + +[官网链接](http://cmder.net/) + +### typora + +Windows 下非常好用的 Markdown 编辑器，支持多种主题，更棒的是还支持 YAML 头文件。 + +[官网链接](https://www.typora.io/) + +### mp3Tag + +MP3 文件 ID3-Tag 信息修改器。可以修改 MP3 文件中的曲名、演唱者、专集、年月、流派、注释等信息，歌曲收藏者的利器。 + +[官网链接](http://www.mp3tag.de/) + +## Linux + +### zsh (with Oh My Zsh) + +比 bash 更好用的 shell。更强的可配置性，更强的 tab 补全，还附带 git 支持。再加上[Oh My Zsh](https://github.com/robbyrussell/oh-my-zsh)的存在，zsh 已经相当易用了。 + + + +[Oh My Zsh 项目链接](https://github.com/robbyrussell/oh-my-zsh) + +### Tmux + +SSH 最佳伴侣。 + +[官网链接](https://tmux.github.io/) + +### Graphviz + +“所想即所得”的画图工具，由大名鼎鼎的贝尔实验室开发。简单的来讲就是一款使用脚本语言来进行绘图的工具。 + + + +[官网链接](http://www.graphviz.org/) + +[DOT脚本语言](https://zh.wikipedia.org/wiki/DOT语言) + +### Graph::Easy + +跟 Graphviz 类似的软件。用它可以很方便的绘制出字符版的流程图，很适合代码注释。当然，它的功能远不止这些。 + +{% highlight text%} ++------+ +--------+ ............. +---------+ +| Bonn | --> | Berlin | --> : Frankfurt : --> | Dresden | ++------+ +--------+ ............. +---------+ + : + : + v + +---------+ +---------+ + | Potsdam | ==> | Cottbus | + +---------+ +---------+ +{% endhighlight %} + +[GitHub 项目页](https://github.com/ironcamel/Graph-Easy) + +## Coding + +### Visual Studio Code + +微软出品，和 atom 一样基于 electron，但比 atom 流畅。页面非常酷，插件也已经非常全面了，越来越多的前端工程师开始转向它了。 + +[官网链接](https://code.visualstudio.com/) \ No newline at end of file diff --git a/_posts/2016-09-18-chameleon-theme.md b/_posts/2016-09-18-chameleon-theme.md new file mode 100644 index 00000000000..5c4795da62d --- /dev/null +++ b/_posts/2016-09-18-chameleon-theme.md @@ -0,0 +1,72 @@ +--- +layout: post +title: 第三代主题：Chameleon Theme +key: 100010 +tags: blog +category: blog +date: 2016-09-18 18:50:00 +08:00 +picture-frame: shadow +--- + + + +好长时间没有写文章了。自从五月份以来，实习、论文和面试成为了生活的主旋律。比较压抑，也比较浮躁，压根就无法静下心来`
+
+One or more blank lines. (A blank line is a line containing nothing but **spaces** or **tabs** is considered blank.)
+
+Code:
+
+ This will be
+ inline.
+
+ This is second paragraph.
+
+Preview:
+
+***
+
+This will be
+inline.
+
+This is second paragraph.
+
+***
+
+#### Line Breaks
+
+HTML Tag: `
`
+
+End a line with **two or more spaces**.
+
+Code:
+
+ This will be not
+ inline.
+
+Preview:
+
+***
+
+This will be not
+inline.
+
+***
+
+### Headers
+
+Markdown supports two styles of headers, Setext and atx.
+
+#### Setext
+
+HTML Tags: `
` + +Markdown uses email-style **>** characters for blockquoting. It looks best if you hard wrap the text and put a > before every line. + +Code: + + > This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet, + > consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. + > Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus. + > + > Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse + > id sem consectetuer libero luctus adipiscing. + +Preview: + +*** + +> This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet, +> consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. +> Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus. +> +> Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse +> id sem consectetuer libero luctus adipiscing. + +*** + +Markdown allows you to be lazy and only put the > before the first line of a hard-wrapped paragraph. + +Code: + + > This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet, + consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. + Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus. + + > Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse + id sem consectetuer libero luctus adipiscing. + +Preview: + +*** + +> This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet, +consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. +Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus. + +> Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse +id sem consectetuer libero luctus adipiscing. + +*** + +Blockquotes can be nested (i.e. a blockquote-in-a-blockquote) by adding additional levels of >. + +Code: + + > This is the first level of quoting. + > + > > This is nested blockquote. + > + > Back to the first level. + +Preview: + +*** + +> This is the first level of quoting. +> +> > This is nested blockquote. +> +> Back to the first level. + +*** + +Blockquotes can contain other Markdown elements, including headers, lists, and code blocks. + +Code: + + > ## This is a header. + > + > 1. This is the first list item. + > 2. This is the second list item. + > + > Here's some example code: + > + > return shell_exec("echo $input | $markdown_script"); + +Preview: + +*** + +> ## This is a header. +> +> 1. This is the first list item. +> 2. This is the second list item. +> +> Here's some example code: +> +> return shell_exec("echo $input | $markdown_script"); + +*** + +### Lists + +Markdown supports ordered (numbered) and unordered (bulleted) lists. + +#### Unordered + +HTML Tag: `` + +Unordered lists use **asterisks (*)**, **pluses (+)**, and **hyphens (-)**. + +Code: + + * Red + * Green + * Blue + +Preview: + +*** + +* Red +* Green +* Blue + +*** + +is equivalent to: + +Code: + + + Red + + Green + + Blue + +and: + +Code: + + - Red + - Green + - Blue + +#### Ordered + +HTML Tag: `
` + +Ordered lists use numbers followed by periods: + +Code: + + 1. Bird + 2. McHale + 3. Parish + +Preview: + +*** + +1. Bird +2. McHale +3. Parish + +*** +It’s possible to trigger an ordered list by accident, by writing something like this: + +Code: + + 1986. What a great season. + +Preview: + +*** + +1986. What a great season. + +*** + +You can **backslash-escape (\\)** the period: + +Code: + + 1986\. What a great season. + +Preview: + +*** + +1986\. What a great season. + +*** + +#### Indented + +##### Blockquote + +To put a blockquote within a list item, the blockquote’s > delimiters need to be indented: + +Code: + + * A list item with a blockquote: + + > This is a blockquote + > inside a list item. + +Preview: + +*** + +* A list item with a blockquote: + + > This is a blockquote + > inside a list item. + +*** + +##### Code Block + +To put a code block within a list item, the code block needs to be indented twice — **8 spaces** or **two tabs**: + +Code: + + * A list item with a code block: + +
+ +Preview: + +*** + +* A list item with a code block: + ++ +*** + +##### Nested List + +Code: + + * A + * A1 + * A2 + * B + * C + +Preview: + +*** + +* A + * A1 + * A2 +* B +* C + +*** + +### Code Blocks + +HTML Tag: `` + +Indent every line of the block by at least **4 spaces** or **1 tab**. + +Code: + + This is a normal paragraph: + + This is a code block. + +Preview: + +*** + +This is a normal paragraph: + + This is a code block. + +*** + +A code block continues until it reaches a line that is not indented (or the end of the article). + +Within a code block, ***ampersands (&)*** and angle **brackets (< and >)** are automatically converted into HTML entities. + +Code: + + + +Preview: + +*** + + + +*** + +Following sections Fenced Code Blocks and Syntax Highlighting are extensions, you can use the other way to write the code block. + +#### Fenced Code Blocks + +Just wrap your code in ```` ``` ```` (as shown below) and you won't need to indent it by four spaces. + +Code: + + Here's an example: + + ``` + function test() { + console.log("notice the blank line before this function?"); + } + ``` + +Preview: + +*** + +Here's an example: + +``` +function test() { + console.log("notice the blank line before this function?"); +} +``` + +*** + +#### Syntax Highlighting + +In your fenced block, add an optional language identifier and we'll run it through syntax highlighting ([Support Languages](https://github.com/github/linguist/blob/master/lib/linguist/languages.yml)). + +Code: + + ```ruby + require 'redcarpet' + markdown = Redcarpet.new("Hello World!") + puts markdown.to_html + ``` + +Preview: + +*** + +```ruby +require 'redcarpet' +markdown = Redcarpet.new("Hello World!") +puts markdown.to_html +``` + +*** + +### Horizontal Rules + +HTML Tag: `
` +Places **three or more hyphens (-), asterisks (*), or underscores (_)** on a line by themselves. You may use spaces between the hyphens or asterisks. + +Code: + + * * * + *** + ***** + - - - + --------------------------------------- + ___ + +Preview: + +*** + +* * * +*** +***** +- - - +--------------------------------------- +___ + +*** + +### Table + +HTML Tag: `