采用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标签那句代码去掉哦
上一篇:电脑高手必知八个最常用的电脑命令
下一篇:用代码清垃圾