标签:有一个 歌单 小尺寸 高亮 gif margin 引用 解决方法 动态
就像 Markdown 官方文档里描述的一样:可读性,无论如何,都是最重要的。 Markdown 的目标是实现 ? 『易读易写』 。?Markdown 从发布到现在备受好评,经过这一段的使用,整体感觉挺顺手,不过还是存在很多问题,所以总结一下喽。。
其实自己喜欢的才是最好的。(像 vim 、emacs什么的不推荐,因为我也不会用)
自己没用过,不做推荐。你可以看看这个帖子:Mac 上适合码农用的 Markdown 编辑器是什么?
马克飞象传送门,界面不是很好看,书写的时候感觉很别扭
有道传送门,同样很丑,强迫症受不了
强大的 Sublime Text 总是能给我们很多惊喜,经过各种对比,sublime 满足了我对审美的要求。首先我们需要安装两个插件:(至于怎么安装就不说了)
GitHub 推出的编辑器,界面很好(就是启动有点慢),必须支持一下。默认继承了 markdown 预览,快捷键为 Ctrl+shift+M
。推荐插件:
比如说我要写一篇博客,标题为“html中 <canvas> 的使用”
|
|
如果这样写就会出现排版上的问题(不信你试一下),那么怎么解决呢?其实认真想一下就能明白,Markdown 的语法是基于 html 的,我们直接写 <canvas>,自然会被理解为一个标签,而不是要显示的文本。。所以,问题回归到 html 上。在网页中,我们要显示 <canvas> 时要用到 转义字符
, 所以 Markdown 中也一样,我们应该这样写:
|
|
这个问题困扰了我好久,官方文档里竟然没有说明!只好自己去查找方法。Markdown 中显示代码块是这样的格式:
显示为:
|
|
而我们这样写:
就可以实现代码高亮了
|
|
据说这种方式一共支持四十多种语言,有兴趣的话你可以研究一下。
Markdown 中嵌入图片,如果使用本地图片就要用到 html 标签来引用,这种方法很稳定,但是使文档变得很大(一张图片最少几百k吧)。所以我们要用到 图床 。
推荐使用 ? 贴图库 ?快速,免费(我使用过程中没掉过链子)
注册登录,就可以上传图片,每张图片自动生成 原图、展示图和 缩略图的图片外链、html代码、Markdown外链等。只要把对应的代码粘贴到你的文档中就可以了。。
这个最近很火,可靠、可扩展、低成本等等有很多优点。你可以试一下。
我们主要用到他的 对象存储 服务,创建一个公开仓库,把图片上传就可以生成外链了。
Github 上的开源项目,ReadMe.md 是也支持 Markdown 语法的,通常会看到很多开源项目的 ReadMe 中有 动态演示效果,看到这个项目的人一目了然,非常方便,gif本身也是一种图片格式,在 Markdown 中 引用时和正常图片的引用一样,但需要专门的工具生成 gif 格式的图片才行,在这里强烈推荐 LICEcap,它是一款 windows 上的录屏软件,录制后保存的格式为 gif,体积小并且同样也可以在图床上生成链接。
你可以把音乐文件下载到本地,然后简单粗暴的使用 html 中的 <video> 标签。当然,如果这样就不必写下去了,告诉你简单的方法:网易云音乐
打开网易云音乐网页版,搜索自己喜欢的音乐,比如我找到 告白气球
我们可以看到在图片的下边有一个 生成外链播放器
, 点击会出现
选择 合适的尺寸 和 播放模式 之后。把下边的代码复制到你的 Markdown 文档中就可以了。试着听一下吧!!(我选择了最小尺寸)
试着去把一个 歌单生成外链播放器 插入到你的 Markdown 中,这样你跟新歌单你的博文也会跟着变化,而不必在想跟换歌曲时头疼
标签:有一个 歌单 小尺寸 高亮 gif margin 引用 解决方法 动态
原文地址:https://www.cnblogs.com/petewell/p/11601713.html