给你的代码加点特效

IssacInglis 7年前
   <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>