给你的代码加点特效
IssacInglis
8年前
<h2>1. Marmoset</h2> <p>像下面的图片用在一些编程文章的封面上很合适。而且看起来很有趣(逼格)。</p> <p style="text-align: center;"><img src="https://simg.open-open.com/show/11626c447dbd940f001661f6c9674935.png"></p> <p>看起来很有逼格的代码截图</p> <p>要生成这样一张立体代码图并不复杂,只需要一个浏览器小工具:Marmoset</p> <p style="text-align: center;"><img src="https://simg.open-open.com/show/a4ab8a86249035444a47bcca7ccf3d80.png"></p> <p>Marmoset</p> <p>打开应用之后可以用鼠标调整代码角度。根据不同主题有不同的效果,还有相应的语法高亮。</p> <p style="text-align: center;"><img src="https://simg.open-open.com/show/1ec06b0c923627a2320a5629c12c24d8.gif"></p> <p>自由调整代码角度</p> <p>模糊效果的截图:</p> <p style="text-align: center;"><img src="https://simg.open-open.com/show/cc71dc1315c4f04f2edcc46a4618fbd5.png"></p> <p>模糊效果</p> <h2>2. Figlet</h2> <p>第二个工具是一个Linux下的命令行工具,我们经常会看到一些终端工具有一个字符Logo,随便举个例子:</p> <pre> # ptunnel.sh -h ------------------------------------------------------------------------------ ____ _ _ ____ _ _ _ | _ \| |_ _ _ _ __ _ __ ___| | / ___|| |__ ___| | | | |_) | __| | | | '_ \| '_ \ / _ \ | \___ \| '_ \ / _ \ | | | __/| |_| |_| | | | | | | | __/ | ___) | | | | __/ | | |_| \__|\__,_|_| |_|_| |_|\___|_| |____/|_| |_|\___|_|_| Email: i@zuolan.me Blog: https://zuolan.me ------------------------------------------------------------------------------ 一个关于 Ptunnel 部署以及代理管理的脚本。不加参数直接运行脚本即可连接。 可选参数 - 说明 ------------------------------------------------------------------------------ -c - 断线自动重连,自动修复断开的连接。 -m - 查看代理运行情况。 -n - 使用 -n [enp3s0|wlp2s0|eth0|wlan0] 指定网卡可以分享代理。 -p - 选择本地 privoxy 转发的端口。(默认配置/etc/privoxy/config) -k - 重启 sshd 进程。(当 ssh 无法连接时使用。) -l - 安装本地守护容器。 -s - 安装服务器守护进程。 -h - 显示帮助信息。详细说明阅读 README 文件。</pre> <p>这些Logo可以通过Figlet生成:</p> <p style="text-align: center;"><img src="https://simg.open-open.com/show/d22d8c29ee00c8be730fcda9532b22b8.gif"></p> <p>快速生成字符画</p> <p>安装这个工具没什么难度,包管理工具直接安装即可。</p> <pre> sudo apt/dnf install -y figlet</pre> <p>命令 showfigfonts 可以查看所有字体。</p> <p>例如指定字体:</p> <p style="text-align: center;"><img src="https://simg.open-open.com/show/ea67fc0936444fe389aa73d53edf4d10.png"></p> <p>指定字体</p> <p>来点好玩的,显示时间:</p> <p style="text-align: center;"><img src="https://simg.open-open.com/show/52194979718f04979c57bebcff278e26.gif"></p> <p>动态显示</p> <h2>3. Boxes</h2> <p>这个工具提供了 n 种样式,例如各种动物等,然后你输入的字符就放在这些图案的内部空白处。</p> <p>安装依旧是直接安装,仅限Linux系统。</p> <p>使用 boxes -l 列出所有的样式。</p> <p>echo [text] | boxes -d [style name]</p> <p>下面用 dog 这个样式来显示:</p> <pre> # echo "Hello World" | boxes -d dog __ _,--="=--,_ __ / \." .-. "./ \ / ,/ _ : : _ \/` \ \ `| /o\ :_: /o\ |\__/ `-'| :="~` _ `~"=: | \` (_) `/ .-"-. \ | / .-"-. .---{ }--| /,.-'-.,\ |--{ }---. ) (_)_)_) \_/`~-===-~`\_/ (_(_(_) ( ( Hello World ) ) ( '---------------------------------------'</pre> <p>这个工具一般用于代码中的开头注释什么的地方,比较显眼有趣。</p> <pre> , /\^/`\ | \/ | | | | SPRING IS IN THE AIR! jgs \ \ / _ _ '\\//' _{ ' }_ || joan stark { `.!.` } || <spunk1111@juno.com> ',_/Y\_,' || , {_,_} |\ || |\ | | | || | | ASCII ART GALLERY: (\| /) | | || / / <http://www.geocities.com/SoHo/7373/> \| // \ \||/ / |// `\\//` \\ \./ \\ / // \\./ \\ // \\ |/ / ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^</pre> <h2>4. Toilet</h2> <p>这个可以输出更丰富的样式,它比 figlet 命令的效果更有艺术感。</p> <pre> echo "Hello World" | toilet -f term -F border --gay</pre> <p style="text-align: center;"><img src="https://simg.open-open.com/show/4fed4c6ebcbdbc2a3932982099ae802d.png"></p> <p>可以有颜色</p> <pre> toilet -f mono12 -F metal Linux</pre> <p style="text-align: center;"><img src="https://simg.open-open.com/show/f87fbc2a3d8ab2a270c432cf38b83687.png"></p> <p>多种样式</p> <pre> while true; do echo "$(date '+%D %T' | toilet -f term -F border --gay)"; sleep 1; done</pre> <p style="text-align: center;"><img src="https://simg.open-open.com/show/6c11b40a062f2c2f5aa357adbe3314c0.png"></p> <p>彩色的字符画</p> <h2>activate-power-mode</h2> <p style="text-align: center;"><img src="https://simg.open-open.com/show/7f0d4482760633fd132f77cb05326be1.gif"></p> <p>打代码时有没有拯救世界的感觉</p> <p>XCode有几个,随便挑一个吧:</p> <ul> <li><a href="/misc/goto?guid=4959649121500337766" rel="nofollow,noindex">https://github.com/poboke/ActivatePowerMode</a></li> <li><a href="/misc/goto?guid=4958973526311437449" rel="nofollow,noindex">https://github.com/qfish/XActivatePowerMode</a></li> <li><a href="/misc/goto?guid=4959734267770361186" rel="nofollow,noindex">https://github.com/Dawn-/CoderPower</a></li> </ul> <p>Visual Studio Code 暂时不支持</p> <p> </p> <p>来自:http://www.jianshu.com/p/4c9d5393ddb1</p> <p> </p>