文章目录

  • 前言
  • Font Awesome
    • 使用步骤

前言

这篇主要写给自己便于查阅信息看的。感觉别人已经写了很多比我质量更高的,就怕之后我自己找不到,把我自己学到的一些信息总结一下放在这里。

我觉得这篇就写的不错,大家可以参考一下:
巧用 Font Awesome 装点 Markdown 文档


Font Awesome

Font Awesome 是一个字体和图标工具包,包含人物、动物、建筑、商业、品牌等等各种主题丰富的图标符号,可以通过相应的语法添加在 Markdown 文档中,像 Emoji 一样配合文字使用。

使用步骤

要在 Markdown 文档中输入 Font Awesome,需要在文档中任意位置贴粘入如下语句(可以放在文档结尾处,以不影响直接在 Markdown 文档中的阅读):

如下所示:

<head> <script defer src="https://use.fontawesome.com/releases/v5.0.13/js/all.js"></script> <script defer src="https://use.fontawesome.com/releases/v5.0.13/js/v4-shims.js"></script>
</head>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css">

其中最后一行是表示此文档需要导入 Font Awesome 最新版本 5.0.13(截止至 2018.06.11)的图标符号,前面的四行是用于将 Font Awesome 4.x 版本的语句转化为 5.0.13 版本。这是因为在 2017 年年底发布的 5.0 版本中,对 4.x 版本的大量图标符号的名称进行了重写,加上此四行就可以同时使用 4.x 和 5.x 版本的语句。

如果要插入我们需要的符号,直接如下所示,就可以了:

<i class="fas fa-crown"></i>

在markdown里面插入特殊的符号相关推荐

  1. Markdown如何插入LaTeX公式?(在线LaTeX公式编辑器)

    如图,想在markdown中插入这个公式,咋弄呢? 如果为了编辑这个公式而去学习LaTeX公式语法,那可就太蛋疼了!!! 下面推荐一个在线可视化LaTeX公式编辑器,你可以利用里面的可视化工具编辑好公 ...

  2. Gitbook/Markdown中插入复杂(合并单元格)的表格

    由于Markdown语法本身不包含复杂表格的插入,因此gitbook也是不直接支持的,但是可以使用html语法来实现,一般的markdown编辑器都是支持html语法的. 复杂表格与简单表格最大的差异 ...

  3. 有道云笔记Markdown图片插入居中方法

    有道云笔记Markdown图片插入居中方法 使用本地图片插入 使用html方式插入图 使用本地图片插入 有道云笔记可以通过这样插入图片: ![图片名](本地图片地址) 注意: 这样的方式并不能控制照片 ...

  4. markdown中插入emoji表情方法总结,让你尽情使用表情符号

    想在markdown中插入emoji表情符号,经过测试发现,在 Typora 和 CSDN的markdown编辑器下,都支持插入部分表情符号. 将插入emoji表情的方法进行总结,以方便后续使用. 各 ...

  5. 解决CSDN markdown编辑器插入图片去除水印

    简介 最近有小伙伴们使用新版markdown编辑器插入图片后还有博客字样的水印.今天就是要去除水印,谁来都不好使,就是要去除水印.如果该文章能够解决小伙伴的问题记得收藏关注一波 . 1. 问题描述 上 ...

  6. github用相对路径显示图片_【图文详解】如何利用Github在Markdown中插入图片?

    最近尝试用利用Github在Markdown中插入图片,遇到诸多问题--主要是不知道如何用GitHub上传图片! GitHub是一个纯英文网站,网上目前有的教程又都较为简略,一般只有文字说明.但缺乏图 ...

  7. 在MarkDown中插入本地图片

    在MarkDown中插入本地图片 用法: ![图片描述](图片网络地址) ![图片描述](本地图片相对路径) 注意: 插入本地图片的时候一定是相对路径 例如: ![项目布局](./Pictures/1 ...

  8. 对勾和叉怎么打_word中插入打勾符号和打叉符号方法

    word中插入打勾符号和打叉符号方法: 方法一:利用Word中的"符号"插入钩和叉. 打开Word文档,打开菜单栏的"插入"中"符号",在弹 ...

  9. MarkDown中插入的代码块无法自动识别换行

    MarkDown中插入的代码块无法自动识别换行 1.插入代码块的两种方式 单行的代码,就一个 ` 多行的代码块就三个```补充说明,可根据自己编写代码块的语言,设定对应的标签(比如Java-java, ...

最新文章

  1. DL框架之MXNet :深度学习框架之MXNet 的简介、安装、使用方法、应用案例之详细攻略
  2. 为什么优秀的程序猿都阅读源码
  3. Python代码列主元消去法matlab编程_工业机器人用什么语言编程的?
  4. 二叉树的链式结构的非递归遍历
  5. c++的虚拟继承 的一些思考吧
  6. 使用ICSharpCode.TextEditor制作一个语法高亮显示的XML编辑器
  7. JavaScript BOM基础
  8. Google推出中文图书搜索简体中文试用版(zz)
  9. redis mysql 数据长度_如何统计Redis中各种数据的大小
  10. Linux常用命令汇总及示例
  11. [Kaggle竞赛] IEEE-CIS Fraud Detection
  12. 系统集成项目经理申报
  13. 如何部署软件 - 让你团队的部署像地狱一样无聊且毫无压力
  14. line 1: syntax error: unexpected (
  15. c语言求数组最大值最小值泡沫法,C语言选择法排序
  16. Alist云盘视频加密助手:支持云盘视频文件加密与在线播放,不用再担心视频文件被和谐了!
  17. phpStudy环境变量
  18. Rational Rose 画时序图 且保存为图片文件
  19. 计算机键盘操作步骤图解,怎么给电脑做系统步骤图解
  20. Java高级工程师进阶学习,快来收藏!

热门文章

  1. Markdown常用语法汇总
  2. redis在微服务领域的贡献
  3. 别再用 kill -9 了,这才是微服务上下线的正确姿势!
  4. 阿里又要发布一个逆天的开源框架了!
  5. 从面试角度一文学完 Kafka
  6. 腾讯推出的这款高性能 RPC 开发框架,确定不了解下吗?
  7. Webots ROS
  8. labVIEW与单片机实现串口通信的设计过程
  9. 激光雷达 win10
  10. linux下动态库符号表,Linux动态库(.so)符号表