【网站美化】如何为WordPress添加Prism JS代码美化脚本?

推荐使用Prism.js

具体方法大神们早已经一笔一划的写出来了

点击跳转!

其中通过标签来非全局加载Js的方法非常棒!推荐参考学习。

本网站则是全局加载JS,通过声明不同的CSS来实现美化效果。

不加载Prism JS:

   <div class="container">
        <div class="diamond"></div> <!-- 第一个菱形 -->
        <div class="diamond"></div> <!-- 第二个菱形 -->
        <div class="diamond"></div> <!-- 第三个菱形 -->
        <div class="diamond"></div> <!-- 第四个菱形 -->
    </div>

加载Prism JS:

   <div class="container">
        <div class="diamond"></div> <!-- 第一个菱形 -->
        <div class="diamond"></div> <!-- 第二个菱形 -->
        <div class="diamond"></div> <!-- 第三个菱形 -->
        <div class="diamond"></div> <!-- 第四个菱形 -->
    </div>

很棒!

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注