语法高亮

我觉得这个高亮挺好看的。
但是我想知道它是怎么弄出来的。
3楼，复制，在浏览器地址栏粘贴，回车可以看到效果，右键查看源代码

data:text/html;base64,PHByZSBzdHlsZT0icGFkZGluZzogOC41cHg7IGZvbnQtZmFtaWx5OiBNZW5sbywgTW9uYWNvLCAnQ291cmllciBOZXcnLCBtb25vc3BhY2U7IGZvbnQtc2l6ZTogMTNweDsgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogNHB4OyBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogNHB4OyBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogNHB4OyBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiA0cHg7IG1hcmdpbi10b3A6IDBweDsgbWFyZ2luLWJvdHRvbTogMThweDsgbGluZS1oZWlnaHQ6IDE4cHg7IGJvcmRlcjogMXB4IHNvbGlkIHJnYmEoMCwgMCwgMCwgMC4xNDg0MzgpOyBiYWNrZ3JvdW5kLWNvbG9yOiByZ2IoNTEsIDUxLCA1MSk7IGNvbG9yOiByZ2IoNTEsIDUxLCA1MSk7IG92ZXJmbG93OiBhdXRvOyAiIGNsYXNzPSJwcmV0dHlwcmludCBsaW5lbnVtcyBwcmV0dHlwcmludGVkIj48b2wgc3R5bGU9InBhZGRpbmc6IDBweCAwcHggMHB4IDEycHg7IG1hcmdpbjogMHB4IDBweCAwcHggMjVweDsgbGlzdC1zdHlsZS1wb3NpdGlvbjogaW5pdGlhbDsgbGlzdC1zdHlsZS1pbWFnZTogaW5pdGlhbDsgY29sb3I6IHJnYigxNzQsIDE3NCwgMTc0KTsgIiBjbGFzcz0ibGluZW51bXMiPjxsaSBzdHlsZT0ibGluZS1oZWlnaHQ6IDI0cHg7IGxpc3Qtc3R5bGUtdHlwZTogZGVjaW1hbDsgIiBjbGFzcz0iTDAiPjxjb2RlIHN0eWxlPSJwYWRkaW5nOiAwcHg7IGZvbnQtZmFtaWx5OiBNZW5sbywgTW9uYWNvLCAnQ291cmllciBOZXcnLCBtb25vc3BhY2U7IGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDNweDsgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDNweDsgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6IDNweDsgYm9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogM3B4OyBib3JkZXI6IDBweDsgY29sb3I6IGluaGVyaXQ7ICI+PHNwYW4gc3R5bGU9ImNvbG9yOiByZ2IoMjQwLCAyMzAsIDE0MCk7IGZvbnQtd2VpZ2h0OiBib2xkOyAiIGNsYXNzPSJrd2QiPnZhcjwvc3Bhbj48c3BhbiBzdHlsZT0iY29sb3I6IHJnYigyNTUsIDI1NSwgMjU1KTsgIiBjbGFzcz0icGxuIj4gbmFtZSA8L3NwYW4+PHNwYW4gc3R5bGU9ImNvbG9yOiByZ2IoMjU1LCAyNTUsIDI1NSk7ICIgY2xhc3M9InB1biI+PTwvc3Bhbj48c3BhbiBzdHlsZT0iY29sb3I6IHJnYigyNTUsIDI1NSwgMjU1KTsgIiBjbGFzcz0icGxuIj4gPC9zcGFuPjxzcGFuIHN0eWxlPSJjb2xvcjogcmdiKDI1NSwgMTYwLCAxNjApOyAiIGNsYXNzPSJzdHIiPidqdXRsZW9fMDEnPC9zcGFuPjxzcGFuIHN0eWxlPSJjb2xvcjogcmdiKDI1NSwgMjU1LCAyNTUpOyAiIGNsYXNzPSJwdW4iPjs8L3NwYW4+PC9jb2RlPjwvbGk+PGxpIHN0eWxlPSJsaW5lLWhlaWdodDogMjRweDsgbGlzdC1zdHlsZS10eXBlOiBkZWNpbWFsOyAiIGNsYXNzPSJMMSI+PGNvZGUgc3R5bGU9InBhZGRpbmc6IDBweDsgZm9udC1mYW1pbHk6IE1lbmxvLCBNb25hY28sICdDb3VyaWVyIE5ldycsIG1vbm9zcGFjZTsgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogM3B4OyBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogM3B4OyBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogM3B4OyBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAzcHg7IGJvcmRlcjogMHB4OyBjb2xvcjogaW5oZXJpdDsgIj48c3BhbiBzdHlsZT0iY29sb3I6IHJnYigyNTUsIDI1NSwgMjU1KTsgIiBjbGFzcz0icHVuIj4oPC9zcGFuPjxzcGFuIHN0eWxlPSJjb2xvcjogcmdiKDI0MCwgMjMwLCAxNDApOyBmb250LXdlaWdodDogYm9sZDsgIiBjbGFzcz0ia3dkIj5mdW5jdGlvbjwvc3Bhbj48c3BhbiBzdHlsZT0iY29sb3I6IHJnYigyNTUsIDI1NSwgMjU1KTsgIiBjbGFzcz0icHVuIj4oKXs8L3NwYW4+PC9jb2RlPjwvbGk+PGxpIHN0eWxlPSJsaW5lLWhlaWdodDogMjRweDsgbGlzdC1zdHlsZS10eXBlOiBkZWNpbWFsOyAiIGNsYXNzPSJMMiI+PGNvZGUgc3R5bGU9InBhZGRpbmc6IDBweDsgZm9udC1mYW1pbHk6IE1lbmxvLCBNb25hY28sICdDb3VyaWVyIE5ldycsIG1vbm9zcGFjZTsgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogM3B4OyBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogM3B4OyBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogM3B4OyBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAzcHg7IGJvcmRlcjogMHB4OyBjb2xvcjogaW5oZXJpdDsgIj48c3BhbiBzdHlsZT0iY29sb3I6IHJnYigyNTUsIDI1NSwgMjU1KTsgIiBjbGFzcz0icGxuIj4gICAgbmFtZSA8L3NwYW4+PHNwYW4gc3R5bGU9ImNvbG9yOiByZ2IoMjU1LCAyNTUsIDI1NSk7ICIgY2xhc3M9InB1biI+PTwvc3Bhbj48c3BhbiBzdHlsZT0iY29sb3I6IHJnYigyNTUsIDI1NSwgMjU1KTsgIiBjbGFzcz0icGxuIj4gPC9zcGFuPjxzcGFuIHN0eWxlPSJjb2xvcjogcmdiKDI1NSwgMTYwLCAxNjApOyAiIGNsYXNzPSJzdHIiPidqdXRsZW9fMDInPC9zcGFuPjxzcGFuIHN0eWxlPSJjb2xvcjogcmdiKDI1NSwgMjU1LCAyNTUpOyAiIGNsYXNzPSJwdW4iPjs8L3NwYW4+PC9jb2RlPjwvbGk+PGxpIHN0eWxlPSJsaW5lLWhlaWdodDogMjRweDsgbGlzdC1zdHlsZS10eXBlOiBkZWNpbWFsOyAiIGNsYXNzPSJMMyI+PGNvZGUgc3R5bGU9InBhZGRpbmc6IDBweDsgZm9udC1mYW1pbHk6IE1lbmxvLCBNb25hY28sICdDb3VyaWVyIE5ldycsIG1vbm9zcGFjZTsgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogM3B4OyBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogM3B4OyBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogM3B4OyBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAzcHg7IGJvcmRlcjogMHB4OyBjb2xvcjogaW5oZXJpdDsgIj48c3BhbiBzdHlsZT0iY29sb3I6IHJnYigyNTUsIDI1NSwgMjU1KTsgIiBjbGFzcz0icHVuIj59KSgpOzwvc3Bhbj48L2NvZGU+PC9saT48bGkgc3R5bGU9ImxpbmUtaGVpZ2h0OiAyNHB4OyAiIGNsYXNzPSJMNCI+PGNvZGUgc3R5bGU9InBhZGRpbmc6IDBweDsgZm9udC1mYW1pbHk6IE1lbmxvLCBNb25hY28sICdDb3VyaWVyIE5ldycsIG1vbm9zcGFjZTsgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogM3B4OyBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogM3B4OyBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogM3B4OyBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAzcHg7IGJvcmRlcjogMHB4OyBjb2xvcjogaW5oZXJpdDsgIj48c3BhbiBzdHlsZT0iY29sb3I6IHJnYigyNTUsIDI1NSwgMjU1KTsgIiBjbGFzcz0icGxuIj5hbGVydDwvc3Bhbj48c3BhbiBzdHlsZT0iY29sb3I6IHJnYigyNTUsIDI1NSwgMjU1KTsgIiBjbGFzcz0icHVuIj4oPC9zcGFuPjxzcGFuIHN0eWxlPSJjb2xvcjogcmdiKDI1NSwgMjU1LCAyNTUpOyAiIGNsYXNzPSJwbG4iPm5hbWU8L3NwYW4+PHNwYW4gc3R5bGU9ImNvbG9yOiByZ2IoMjU1LCAyNTUsIDI1NSk7ICIgY2xhc3M9InB1biI+KTs8L3NwYW4+PHNwYW4gc3R5bGU9ImNvbG9yOiByZ2IoMjU1LCAyNTUsIDI1NSk7ICIgY2xhc3M9InBsbiI+IDwvc3Bhbj48c3BhbiBzdHlsZT0iY29sb3I6IHJnYigxMzUsIDIwNiwgMjM1KTsgIiBjbGFzcz0iY29tIj4vL2p1dGxlb18wMjwvc3Bhbj48L2NvZGU+PC9saT48L29sPjwvcHJlPg==

看源代码像是用google prettify弄的。
但是，一般来说，代码高亮不都是用class+css来设置吗？
这货直接用的是style
<ol style="padding: 0px 0px 0px 12px; margin: 0px 0px 0px 25px; list-style-position: initial; list-style-image: initial;

有些语法高亮库可以选择用内联style或者外部css，比如pygments

我的代码高亮引擎就是内联style。。。

http://www.web-tinker.com/highlight.js