多语言展示
当前在线:751今日阅读:142今日分享:25

打造属于自己的个性博客高亮代码

采用notepad++打造属于自己的个性博客高亮代码效果,过程有点小复杂,就我个人而言还是乐意接受的。
工具/原料

notepad++

方法/步骤
1

首先在电脑上安装个轻量级的文本编辑器:notepad++

2

然后用notepad++打开代码源文件,并且设置自己喜欢的代码风格,如下图

3

设置好之后,将我们的代码导出HTML文件,这里为了演示,我就直接保存在桌面上了

4

我们可以双击查看一下效果

5

然后我们再用notepad++打开我们刚才导出的HTML文件,为了在博客上能很好的展示,我们需要对代码做小小的改动,如图

6

然后我就以网易博客为例,将代码粘贴进去:新建一篇日志,先在编辑状态拍好版,然后进入代码编辑状态,将我们改好的代码粘贴进去,记得将titile那句代码删掉,然后我们直接发布,不能预览之后再发布,不然博客会把我们设置好的样式给清除的

7

发布之后就能看到我们设置的个性代码高亮效果,是不是很有成就感呢,赶紧来试试吧,对于有一定HTML和css网页编程基础的人来说会更好理解。

注意事项
1

notepad++导出后的HTML文件的span标签里面的样式一定要修改

2

notepad++导出后的HTML文件需要根据博文的宽度做一定的修改

3

记得将title标签那句代码去掉哦

推荐信息