要让正文文章中的链接在新窗口中打开,可以在 <script>
标签中添加一段 JavaScript 代码,用于将所有文章内容中的链接的 target
属性设置为 _blank
。以下是你需要添加的代码:
// 使正文文章中的链接在新窗口中打开
document.querySelectorAll('.post-content a').forEach(function(link) {
link.setAttribute('target', '_blank');
});
你可以将这段代码添加到现有的 <script>
标签中,如下所示:
<script>
// 显示二维码弹窗
document.getElementById('aboutMeLink').addEventListener('click', function () {
document.querySelector('.overlay').style.display = 'block';
document.getElementById('qrPopup').style.display = 'block';
});
// 关闭二维码弹窗
document.querySelector('.overlay').addEventListener('click', function () {
document.querySelector('.overlay').style.display = 'none';
document.getElementById('qrPopup').style.display = 'none';
});
document.querySelector('#qrPopup .close').addEventListener('click', function () {
document.querySelector('.overlay').style.display = 'none';
document.getElementById('qrPopup').style.display = 'none';
});
// 使正文文章中的链接在新窗口中打开
document.querySelectorAll('.post-content a').forEach(function(link) {
link.setAttribute('target', '_blank');
});
// 初始化灯箱效果
jQuery(function($){
$("img[src$=jpg],img[src$=gif],img[src$=png],img[src$=jpeg],img[src$=bmp]").addClass("spotlight").each(function(){
this.onclick=function(){
return hs.expand(this);
}
});
});
</script>
这段代码会遍历 .post-content
容器中的所有 <a>
标签,并将它们的 target
属性设置为 _blank
,从而在新窗口中打开链接。