页面里添加代码高亮效果

作为程序员,如果你做了一个工具是需要代码命令行进行安装,或者分享一段代码片段,这个代码高亮对你就会非常有用。这篇文章将教会你怎样在页面里添加代码高亮效果。

STEP 01

定位到相应的页面位置,在右侧面板右上方添加一个空白的静态组件,然后拖动到相应的位置。

STEP 02

删掉这个静态组件里的内容,打开左侧面板的【元素】下找到代码图标,单击添加。

STEP 03

单击代码的标签,在右侧面板里进行相应的设置。首先在“编辑语言代码”的弹出窗口中输入你需要添加的代码,然后单击【应用】。这时,代码就添加成功了。

提示:如果需要高亮显示代码,请继续往下看。

STEP 04

如果需要高亮的,就在“语言高亮”和“语言主题”里进行下拉选择,这样就设置完成了。