<font color=#27cf5e size=4>前言</font>


今天在优化网站的时候突然想到一个问题,我们知道typecho的独立页面是不支持设置链接跳转的(就是不能完全自定义a链接),只能设置www.yourblog.com/xxxxxxxxx.html这样的格式。那么我在想,假如我想在导航放一个跳转到站外的链接该如何做?比如本站的“关于”页面我想弄它挑转到 13.ryongyon.com

<font color=#27cf5e size=4>解决方法</font>


其实这只是一个很小的问题,解决方法有很多,比如我们可以单独在header加进去,又或者可以单独写一个模板用于做跳转。不过那些方法折腾起来比较麻烦,而巧用jQuery可以一下子解决问题。不扯废话,直接放代码,我相信你们看得懂

<script type="text/javascript">
$('a[href^="https://www.ryongyon.com/about.html"], a[href^="https://www.ryongyon.com/about.html"]').each(function() {
    $(this).attr('href', 'https://cdn.ryongyon.com');
});
</script>

简单粗暴,直接放在footer的</body>前即可

如果要批量修改的话直接按以下方法即可,以此类推:

<script type="text/javascript">
$('a[href^="https://www.ryongyon.com/about.html"], a[href^="https://www.ryongyon.com/about.html"]').each(function() {
    $(this).attr('target', "_blank");
});
$('a[href^="https://www.ryongyon.com/links.html"], a[href^="https://www.ryongyon.com/links.html"]').each(function() {
    $(this).attr('target', "_blank");
});
</script>

<font color=#27cf5e size=4>扩展用法</font>


把那些垃圾评论、打广告的家伙的a链接统统修改成自己的网站链接~2333,太可怕了