mirror of
https://github.com/Wcowin/Mkdocs-Wcowin.git
synced 2025-07-20 17:06:34 +00:00
Compare commits
No commits in common. "d2c462b046de77d5db0d138dd62c6802f16bb8f0" and "c31daf4ade549c191e7b398bc03a563c2f495c3f" have entirely different histories.
d2c462b046
...
c31daf4ade
@ -6,5 +6,5 @@
|
|||||||
"gemini"
|
"gemini"
|
||||||
],
|
],
|
||||||
"summary_language": "zh",
|
"summary_language": "zh",
|
||||||
"check_time": "2025-07-08T03:00:19.201435"
|
"check_time": "2025-06-26T15:31:08.643287"
|
||||||
}
|
}
|
||||||
@ -6,143 +6,129 @@ hide:
|
|||||||
- feedback
|
- feedback
|
||||||
---
|
---
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Wcowin/Wcowin.github.io@main/docs/stylesheets/link.css">
|
||||||
|
|
||||||
复制后在需要添加友链的.md 文件页面粘贴即可
|
复制后在需要添加友链的.md 文件页面粘贴即可
|
||||||
|
|
||||||
```html hl_lines="82-126"
|
```html hl_lines="75-110"
|
||||||
<div class="post-body">
|
<div class="post-body">
|
||||||
<div id="links">
|
<div id="links">
|
||||||
<style>
|
<style>
|
||||||
/* 友链容器样式 */
|
/* 通用卡片样式 */
|
||||||
.link-navigation {
|
.card {
|
||||||
display: grid;
|
width: 320px;
|
||||||
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
|
height: 90px;
|
||||||
gap: 1rem;
|
font-size: 1rem;
|
||||||
max-width: 100%;
|
padding: 10px 20px;
|
||||||
}
|
border-radius: 25px;
|
||||||
/* 通用卡片样式 */
|
transition: transform 0.15s, box-shadow 0.15s, background 0.15s;
|
||||||
.card {
|
margin-bottom: 1rem;
|
||||||
width: 100%;
|
display: flex;
|
||||||
max-width: 320px;
|
align-items: center;
|
||||||
height: 90px;
|
color: #333;
|
||||||
font-size: 1rem;
|
}
|
||||||
padding: 10px 20px;
|
.card:nth-child(odd) {
|
||||||
border-radius: 25px;
|
float: left;
|
||||||
transition: transform 0.15s, box-shadow 0.15s, background 0.15s;
|
}
|
||||||
display: flex;
|
.card:nth-child(even) {
|
||||||
align-items: center;
|
float: right;
|
||||||
color: #333;
|
}
|
||||||
justify-self: center;
|
.card:hover {
|
||||||
}
|
transform: translateY(0px) scale(1.05);
|
||||||
.card:hover {
|
|
||||||
transform: translateY(0px) scale(1.05);
|
|
||||||
background-color: rgba(68, 138, 255, 0.1);
|
|
||||||
color: #040000;
|
|
||||||
}
|
|
||||||
.card a {
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
.card .ava {
|
|
||||||
width: 3rem !important;
|
|
||||||
height: 3rem !important;
|
|
||||||
margin: 0 !important;
|
|
||||||
margin-right: 1em !important;
|
|
||||||
border-radius: 50%;
|
|
||||||
}
|
|
||||||
.card .card-header {
|
|
||||||
font-style: italic;
|
|
||||||
overflow: hidden;
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
.card .card-header a {
|
|
||||||
font-style: normal;
|
|
||||||
color: #608DBD;
|
|
||||||
font-weight: bold;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
.card .card-header a:hover {
|
|
||||||
color: #d480aa;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
.card .card-header .info {
|
|
||||||
font-style: normal;
|
|
||||||
color: #706f6f;
|
|
||||||
font-size: 14px;
|
|
||||||
min-width: 0;
|
|
||||||
overflow: visible;
|
|
||||||
white-space: normal;
|
|
||||||
}
|
|
||||||
/* 小屏优化 */
|
|
||||||
@media (max-width: 768px) {
|
|
||||||
.link-navigation {
|
|
||||||
grid-template-columns: 1fr;
|
|
||||||
gap: 0.8rem;
|
|
||||||
}
|
|
||||||
.card {
|
|
||||||
width: 100%;
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
min-height: 80px;
|
|
||||||
}
|
|
||||||
.card:hover {
|
|
||||||
background-color: rgba(68, 138, 255, 0.1);
|
background-color: rgba(68, 138, 255, 0.1);
|
||||||
}
|
color: #040000;
|
||||||
}
|
}
|
||||||
</style>
|
.card a {
|
||||||
<div class="links-content">
|
border: none;
|
||||||
<div class="link-navigation">
|
}
|
||||||
<div class="card">
|
.card .ava {
|
||||||
<img class="ava" src="https://avatars.githubusercontent.com/jaywhj" />
|
width: 3rem !important;
|
||||||
<div class="card-header">
|
height: 3rem !important;
|
||||||
|
margin: 0 !important;
|
||||||
|
margin-right: 1em !important;
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
.card .card-header {
|
||||||
|
font-style: italic;
|
||||||
|
overflow: hidden;
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
.card .card-header a {
|
||||||
|
font-style: normal;
|
||||||
|
color: #608DBD;
|
||||||
|
font-weight: bold;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.card .card-header a:hover {
|
||||||
|
color: #d480aa;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.card .card-header .info {
|
||||||
|
font-style: normal;
|
||||||
|
color: #706f6f;
|
||||||
|
font-size: 14px;
|
||||||
|
min-width: 0;
|
||||||
|
overflow: visible;
|
||||||
|
white-space: normal;
|
||||||
|
}
|
||||||
|
/* 小屏优化 */
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.card {
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
float: none;
|
||||||
|
}
|
||||||
|
.card:hover {
|
||||||
|
background-color: rgba(68, 138, 255, 0.1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<div class="links-content">
|
||||||
|
<div class="link-navigation">
|
||||||
|
<div class="card">
|
||||||
|
<img class="ava" src="https://i.stardots.io/wcowin/1750089315509.png" />
|
||||||
|
<div class="card-header">
|
||||||
<div>
|
<div>
|
||||||
<a href="https://jaywhj.netlify.app/" target="_blank">极简主义</a>
|
<a href="https://wcowin.work/" target="_blank">Wcowin’s blog</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="info">文档即产品</div>
|
<div class="info">这是一个分享技术的小站。</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="card">
|
||||||
<div class="card">
|
<img class="ava" src="https://i.loli.net/2020/05/14/5VyHPQqR6LWF39a.png" />
|
||||||
<img class="ava" src="https://i.stardots.io/wcowin/1750089315509.png" />
|
<div class="card-header">
|
||||||
<div class="card-header">
|
<div>
|
||||||
<div>
|
<a href="https://twitter.com/" target="_blank">Twitter</a>
|
||||||
<a href="https://wcowin.work/" target="_blank">Wcowin’s blog</a>
|
</div>
|
||||||
|
<div class="info">社交分享平台</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="info">这是一个分享技术的小站。</div>
|
<div class="card">
|
||||||
|
<img class="ava" src="https://i.stardots.io/wcowin/1750220860750.jpg" />
|
||||||
|
<div class="card-header">
|
||||||
|
<div>
|
||||||
|
<a href="https://macapp.org.cn" target="_blank">Macapp</a>
|
||||||
|
</div>
|
||||||
|
<div class="info">一个专注于分享Mac资源的频道</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="card">
|
||||||
<div class="card">
|
<img class="ava" src="https://i.stardots.io/wcowin/1750221795613.jpeg" />
|
||||||
<img class="ava" src="https://i.loli.net/2020/05/14/5VyHPQqR6LWF39a.png" />
|
<div class="card-header">
|
||||||
<div class="card-header">
|
<div>
|
||||||
<div>
|
<a href="{link}" target="_blank">{name}</a>
|
||||||
<a href="https://twitter.com/" target="_blank">Twitter</a>
|
</div>
|
||||||
|
<div class="info">{description}</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="info">社交分享平台</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="card">
|
|
||||||
<img class="ava" src="https://i.stardots.io/wcowin/1750220860750.jpg" />
|
|
||||||
<div class="card-header">
|
|
||||||
<div>
|
|
||||||
<a href="https://macapp.org.cn" target="_blank">Macapp</a>
|
|
||||||
</div>
|
|
||||||
<div class="info">一个专注于分享Mac资源的频道</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="card">
|
|
||||||
<img class="ava" src="https://i.stardots.io/wcowin/1750221795613.jpeg" />
|
|
||||||
<div class="card-header">
|
|
||||||
<div>
|
|
||||||
<a href="{link}" target="_blank">{name}</a>
|
|
||||||
</div>
|
|
||||||
<div class="info">{description}</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
```
|
```
|
||||||
|
|
||||||
|
|
||||||
## 如何加入友链
|
## 如何加入友链
|
||||||
|
|
||||||
```html
|
```html
|
||||||
@ -178,133 +164,109 @@ hide:
|
|||||||
|
|
||||||
|
|
||||||
<div class="post-body">
|
<div class="post-body">
|
||||||
<div id="links">
|
<div id="links">
|
||||||
<style>
|
<style>
|
||||||
/* 友链容器样式 */
|
/* 通用卡片样式 */
|
||||||
.link-navigation {
|
.card {
|
||||||
display: grid;
|
width: 320px;
|
||||||
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
|
height: 90px;
|
||||||
gap: 1rem;
|
font-size: 1rem;
|
||||||
max-width: 100%;
|
padding: 10px 20px;
|
||||||
}
|
border-radius: 25px;
|
||||||
/* 通用卡片样式 */
|
transition: transform 0.15s, box-shadow 0.15s, background 0.15s;
|
||||||
.card {
|
margin-bottom: 1rem;
|
||||||
width: 100%;
|
display: flex;
|
||||||
max-width: 320px;
|
align-items: center;
|
||||||
height: 90px;
|
color: #333;
|
||||||
font-size: 1rem;
|
}
|
||||||
padding: 10px 20px;
|
.card:nth-child(odd) {
|
||||||
border-radius: 25px;
|
float: left;
|
||||||
transition: transform 0.15s, box-shadow 0.15s, background 0.15s;
|
}
|
||||||
display: flex;
|
.card:nth-child(even) {
|
||||||
align-items: center;
|
float: right;
|
||||||
color: #333;
|
}
|
||||||
justify-self: center;
|
.card:hover {
|
||||||
}
|
transform: translateY(0px) scale(1.05);
|
||||||
.card:hover {
|
|
||||||
transform: translateY(0px) scale(1.05);
|
|
||||||
background-color: rgba(68, 138, 255, 0.1);
|
|
||||||
color: #040000;
|
|
||||||
}
|
|
||||||
.card a {
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
.card .ava {
|
|
||||||
width: 3rem !important;
|
|
||||||
height: 3rem !important;
|
|
||||||
margin: 0 !important;
|
|
||||||
margin-right: 1em !important;
|
|
||||||
border-radius: 50%;
|
|
||||||
}
|
|
||||||
.card .card-header {
|
|
||||||
font-style: italic;
|
|
||||||
overflow: hidden;
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
.card .card-header a {
|
|
||||||
font-style: normal;
|
|
||||||
color: #608DBD;
|
|
||||||
font-weight: bold;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
.card .card-header a:hover {
|
|
||||||
color: #d480aa;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
.card .card-header .info {
|
|
||||||
font-style: normal;
|
|
||||||
color: #706f6f;
|
|
||||||
font-size: 14px;
|
|
||||||
min-width: 0;
|
|
||||||
overflow: visible;
|
|
||||||
white-space: normal;
|
|
||||||
}
|
|
||||||
/* 小屏优化 */
|
|
||||||
@media (max-width: 768px) {
|
|
||||||
.link-navigation {
|
|
||||||
grid-template-columns: 1fr;
|
|
||||||
gap: 0.8rem;
|
|
||||||
}
|
|
||||||
.card {
|
|
||||||
width: 100%;
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
min-height: 80px;
|
|
||||||
}
|
|
||||||
.card:hover {
|
|
||||||
background-color: rgba(68, 138, 255, 0.1);
|
background-color: rgba(68, 138, 255, 0.1);
|
||||||
}
|
color: #040000;
|
||||||
}
|
}
|
||||||
</style>
|
.card a {
|
||||||
<div class="links-content">
|
border: none;
|
||||||
<div class="link-navigation">
|
}
|
||||||
<div class="card">
|
.card .ava {
|
||||||
<img class="ava" src="https://avatars.githubusercontent.com/jaywhj" />
|
width: 3rem !important;
|
||||||
<div class="card-header">
|
height: 3rem !important;
|
||||||
|
margin: 0 !important;
|
||||||
|
margin-right: 1em !important;
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
.card .card-header {
|
||||||
|
font-style: italic;
|
||||||
|
overflow: hidden;
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
.card .card-header a {
|
||||||
|
font-style: normal;
|
||||||
|
color: #608DBD;
|
||||||
|
font-weight: bold;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.card .card-header a:hover {
|
||||||
|
color: #d480aa;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.card .card-header .info {
|
||||||
|
font-style: normal;
|
||||||
|
color: #706f6f;
|
||||||
|
font-size: 14px;
|
||||||
|
min-width: 0;
|
||||||
|
overflow: visible;
|
||||||
|
white-space: normal;
|
||||||
|
}
|
||||||
|
/* 小屏优化 */
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.card {
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
float: none;
|
||||||
|
}
|
||||||
|
.card:hover {
|
||||||
|
background-color: rgba(68, 138, 255, 0.1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<div class="links-content">
|
||||||
|
<div class="link-navigation">
|
||||||
|
<div class="card">
|
||||||
|
<img class="ava" src="https://i.stardots.io/wcowin/1750089315509.png" />
|
||||||
|
<div class="card-header">
|
||||||
<div>
|
<div>
|
||||||
<a href="https://jaywhj.netlify.app/" target="_blank">极简主义</a>
|
<a href="https://wcowin.work/" target="_blank">Wcowin’s blog</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="info">文档即产品</div>
|
<div class="info">这是一个分享技术的小站。</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="card">
|
||||||
<div class="card">
|
<img class="ava" src="https://i.loli.net/2020/05/14/5VyHPQqR6LWF39a.png" />
|
||||||
<img class="ava" src="https://i.stardots.io/wcowin/1750089315509.png" />
|
<div class="card-header">
|
||||||
<div class="card-header">
|
<div>
|
||||||
<div>
|
<a href="https://twitter.com/" target="_blank">Twitter</a>
|
||||||
<a href="https://wcowin.work/" target="_blank">Wcowin’s blog</a>
|
</div>
|
||||||
|
<div class="info">社交分享平台</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="info">这是一个分享技术的小站。</div>
|
<div class="card">
|
||||||
|
<img class="ava" src="https://i.stardots.io/wcowin/1750221795613.jpeg" />
|
||||||
|
<div class="card-header">
|
||||||
|
<div>
|
||||||
|
<a href="{link}" target="_blank">{name}</a>
|
||||||
|
</div>
|
||||||
|
<div class="info">{description}</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div class="card">
|
|
||||||
<img class="ava" src="https://i.loli.net/2020/05/14/5VyHPQqR6LWF39a.png" />
|
|
||||||
<div class="card-header">
|
|
||||||
<div>
|
|
||||||
<a href="https://twitter.com/" target="_blank">Twitter</a>
|
|
||||||
</div>
|
|
||||||
<div class="info">社交分享平台</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="card">
|
|
||||||
<img class="ava" src="https://i.stardots.io/wcowin/1750220860750.jpg" />
|
|
||||||
<div class="card-header">
|
|
||||||
<div>
|
|
||||||
<a href="https://macapp.org.cn" target="_blank">Macapp</a>
|
|
||||||
</div>
|
|
||||||
<div class="info">一个专注于分享Mac资源的频道</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="card">
|
|
||||||
<img class="ava" src="https://i.stardots.io/wcowin/1750221795613.jpeg" />
|
|
||||||
<div class="card-header">
|
|
||||||
<div>
|
|
||||||
<a href="{link}" target="_blank">{name}</a>
|
|
||||||
</div>
|
|
||||||
<div class="info">{description}</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -7,16 +7,6 @@ categories:
|
|||||||
readtime: 2
|
readtime: 2
|
||||||
hide_reading_time: true
|
hide_reading_time: true
|
||||||
---
|
---
|
||||||
## </p><h1 id="01" name="01"><strong>2025-07-08</strong></h1><p>
|
|
||||||
* 优化网站流畅度（玄学）
|
|
||||||
* 修复[友链教程](../Mkdocs/linktech.md)的一些显示问题（感谢[Arron](https://github.com/jaywhj)）
|
|
||||||
* 重新设计了页脚样式
|
|
||||||
|
|
||||||
## </p><h1 id="01" name="01"><strong>2025-06-15</strong></h1><p>
|
|
||||||
* 优化网站流畅度（玄学）
|
|
||||||
* 优化CDN配置
|
|
||||||
* 引入全局圆角化设计，参考[Material Design](https://material.io/design)设计规范
|
|
||||||
|
|
||||||
## </p><h1 id="01" name="01"><strong>2025-04-30</strong></h1><p>
|
## </p><h1 id="01" name="01"><strong>2025-04-30</strong></h1><p>
|
||||||
* 优化网站流畅度（玄学）
|
* 优化网站流畅度（玄学）
|
||||||
* 修复[关于](../../about/geren.md)页面的显示问题
|
* 修复[关于](../../about/geren.md)页面的显示问题
|
||||||
|
|||||||
@ -238,8 +238,9 @@ body::before {
|
|||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<!-- <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2327435979273742"
|
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2327435979273742"
|
||||||
crossorigin="anonymous"></script>
|
crossorigin="anonymous"></script>
|
||||||
|
<!-- AD1 -->
|
||||||
<ins class="adsbygoogle"
|
<ins class="adsbygoogle"
|
||||||
style="display:block"
|
style="display:block"
|
||||||
data-ad-client="ca-pub-2327435979273742"
|
data-ad-client="ca-pub-2327435979273742"
|
||||||
@ -248,4 +249,4 @@ body::before {
|
|||||||
data-full-width-responsive="true"></ins>
|
data-full-width-responsive="true"></ins>
|
||||||
<script>
|
<script>
|
||||||
(adsbygoogle = window.adsbygoogle || []).push({});
|
(adsbygoogle = window.adsbygoogle || []).push({});
|
||||||
</script> -->
|
</script>
|
||||||
Loading…
x
Reference in New Issue
Block a user