diff --git a/scripts/tags/link.js b/scripts/tags/link.js index 87812a8..3954c90 100644 --- a/scripts/tags/link.js +++ b/scripts/tags/link.js @@ -7,6 +7,9 @@ 'use strict'; +var util = require('hexo-util'); +const full_url_for = require('hexo-util').full_url_for.bind(hexo); + hexo.extend.tag.register('link', function(args) { args = hexo.args.map(args, ['icon'], ['url', 'title', 'description']); @@ -28,7 +31,7 @@ hexo.extend.tag.register('link', function(args) { return el; } function loadTitle() { - return '' + args.title + ''; + return '' + args.title + ''; } function loadDesc() { return '' + (args.description || args.url) + ''; @@ -38,7 +41,7 @@ hexo.extend.tag.register('link', function(args) { // top el += '
'; el += loadIcon(); - el += '' + args.url + ''; + el += '' + full_url_for(args.url) + ''; el += '
'; // bottom el += '
'; diff --git a/source/css/_layout/tag-plugins/link.styl b/source/css/_layout/tag-plugins/link.styl index eb0d639..d469ffc 100644 --- a/source/css/_layout/tag-plugins/link.styl +++ b/source/css/_layout/tag-plugins/link.styl @@ -26,13 +26,15 @@ .md .link-card.plain flex-direction: row + align-items: center .md .link-card.rich flex-direction: column - align-items: flex-start + align-items: stretch width: 400px .md .link-card + line-height: 1.2 > div pointer-events: none >.top @@ -51,11 +53,15 @@ background-position: left center .url opacity: .75 + line-height: 1.5 span txt-ellipsis() max-width: 100% >.bottom margin: 0 1rem .75rem 1rem + .title + font-size: $fs-15 + margin: 4px 0 8px 0 >.right width: 2.5rem height: 2.5rem @@ -65,6 +71,9 @@ >.left overflow: hidden margin: .5rem 0 .5rem 1rem + .title + font-size: $fs-14 + margin: 4px 0 .url flex-shrink: 0 txt-ellipsis() @@ -74,9 +83,5 @@ span.title font-weight: 500 color: var(--text-p1) - line-height: 1.2 - margin: 4px 0 span.url color: var(--text-p3) - line-height: 1.4 - margin: 2px 0