您当前的位置: 首页 >  ar

Kevin-Dev

暂无认证

  • 3浏览

    0关注

    544博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

【Android -- 写作工具】Markdown 代码高亮

Kevin-Dev 发布时间:2020-05-28 20:33:48 ,浏览量:3

在这里插入图片描述

1. 前言

Markdown 的代码高亮是对代码块语法的扩展。即通过对代码块进行语法标注,对其在渲染输出时匹配不同的样式。

代码高亮模块是 Markdown 的一种扩展语法,通常通过第三方的高亮插件完成支持。常见的高亮插件实现如 Typora 使用的 「codemirror」,还有在网页中应用较多的 「highlightjs」等。大部分的 Markdown 编辑器或者编辑环境都已经集成好,只要按照其语法规范,在文档完成渲染后即可得到带有高亮样式的代码块了。

环境说明: 考虑到 Markdown 工具之间的不兼容,有的内容直接从页面复制粘贴到本地不会正常显示,大家学习时自己动手写是肯定没问题的。本节所有实例代码及演示效果均使用 Typora 工具完成。

2. 语法详解

2.1 基础语法 在 Markdown 文件中,代码块后面标注语法类型,即可完成语法的高亮显示。

实例 1:

#### 高亮 Html 代码
​```html
DOCTYPE html>

	highlight
	
		Hello world
	

​```

其渲染结果如下: 在这里插入图片描述

3. 使用场景及实例

代码块作为对代码段落的增强功能,目的是使文档中出现的代码块在表现时可以更为清晰有层次。

实例 2:各式各样的 Hello world!

#### 各式各样的 Hello world

​```java
// Java
class HelloWorld {
    public static void main(String[] args) {
        System.out.println("Hello, world!");
    }
}
​```

​```python
# Python
print("Hello, world!")
​```

​```ruby
# Ruby
puts "Hello, world!"
​```

​```scala
// Scala
object HelloWorld extends App {
    println("Hello, world!")
}
​```

​```go
// Go
package main
import "fmt"
func main() {
    fmt.Println("Hello, world!")
}
​```

渲染结果如下: 在这里插入图片描述

4. 小结
  • 语法高亮是 Markdown 的扩展功能,写作者是否可以实现语法高亮需要依赖其所用编辑器或渲染工具的支持能力与配置;
  • 语法高亮扩展了 Markdown 代码块的功能,实现方式是在代码块的起点增加语法声明;
  • 由于插件支持度不同、主题不同,不同环境下的高亮输出结果也可能不同;
  • 写作者可以自定义高亮效果或者高亮主题,具体方法需要参考对应的高亮插件。
关注
打赏
1658837700
查看更多评论
立即登录/注册

微信扫码登录

0.0459s