给你的代码加点特效

作者: 左蓝 | 来源:发表于2017-01-08 23:44 被阅读2611次

1. Marmoset

像下面的图片用在一些编程文章的封面上很合适。而且看起来很有趣(逼格)。


看起来很有逼格的代码截图

要生成这样一张立体代码图并不复杂,只需要一个浏览器小工具:Marmoset

Marmoset

Marmoset下载地址:Chrome 商店

打开应用之后可以用鼠标调整代码角度。根据不同主题有不同的效果,还有相应的语法高亮。


自由调整代码角度

模糊效果的截图:


模糊效果

2. Figlet

第二个工具是一个Linux下的命令行工具,我们经常会看到一些终端工具有一个字符Logo,随便举个例子:

# 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 文件。

这些Logo可以通过Figlet生成:

快速生成字符画

安装这个工具没什么难度,包管理工具直接安装即可。

sudo apt/dnf install -y figlet

命令showfigfonts可以查看所有字体。

例如指定字体:

指定字体

来点好玩的,显示时间:

动态显示

3. Boxes

这个工具提供了 n 种样式,例如各种动物等,然后你输入的字符就放在这些图案的内部空白处。
安装依旧是直接安装,仅限Linux系统。
使用boxes -l列出所有的样式。
echo [text] | boxes -d [style name]
下面用 dog 这个样式来显示:

# echo "Hello World" | boxes -d dog
          __   _,--="=--,_   __
         /  \."    .-.    "./  \
        /  ,/  _   : :   _  \/` \
        \  `| /o\  :_:  /o\ |\__/
         `-'| :="~` _ `~"=: |
            \`     (_)     `/
     .-"-.   \      |      /   .-"-.
.---{     }--|  /,.-'-.,\  |--{     }---.
 )  (_)_)_)  \_/`~-===-~`\_/  (_(_(_)  (
(  Hello World                          )
 )                                     (
'---------------------------------------'

这个工具一般用于代码中的开头注释什么的地方,比较显眼有趣。

          ,
      /\^/`\             
     | \/   |            
     | |    |               SPRING IS IN THE AIR!              jgs
     \ \    /                                                _ _
      '\\//'                                               _{ ' }_
        ||                      joan stark                { `.!.` }
        ||                  <spunk1111@juno.com>          ',_/Y\_,'
        ||  ,                                               {_,_}
    |\  ||  |\                                                |
    | | ||  | |              ASCII ART GALLERY:             (\|  /)
    | | || / /      <http://www.geocities.com/SoHo/7373/>    \| //
     \ \||/ /                                                 |//
      `\\//`   \\   \./    \\ /     //    \\./   \\   //   \\ |/ /
     ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

4. Toilet

这个可以输出更丰富的样式,它比 figlet 命令的效果更有艺术感。

echo "Hello World" | toilet -f term -F border --gay
可以有颜色
toilet -f mono12 -F metal Linux
多种样式
while true; do echo "$(date '+%D %T' | toilet -f term -F border --gay)"; sleep 1; done
彩色的字符画

activate-power-mode

打代码时有没有拯救世界的感觉
这个大家都知道的我就不说了,直接上链接:
Atom
Visual Studio
Brackets
Codemirror
IDEA
JavaScript
VIM
Visual Studio
Windows
XCode有几个,随便挑一个吧:

Visual Studio Code 暂时不支持

相关文章

网友评论

  • 笨笨lrl:😭😭😭下载了安装不了,求指教
    笨笨lrl: @左蓝 😂本来想装下逼的
    笨笨lrl: @左蓝 最后一个,我电脑找不到好像是.acto这个文件
    左蓝:你指哪个?
  • snowdream:做一个有情怀的程序员
  • pujiaxun:最后一个只开粒子效果,关掉抖动还是可以的。。连击50以上才会有特效好像
  • thiagooo0:activate-power-mode试过,眼都花了~/~在公司装了一下逼之后就没用了
  • 棍武中原:Xcode都不能用啊楼主
    棍武中原:@左蓝 我喜欢这种晃眼的感觉
    棍武中原:@左蓝 我只是喜欢这么炫的效果,哈哈
    左蓝:目前没找到支持Xcode8的,而且你确定要用这么蛋疼的插件咩,很晃眼的诶,笑。
  • 不一样的卡梅利多:会影响写代码
  • 是什么绅士:最后一个下载了这个怎么用呐。
    左蓝:你是什么编辑器就点哪个链接,比如Atom就点第一个,进去之后就有介绍安装使用方法了,而且网上有很多教程,都玩烂的插件我就不细说了。
  • 打纸牌的驼鹿:有无notepad++?
    左蓝:没有直接的插件,但是你可以通过 Windows 的那个实现这种效果。
  • wata:叼叼叼
  • 清风景行:大气,的确敲代码敲出乐趣了。
  • 我是雯:经济狗飘过,崇拜会打代码的!
  • Souv:已看这些插件,我的第一感觉是:卡吧
    左蓝:最后一个算是娱乐的,其他都挺实用的,全部都不卡(对于我电脑来说)。
  • a03012877aae:最后一个真的是很......降低效率的哈哈哈哈哈
  • 清無:有意思
  • 1ba2d2ac74bf:电脑太差,特效不敢开。
  • ec5dde365efa:sublin可以安装吗
    左蓝:我没找到。找到的都在文后留了链接。
  • dff1a8b5cd63:很有趣,最后一个可能开始很震撼,但后期新鲜感一过可能,没什么人会玩了
  • a0b573fd5196:厉害了
  • 小厨笔记:写技术文章配图很赞
  • eadb962320cf:最后那个有没有vscode版的😂
    左蓝:VSCode没有,Visual Studio就有。
  • 娃嘻嘻:厉害⊙▽⊙
  • 4975ed0ff786:代码被玩坏了
  • 飞鱼light:这最后一个插件我用过,晃得我眼瞎2333
    飞鱼light:@是什么绅士 在atom里
    是什么绅士:怎么用呐 最后一个 是不是在myeclipse中么。
    飞鱼light:@Andrew_na 是的,我也是把震动效果去了,然而用了一段时间以后还是放弃了,偶尔会卡
  • 相茵:好酷炫!超爱超爱,又可以在朋友圈zhangbility了😈

本文标题:给你的代码加点特效

本文链接:https://www.haomeiwen.com/subject/gcdcbttx.html