- {{- $link.title -}} + {{ $link.title }} + {{ if not $enabled }} + 已失效 + {{ end }}
{{ with $link.description }} @@ -32,7 +40,7 @@ loading="lazy" alt="{{ $link.title }}" data-key="links-{{ $link.website }}" data-hash="{{ $image.Data.Integrity }}">
diff --git a/assets/scss/custom.scss b/assets/scss/custom.scss index 5eae6f2..4f05ec4 100644 --- a/assets/scss/custom.scss +++ b/assets/scss/custom.scss @@ -84,14 +84,15 @@ border-radius: var(--card-border-radius); background: var(--card-background); box-shadow: var(--shadow-l1); - transition: transform 0.2s ease, box-shadow 0.2s ease; + transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease, + opacity 0.2s ease; &:hover { transform: translateY(-2px); box-shadow: var(--shadow-l2); } - > a { + > .link-card__body { display: flex; align-items: center; justify-content: space-between; @@ -101,20 +102,50 @@ } } +.link-card--disabled { + .link-card__body { + cursor: not-allowed; + } + + &:hover { + filter: grayscale(1); + opacity: 0.65; + } +} + .link-card__details { min-width: 0; } .link-card__title { + display: flex; + align-items: center; margin: 0 0 8px; - overflow: hidden; color: var(--card-text-color-main); font-size: 1.8rem; font-weight: 700; + gap: 8px; + white-space: nowrap; +} + +.link-card__name { + min-width: 0; + overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } +.link-card__status { + flex: 0 0 auto; + padding: 2px 7px; + border: 1px solid var(--card-text-color-tertiary); + border-radius: 4px; + color: var(--card-text-color-tertiary); + font-size: 1.1rem; + font-weight: 500; + line-height: 1.4; +} + .link-card__description { margin: 0; overflow: hidden; diff --git a/content/page/friend.md b/content/page/friend.md index 47204e0..6b8a6d4 100644 --- a/content/page/friend.md +++ b/content/page/friend.md @@ -24,7 +24,7 @@ comment: true - 论坛 - 资源分享 -我将每个季度审查一次所有已添加友链的网站,若发现网站无法访问或不符合上述要求,将移除该友链 +我将每个季度审查一次所有已添加友链的网站,若发现网站无法访问或不符合上述要求,将标记为已失效。 ## 友链申请格式 diff --git a/data/links.json b/data/links.json index dc939b4..78cfedc 100644 --- a/data/links.json +++ b/data/links.json @@ -1,68 +1,79 @@ [ { + "enabled": true, "title": "锐岚科技", "website": "https://blog.rhyland.cn", "image": "rhyland.png", - "description": "锐岚科技核心博客" + "description": "锐岚科技博客" }, { + "enabled": true, "title": "木头の小屋", "website": "http://wjlshare.com", "image": "wjlshare.jpg", "description": "网络安全工程师" }, { + "enabled": false, "title": "帆's life", "website": "https://huxiaofan.com", "image": "fan.jpg", "description": "阳光宅男" }, { + "enabled": true, "title": "Rogister的博客园", "website": "http://blog.rogister.top", "image": "default.png", "description": "死宅真可怕" }, { + "enabled": false, "title": "PeterQiu 的博客", "website": "https://peterqiu871217776.wordpress.com", "image": "peterqiu.jpg", - "description": "守护全世界最好的 Peter" + "description": "PeterQiu YYDS" }, { + "enabled": false, "title": "章森森的博客", "website": "https://blog.thangssen.site", "image": "thangssen.jpg", "description": "魔法师预备役" }, { + "enabled": true, "title": "肥喵科技", "website": "https://fatcattech.cn/", "image": "fatcattech.png", "description": "肥喵科技–一个专注于科技的博客" }, { + "enabled": true, "title": "晨鹤部落格", "website": "https://chenhe.me/", "image": "chenhe.png", "description": "晨鹤部落格" }, { + "enabled": false, "title": "Clouder’s Blog", "website": "https://www.codein.icu/", "image": "codein.png", "description": "A student who enjoys tech & life." }, { + "enabled": true, "title": "吕舒君的博客", "website": "https://cszj.wang/", "image": "cszj.png", "description": "吕舒君的博客" }, { + "enabled": true, "title": "王泽丰的个人网站", "website": "https://zhejianglao.cn/", "image": "zhejianglao.png", "description": "写写博客,发发说说" } -] \ No newline at end of file +] diff --git a/layouts/page/links.html b/layouts/page/links.html index 7732f7b..ca2b614 100644 --- a/layouts/page/links.html +++ b/layouts/page/links.html @@ -9,11 +9,19 @@
{{ with $link.description }} @@ -32,7 +40,7 @@ loading="lazy" alt="{{ $link.title }}" data-key="links-{{ $link.website }}" data-hash="{{ $image.Data.Integrity }}">