【hexo】markdown超链接样式

December 09, 2023
测试
测试
测试
测试
2 分钟阅读

样式

.posts-expand .post-body,.post-copyright {
	a:not(.btn) {
		color: #0269C8;
		border-bottom: 1px solid #D1E9FF;
	}
	a:not(.btn):hover {
		color: #275B8C;    
	}
}

新页面打开

打开工程目录\themes\next\source\js\src\utils.js,添加如下代码。

$(document).ready(function(){
	// 超链接在新页面打开
	var links = $('.posts-expand .post-body a:not(.btn):not(.headerlink)');
	links.each(function() {
        var href_str = $(this).attr('href');
        if (!href_str || href_str.length <= 0 || href_str[0] != '#')
        {
            var text_str = $(this).text();
            $(this).attr('target', '_blank');
            $(this).attr('id', text_str);
        }
	});
});

即增加target 属性的值为_blank

继续阅读

更多来自我们博客的帖子

如何安装 BuddyPress
由 测试 December 17, 2023
经过差不多一年的开发,BuddyPress 这个基于 WordPress Mu 的 SNS 插件正式版终于发布了。BuddyPress...
阅读更多
Filter如何工作
由 测试 December 17, 2023
在 web.xml...
阅读更多
如何理解CGAffineTransform
由 测试 December 17, 2023
CGAffineTransform A structure for holding an affine transformation matrix. ...
阅读更多