著作权归作者所有。
商业转载请联系作者获得授权，非商业转载请注明出处。
作者：不暇
链接：https://www.ruletree.club/archives/1182/
来源：https://www.ruletree.club/
很早就有人询问过，在typecho这种Markdown编辑器下，文字的颜色该怎样定义，而且就像我初次接触typecho的时候，也觉得它的编辑器实在是太不友好，因为功能太简单了。结果用了这么久，才觉得，简单才是最优雅的策略，至少帮助我成功的专注于文字，舍弃了各种花哨的东西。不过在有的时候，花哨还是必要的。
这篇文章不止是说明文字颜色和样式的定义，还包括了Markdown代码嵌入的标签可以做到的全部实用功能，而且我从来都觉得，typecho在功能上，不逊色其它任何的内容管理程序。
你比如像这段基佬紫的颜色，是不是充满了视觉压迫力？我甚至还可以让它变绿，再粗壮一点!
又或者是，像下面这个黑家伙一样，带点黄。
黄
上面那些效果，实现起来特别简单，如果是用过typecho的老手，基本都可以猜到，这就是Markdown支持html代码嵌入的标签实现的。具体的代码如下，为了防止被解析，我加上了@符号，实际使用可以去掉。
紫色文字：
@!!!
你比如像这段基佬紫的颜色，是不是充满了视觉压迫力？
@!!!
绿色加粗文字：
@!!!
我甚至还可以让它变绿，再粗壮一点!
@!!!
黑中带黄区块：
@!!!
黄
@!!!
只要懂点html加css，什么花样都可以变出来，当然我们不可能把typecho的文章发布变成什么代码编辑器，上述的案例就是为了实现一些重要信息的标注，或者是一些前端教程案例的具体实现。其实代码嵌入标签的玩法不局限于此，比如外部音乐，视频嵌套播放代码，一些需要让它生效的js和css远程文件，都可以通过这个标签来让它在页面生效。
那么还可以继续玩一下。
加个bilibili的鸡你太美(我用js处理了一下自适应，都可以按照我的格式进行视频插入)：
代码是啥呢？其实不算太复杂：
@!!!
@!!!
以上代码我插入了一个完整的视频外部嵌套，通过js处理自适应的效果，比如把高度计算为宽度的70%。那个js可以写在网站的全局js里面，这样所有的外部引入视频都可以在后面加上width="100%" class="iframe-box"让它直接生效，当然，尽量还是得避免css冲突。
再来个网易云音乐的鸡你太美：
这种比较简单，官网生成的代码已经定义好的宽高，而且本身就比较小的缘故，在手机上也不是什么大问题，代码如下。
@!!!
@!!!
以上就是通过Markdown代码嵌入的标签实现的基本玩法，更多牛逼的操作我太懒不想写了，要是花点时间都可以把typecho变成菜鸟教程那种代码执行，或者就是各种统计图啊，表单之类的呈现，那样的就以后再说吧。其实我写完的时候，因为博客是typecho1.1的稳定版本，没有直接页面预览的功能，我并不知道自己的代码是否会成功（滑稽）。
——————————————————————————————————————————————————————————————————————————————————
上次有篇文章就讲了代码嵌入标签的应用，还演示了插入bilibili的外部嵌套视频，然而就有人提出问题。那就是typecho有个上传附件的功能，也是可以上传视频的，如果要做直链视频网站也是可行的啊，确实当然可行，然而很多时候讲究一个浏览器兼容的问题，或者说对于一些视频和音乐文件，部分浏览器不会播放，而是直接给你弹出下载了，所以为了节约时间，依靠外部插件是最好的选择，我这篇文章采用的就是jqeury的zy.media视频播放插件。
教程开始：
1.首先在typecho的后台设置允许视频格式文件的上传，当然这是在你利用typecho附件功能上传的前提下，我仍然推荐调用远程的直链，或者说利用对象存储等，减轻服务器的带宽压力，不过记得也要设置php的上传文件大小限制，如果是对象存储可以忽略。
2.下载zy.media插件，将它们丢到typecho的模板目录，那么前台引用的方式如下（丢到一个全局文件就好了，注意那两行js最好放在页面最底下，这样可以保证生效，而不会出现识别不到的报错）。
3.通过typecho的附件功能上传，自动生成一个直链，先将直链插入文字，再删除插入的标记，就是感叹号结尾的那个（这样的目的就是让程序判断这个文件和这篇文章关联，从而不会出现在编辑下一篇文章的时候，还提示有未使用的附件），然后再点击附件列表里的视频文件，就会弹出真正的直链。
4.在文章插入代码，使用上次那篇文章：typecho文章设置字体颜色，及更多玩法所提到的方式，用html嵌套代码将视频引入（注意的是，确保第二步里面，css和js已经成功引入，放进代码记得去掉感叹号前的@符号）
@!!!
@!!!
通过html嵌入标签，你的代码可以放在任意的地方都可以。