给网站加了图片灯箱和代码高亮

图片灯箱

灯箱用的是 zoom.js

引入：

<link href="css/zoom.css" rel="stylesheet">
<script src="js/zoom.js"></script>

调用js，在需要的图片上增加的data-action="zoom" 属性

<script>
    $(function () {
        $('img').each(function () {
            $(this).attr("data-action", 'zoom');
        });
    });
</script>

代码高亮

代码高亮用的是 highlight-pack

直接引入就可以了：

<link rel="stylesheet" href="/path/to/styles/default.css">
<script src="/path/to/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>