教程|三款装逼工具
今天讲一下基础知识
夯 实 基 础
自8月15日正式更文以来，共写过三篇教程，但效果并不乐观，很多朋友反映难度太大，小编也进行了深刻的反思。因此，小编综合了大家的疑问，决定从「如何查看并修改微信图文代码」开始写起。本文将涉及：135编辑器、谷歌浏览器、DW，请老铁们提前做好准备。
1 3 5 编 辑 器
小编没怎么用过 135 里的样式，个人更倾向于极简风格的排版+看着很牛逼的文首动图+逼格满满的文末二维码。动图还有二维码的制作以后再跟大家唠，今天主要讲讲如何优雅地使用 135 的 HTML 编辑器。
❶ 135 的 HTML 编辑器打开方式如下图。对代码的渲染规则是：标签呈绿色，属性名呈蓝色，属性值呈红色，文字及注释呈黑色。 ▼
❷ 套模板：在 135 编辑器中导入一篇文章，进入 HTML 编辑页面。如果大家只是想套一下模板，那么红蓝绿色的内容都可以忽略，直接把黑色的文字改成自己想添加的文字就可以。
❸ 导入到公众号后台编辑器：回到可视化编辑页面，按「Ctrl+A」全选，「Ctrl+C」复制，进入公众号后台编辑器，按「Ctrl+V」粘贴。在今后的操作过程中，大家很有可能遇到粘贴失败的情况，因为有些交互效果并不涉及文字，所以在进行复制时无法将 <svg> 画布上的内容成功复制。解决方法：进入 135 的 HTML 编辑器，在代码开头和结尾处输入<p>1</p>，此时<svg>画布被夹在两个文字中间，再进行上述操作时就可以将 <svg> 中的内容成功复制了。（当然也可以借助谷歌浏览器的开发者工具，下文将会涉及）
谷 歌 开 发 者 工 具
谷歌开发者工具绝对是一把装逼利器，其页面高端大气上档次，无汉化操作界面既能体现出你的编程能力，又能巧妙衬托出你极高的英语水平。尤其是旁边有人看你排版时，直接娴熟地调出开发者工具，不管会不会用，先亮瞎他的双眼。
❶ 打开方式：打开→戳键盘上的「F12」，右侧会弹出窗口，即为谷歌开发者工具界面。▼
❷ 谷歌开发者工具主要由三个小窗口构成，小编只需要用到第一个窗口，后两个可以通过拖拽边缘的方式隐藏到最底端。
❸ 第一个窗口类似于 135 的 HTML 编辑器，具备编辑功能，点击选择功能和手机预览功能。
红框标识的按钮——点选按钮：名字是我自己起的，作用就是，点击左侧网页中的任意一个部位，右侧就会显示这个部位对应的代码。
绿框标识的按钮——手机预览按钮：将左侧网调整至手机尺寸，鼠标变成触屏的形式。
黄框标识的区域——编辑区：和 135 中呈现的内容是一样的，但是将每个闭合标签都整理在了一起，选中某行代码，点击鼠标右键，点击「Edit As HTML」，可编辑代码。
蓝框标识的区域——检索区：输入某个标签，可快速找到这个标签所在位置，并进行编辑。
❹ 我们可以编辑的内容，也就是微信图文的代码，位于所有代码中的<body>……</body>标签中，所以导入微信图文的另一种方式就是在 135 中获取图文代码，然后粘贴到自己公众号后台编辑器的<body>标签中。
❺ 以上就是谷歌开发者工具的基本操作方法，使用熟练之后完全可以抛弃第三方编辑器的 HTML 工具。只需要在公众号后台调出开发者工具，就能满足代码排版的所有需求。但是作为新手，小编建议大家将 135 和谷歌开发者工具配合使用，谷歌开发者工具主要用于调整代码中的属性值。
Dreamweaver
Dreamweaver 是「啊逗比」公司的一款网页编辑器，打开之后界面也是花花绿绿的，有种黑科技的感觉，可以作为装逼利器之一。作为小编不必熟练掌握这款编辑器的各项功能和语言，只需要几下以下几个知识点，以提高工作效率。（安装包在上篇教程中有提及）
❶ 新建文件：打开 DW→文件→新建→HTML文件→确认。
❷ 导入代码：将从 AI 导出的 svg 代码，或135 HTML 编辑器中的代码复制，粘贴到<body>……</body>标签中。▼
❸ 查找替换功能：快捷键「Ctrl+F」，查找替换功能可以说是我们用 DW （除装逼以外）的唯一意义。第一篇教程中我们就提到过，AI 导出的 svg 代码需要更改标签闭合方式后才能在 135 中发挥作用。但是越复杂的动画，标签越多，种类越杂。所以我们可以调出查找替换窗口，进行如下操作：
ⅰ.在查找框输入:/>
ⅱ.在输入框输入:></path>
ⅲ.单击「全部替换」
Ⅳ.利用查找框，找到其他标签，并对其进行正确的闭合。
总 结
以上就是小编用到的三种查看、编辑微信图文代码的工具，在操作过程中，各有利弊，因此经常相互配合使用。DW 的功能最为强大而专业，可以用来写代码；135 可以用来预览图文，且其导入图文功能能够快速获取某篇文章的代码；谷歌开发者工具作为辅助，用于调整某些代码的属性值。希望童鞋们能够亲自实战一下，简单了解之前未接触过的 DW 和谷歌开发者工具，为今后学习交互效果以及装逼，打下坚实的基础。
今天的文章有点干，大家喝口水滋润滋润