请问有无插件或css可以把网页链接和文件链接的显示形式区分开？

疑问解答
,
1

如题，有时候做MOC时候，希望把网页链接[xxx](xxx)和笔记链接[[xxx]]的视觉显示分开，请问有办法吗。

2

dynamic highlight?

3

我去看下，这玩意瞅名字还以为是做高亮笔记的呢

4

这个css将网络连接、笔记链接、pdf链接、标签、高亮 设置为不同的颜色

.theme-dark{
    --txt-color: #ffffff;
	--tag-color: #dcddde;
	--tag-background_color: #555555;
	--internal-linkcolor: #7e5e19;	
    --external-linkcolor:#2c7083;
    --pdf-color:#8c4436;
    --doc-color:#6066c0;
    --search-match-border-color:#ff0000;
    --search-match-bgcolor:#720505;					
}
.theme-light{
	--txt-color:#000000;
	--tag-color: #1f5e89;
	--tag-background_color: #cccccc;
	--internal-linkcolor: #ffc147;	
    --external-linkcolor:#5dbbd6;
    --pdf-color:#df7762;
    --doc-color:#6066c0;
    --search-match-border-color:#ff0000;
    --search-match-bgcolor:#be3d3d;
}


/*链接下划线*/
a,
.tag,
.markdown-preview-view .internal-link,
.external-link{
    text-decoration-line: none;
}
/* 标签 */
a.tag{
    border-radius: 20px;
    border-style: solid 1px;
    padding: 1px 5px;
    margin: 1px 5px;
    color: var(--tag-color);
    background-color: var(--tag-background_color);
}

/*链接*/
/*[href*=""]*/
a,
.external-link,
.internal-link{
    border-radius: 5px;
    padding: 1px 5px;
    margin: 1px 5px;
}


.internal-link[href*=".pdf"]{
    color: var(--txt-color);
    background-color: var(--pdf-color);
}
.internal-link[href*=".doc"]{
    color: var(--txt-color);
    background-color:var(--doc-color) ;
}
.internal-link{
    color: var(--txt-color);
    background-color:var(--internal-linkcolor) ;
}
a,
.external-link{
    color: var(--txt-color);
    background-color:var(--external-linkcolor);
}


/*高亮*/
.markdown-preview-view mark{
	background-color:#63d09c;
    color: #000000;
}

.cm-s-obsidian span.cm-formatting-highlight, .cm-s-obsidian span.cm-highlight{
    background-color: #63d09c;
    color: #2e3338;
}
/* 查找 */
/* 预览模式下查找是在文档末尾增加方框盒子并给予定位 */
.search-highlight>div{
    background-color: transparent !important;
    mix-blend-mode: normal !important;
    border-radius: 0px !important;
    /* 在四个方向上偏移阴影模拟描边 */
    box-shadow: 2px 2px red, -2px -2px red,2px -2px red,-2px 2px red!important;
}
/* 编辑模式下查找是给元素一个描边 */
.obsidian-search-match-highlight{
    background-color: var(--search-match-bgcolor) !important;
    border: solid 1px var(--search-match-border-color) !important;

    box-shadow:none !important;
    mix-blend-mode: normal !important;
    border-radius: 5px;
}
/* .cm-def{
    background-color: red !important;
} */
/* 预览模式当前搜索 */
/* .search-highlight .is-active, */
3 个赞
5

非常感谢，我稍后试一下