前言
今天在优化博客的时候突然想到一个问题,我们知道typecho的独立页面是不支持设置链接跳转的(就是不能完全自定义a链接),只能设置www.yourblog.com/xxxxxxxxx.html
这样的格式。那么我在想,假如我想在导航放一个跳转到站外的链接该如何做?比如“关于”页面我想弄它挑转到 13.ryongyon.com
实现方法
其实这只是一个很小的问题,解决方法有很多,比如我们可以单独在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>
果然粗暴,直接把url改写了。。
但这相当于在jquery里写死了……
还有个办法,在导航栏多写一和固定的a标签,改后端
如果都这样的话,岂不是很可怕!