This commit is contained in:
Wcowin 2024-07-22 00:04:09 +08:00
parent 91ebfb15c9
commit 17fadba739
12 changed files with 868 additions and 52 deletions

View File

@ -1 +1 @@
{"cache_date": "2024-05-05", "page_authors": {}} {"cache_date": "2024-07-22", "page_authors": {}}

232
docs/ZH-TW/index.md Normal file
View File

@ -0,0 +1,232 @@
---
title: Home
hide:
# - navigation # 显示右
# - toc #显示左
- footer
- feedback
comments: false
---
# 首頁
<!-- <center><font color= #518FC1 size=6>“循此苦旅,以达星辰”</font></center> -->
<center><font color= #518FC1 size=6 class="ml3">“循此苦旅 以達星辰”</font></center>
<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.0.2/anime.min.js"></script>
<!-- <center>
<font color= #608DBD size=3>
<span id="jinrishici-sentence">正在加载今日诗词....</span>
<script src="https://sdk.jinrishici.com/v2/browser/jinrishici.js" charset="utf-8"></script>
</font>
</center> -->
<!-- <center>
<font color= #608DBD size=3>
<span id="hitokoto-sentence">正在加载一言....</span>
<script src="https://v1.hitokoto.cn"></script>
</font>
</center> -->
<!-- <center>
<font color= #608DBD size=3>
<p id="hitokoto">
<a href="#" id="hitokoto_text" target="_blank"></a>
</p>
<script>
fetch('https://v1.hitokoto.cn')
.then(response => response.json())
.then(data => {
const hitokoto = document.querySelector('#hitokoto_text')
hitokoto.href = `https://hitokoto.cn/?uuid=${data.uuid}`
hitokoto.innerText = data.hitokoto
})
.catch(console.error)
</script>
</font>
</center> -->
<div id="rcorners2" >
<div id="rcorners1">
<!-- <i class="fa fa-calendar" style="font-size:100"></i> -->
<body>
<font color="#4351AF">
<p class="p1"></p>
<script defer>
//格式2020年04月12日 10:20:00 星期二
function format(newDate) {
var day = newDate.getDay();
var y = newDate.getFullYear();
var m =
newDate.getMonth() + 1 < 10
? "0" + (newDate.getMonth() + 1)
: newDate.getMonth() + 1;
var d =
newDate.getDate() < 10 ? "0" + newDate.getDate() : newDate.getDate();
var h =
newDate.getHours() < 10 ? "0" + newDate.getHours() : newDate.getHours();
var min =
newDate.getMinutes() < 10
? "0" + newDate.getMinutes()
: newDate.getMinutes();
var s =
newDate.getSeconds() < 10
? "0" + newDate.getSeconds()
: newDate.getSeconds();
var dict = {
1: "一",
2: "二",
3: "三",
4: "四",
5: "五",
6: "六",
0: "天",
};
//var week=["日","一","二","三","四","五","六"]
return (
y +
"年" +
m +
"月" +
d +
"日" +
" " +
h +
":" +
min +
":" +
s +
" 星期" +
dict[day]
);
}
var timerId = setInterval(function () {
var newDate = new Date();
var p1 = document.querySelector(".p1");
if (p1) {
p1.textContent = format(newDate);
}
}, 1000);
</script>
</font>
</body>
</div>
<ul>
<li>透過主題和目錄以開啟文章</li>
<ul>
<li>Mac/PC端 請在上方標籤列選擇主題 在左側目錄選擇文章</li>
<li>行動端 請點選左上角圖示選擇主題和文章</li>
</ul>
<li>搜尋關鍵字以開啟文章</li>
<li>
如遇到網頁卡頓/開啟文章後無法顯示圖片的情況,請使用<strong>科學上網</strong>以打破資訊壁壘
</li>
</ul>
</div>
快速談話(1) 聯絡我(2)
{ .annotate }
1. 點選右下角與我線上交談.
2. 18939533255
***
<div class="grid cards" markdown>
- :simple-materialformkdocs:{ .lg .middle } __Mkdocs教程__
---
- [利用Mkdocs部署靜態網頁至GitHub pages](../blog/Mkdocs/mkdocs1.md)
- [Mkdocs部署配置說明(mkdocs.yml)](../blog/Mkdocs/mkdocs2.md)
- [如何給MKdocs添加友鏈](../blog/websitebeauty/linktech.md)
- [網站添加Mkdocs博客](../blog/Mkdocs/mkdocsblog.md)
- [Blogger](../blog/index.md)
- :simple-aboutdotme:{ .lg .middle } __關於__
---
- [Mkdocs-Wcowin博客主題社區](https://support.qq.com/products/646913/){target=“_blank”}
- [留言板](../liuyanban.md)[^Knowing-that-loving-you-has-no-ending]
- [Blogger](../blog/index.md)
[:octicons-arrow-right-24: 了解我](../about/geren.md)[^see-how-much-I-love-you]
</div>
[^Knowing-that-loving-you-has-no-ending]:太陽總是能溫暖向日葵
[^see-how-much-I-love-you]:All problems in computer science can be solved by another level of indirection
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-29HZMNR0KG"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-29HZMNR0KG');
</script>
<!-- Start of Howxm client code snippet -->
<script>
function _howxm(){_howxmQueue.push(arguments)}
window._howxmQueue=window._howxmQueue||[];
_howxm('setAppID','14429fca-cac1-4551-a472-b046a96ebb75');
(function(){var scriptId='howxm_script';
if(!document.getElementById(scriptId)){
var e=document.createElement('script'),
t=document.getElementsByTagName('script')[0];
e.setAttribute('id',scriptId);
e.type='text/javascript';e.async=!0;
e.src='https://static.howxm.com/sdk.js';
t.parentNode.insertBefore(e,t)}})();
</script>
<!-- End of Howxm client code snippet -->
<script src="//code.tidio.co/6jmawe9m5wy4ahvlhub2riyrnujz7xxi.js" async></script>
</head>
<!-- <head>
<script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
<script>LA.init({id:"3HOcxvgwJJmkuGUi",ck:"3HOcxvgwJJmkuGUi"})</script>
</head> -->
<body>
<font color="#B9B9B9">
<p style="text-align: center; ">
<span>本站已經運作</span>
<span id='box1'></span>
</p>
<div id="box1"></div>
<script>
function timingTime(){
let start = '2022-10-20 00:00:00'
let startTime = new Date(start).getTime()
let currentTime = new Date().getTime()
let difference = currentTime - startTime
let m = Math.floor(difference / (1000))
let mm = m % 60 // 秒
let f = Math.floor(m / 60)
let ff = f % 60 // 分钟
let s = Math.floor(f/ 60) // 小时
let ss = s % 24
let day = Math.floor(s / 24 ) // 天数
return day + "天" + ss + "時" + ff + "分" + mm +'秒'
}
setInterval(()=>{
document.getElementById('box1').innerHTML = timingTime()
},1000)
</script>
</font>
</body>
<!-- <head>
<script defer src="https://analytics.us.umami.is/script.js" data-website-id="dae37494-1db6-408a-afdd-1868e1a7d41a"></script>
</head> -->

View File

@ -97,4 +97,4 @@ t.parentNode.insertBefore(e,t)}})();
[Send Email :fontawesome-solid-paper-plane:](mailto:<wangkewen821@gmail.com>){.md-button} [Send Email :fontawesome-solid-paper-plane:](mailto:<wangkewen821@gmail.com>){.md-button}
<!-- <a target="_blank" href="mailto:wangkewen821@gmail.com""><button class="buttonxuan2" style="vertical-align:middle" ><span>Send Email:fontawesome-solid-paper-plane: </span></button></a> --> <!-- <a target="_blank" href="mailto:wangkewen821@gmail.com""><button class="buttonxuan2" style="vertical-align:middle" ><span>Send Email:fontawesome-solid-paper-plane: </span></button></a> -->
<chat-bot platform_id="d19a99ed-b684-4d64-8c70-7663d974af17" user_id="325b3ae2-0317-4c5f-9f9b-c4ce0e51e36b" chatbot_id="8eedef48-41ef-4f78-97d9-71e8197a452d"><a href="https://www.chatsimple.ai/?utm_source=widget&utm_medium=referral">[chatbot]</a></chat-bot><script src="https://cdn.chatsimple.ai/chat-bot-loader.js" defer></script> <!-- <chat-bot platform_id="d19a99ed-b684-4d64-8c70-7663d974af17" user_id="325b3ae2-0317-4c5f-9f9b-c4ce0e51e36b" chatbot_id="8eedef48-41ef-4f78-97d9-71e8197a452d"><a href="https://www.chatsimple.ai/?utm_source=widget&utm_medium=referral">[chatbot]</a></chat-bot><script src="https://cdn.chatsimple.ai/chat-bot-loader.js" defer></script> -->

View File

@ -8,8 +8,7 @@ hide:
- feedback - feedback
--- ---
<head> <!-- <head>
<!-- Start of Howxm client code snippet -->
<script> <script>
function _howxm(){_howxmQueue.push(arguments)} function _howxm(){_howxmQueue.push(arguments)}
window._howxmQueue=window._howxmQueue||[]; window._howxmQueue=window._howxmQueue||[];
@ -23,14 +22,14 @@ e.type='text/javascript';e.async=!0;
e.src='https://static.howxm.com/sdk.js'; e.src='https://static.howxm.com/sdk.js';
t.parentNode.insertBefore(e,t)}})(); t.parentNode.insertBefore(e,t)}})();
</script> </script>
<!-- End of Howxm client code snippet --> </head> -->
</head>
<!-- <div class="markdown-content"> <!-- <div class="markdown-content">
<h2>欢迎加入友链(不分先后)</h2> <h2>欢迎加入友链(不分先后)</h2>
</div> --> </div> -->
# 欢迎加入友链(不分先后) # 欢迎加入友链(不分先后)
<div id="rcorners4" >
<div class="links-content"> <div class="links-content">
<div class="link-navigation"> <div class="link-navigation">
@ -188,7 +187,7 @@ t.parentNode.insertBefore(e,t)}})();
</div> </div>
</div> </div>
<div class="card"> <div class="card">
<img class="ava" src="https://www.luckyzh.cn/avatar.jpg" /> <img class="ava" src="https://agentestudio.com/uploads/post/image/69/main_how_to_design_404_page.png" />
<div class="card-header"> <div class="card-header">
<div> <div>
<a href="https://www.luckyzh.cn/" target="_blank">旧梦</a> <a href="https://www.luckyzh.cn/" target="_blank">旧梦</a>
@ -222,7 +221,7 @@ t.parentNode.insertBefore(e,t)}})();
</div> </div>
</div> </div>
<div class="card"> <div class="card">
<img class="ava" src="https://ymh0000123.github.io/picture/picture/6.png" /> <img class="ava" src="https://s2.loli.net/2024/06/25/59hnlap8m3oyBrk.webp" />
<div class="card-header"> <div class="card-header">
<div> <div>
<a href="https://xiaofeishu-boke.netlify.app/" target="_blank">没用的小废鼠的Blog</a> <a href="https://xiaofeishu-boke.netlify.app/" target="_blank">没用的小废鼠的Blog</a>
@ -322,7 +321,7 @@ t.parentNode.insertBefore(e,t)}})();
</div> </div>
</div> </div>
<div class="card"> <div class="card">
<img class="ava" src="https://ovo.btwoa.com/btwoa.jpg" /> <img class="ava" src="https://blog.btwoa.com/btwoa.jpg" />
<div class="card-header"> <div class="card-header">
<div> <div>
<a href="https://blog.btwoa.com" target="_blank">btwoa</a> <a href="https://blog.btwoa.com" target="_blank">btwoa</a>
@ -508,6 +507,126 @@ t.parentNode.insertBefore(e,t)}})();
</div> </div>
</div> </div>
</div> </div>
<div class="card">
<img class="ava" src="https://npm.elemecdn.com/nanshen/avatar.jpg" />
<div class="card-header">
<div>
<a href="https://blog.imzjw.cn" target="_blank">小嘉的部落格</a>
</div>
<div class="info">
一个爱折腾的Java开发工程师
</div>
</div>
</div>
<div class="card">
<img class="ava" src="https://npm.elemecdn.com/webxc/logo/logo.jpg" />
<div class="card-header">
<div>
<a href="https://webxc.eu.org" target="_blank">小城故事</a>
</div>
<div class="info">
欢迎光临小城故事!
</div>
</div>
</div>
<div class="card">
<img class="ava" src="https://www.styg.org.cn/zb_users/upload/2024/01/202401261706277157705448.png" />
<div class="card-header">
<div>
<a href="https://www.styg.org.cn/" target="_blank">温岭慈善义工石塘服务队</a>
</div>
<div class="info">
慈善义工在行动
</div>
</div>
</div>
<div class="card">
<img class="ava" src="https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F7880b046-93bb-4d63-a4e2-64814819b3e8%2Ffea4ed7b-d9d4-419a-b526-de9e020205d4%2Favatar.png?table=block&amp;id=d9b5a704-94ee-45aa-b6fe-f1572c4d9b26&amp;t=d9b5a704-94ee-45aa-b6fe-f1572c4d9b26&amp;width=800&amp;cache=v2" />
<div class="card-header">
<div>
<a href="https://www.linyunlink.top/" target="_blank">凌云·LinYun</a>
</div>
<div class="info">
“因为热爱而生”
</div>
</div>
</div>
<div class="card">
<img class="ava" src="http://www.ickg.net/vis/favicon.png" />
<div class="card-header">
<div>
<a href="http://www.ickg.net" target="_blank">iCKG 渝见</a>
</div>
<div class="info">
我和重庆有个约会
</div>
</div>
</div>
<div class="card">
<img class="ava" src="https://blog.asyncx.top/favicon.svg" />
<div class="card-header">
<div>
<a href="https://blog.asyncx.top/" target="_blank">AsyncX</a>
</div>
<div class="info">
🌌 Per Aspera Ad Astra
</div>
</div>
</div>
<div class="card">
<img class="ava" src="https://avatars.githubusercontent.com/u/11755104?v=4" />
<div class="card-header">
<div>
<a href="https://meekdai.com" target="_blank"> Meekdai</a>
</div>
<div class="info">
童话是一种生活态度,仅此而已。
</div>
</div>
</div>
<div class="card">
<img class="ava" src="https://pic.imgdb.cn/item/65bc52b0871b83018a06699d.png" />
<div class="card-header">
<div>
<a href="https://blog.imsyy.top/" target="_blank">無名小栈</a>
</div>
<div class="info">
分享技术与科技生活
</div>
</div>
</div>
<div class="card">
<img class="ava" src="https://blog.pantheon.press/wp-content/uploads/v2-f73763905eed23308466e441430a43be_r-150x150.jpg" />
<div class="card-header">
<div>
<a href="https://blog.pantheon.press" target="_blank">pantheon</a>
</div>
<div class="info">
</div>
</div>
</div>
<div class="card">
<img class="ava" src="https://raw.githubusercontent.com/get1024/RyanJoy-s_Web/main/docs/public/avatar.png" />
<div class="card-header">
<div>
<a href="https://get1024.github.io/RyanJoy-s_Web/" target="_blank">RyanJoy's Web</a>
</div>
<div class="info">
🌟且视他人之疑目如盏盏鬼火,大胆地去走自己的夜路吧
</div>
</div>
</div>
<div class="card">
<img class="ava" src="https://s2.loli.net/2024/07/02/uKs2Jqo9THROipr.jpg" />
<div class="card-header">
<div>
<a href="https://frankoxer.github.io" target="_blank">Frankoxer</a>
</div>
<div class="info">
别急,过会儿就更新
</div>
</div>
</div>
@ -518,16 +637,24 @@ t.parentNode.insertBefore(e,t)}})();
<HR style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#608DBD,direction:145,strength:15)" width="100%" color=#608DBD SIZE=1>
<!-- <div class="markdown-content"> <!-- <div class="markdown-content">
<h2>失联人员</h2> <h2>失联人员</h2>
</div> --> </div> -->
<HR style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#608DBD,direction:145,strength:15)" width="100%" color=#608DBD SIZE=1>
</div>
<!-- <HR style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#608DBD,direction:145,strength:15)" width="100%" color=#608DBD SIZE=1> -->
<br>
# 失联人员 # 失联人员
<div id="rcorners4" >
<div class="links-content"> <div class="links-content">
<div class="link-navigation"> <div class="link-navigation">
<div class="card"> <div class="card">
<img class="ava" src="https://agentestudio.com/uploads/post/image/69/main_how_to_design_404_page.png" /> <img class="ava" src="https://agentestudio.com/uploads/post/image/69/main_how_to_design_404_page.png" />
<div class="card-header"> <div class="card-header">
@ -539,20 +666,20 @@ t.parentNode.insertBefore(e,t)}})();
</div> </div>
</div> </div>
</div> </div>
<div class="card">
<img class="ava" src="https://agentestudio.com/uploads/post/image/69/main_how_to_design_404_page.png" />
<div class="card-header">
<div>
<a href="https://www.styg.org.cn/" target="_blank">温岭慈善义工石塘服务队</a>
</div>
<div class="info">
慈善义工在行动
</div>
</div>
</div>
</div> </div>
</div> </div>
<HR style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#608DBD,direction:145,strength:15)" width="100%" color=#608DBD SIZE=1>
</div>
<div class="markdown-content">
<h3>交换友链,请添加本站友链后下方留言申请,期望您的站点:</h3>
</div>
<!-- <div class="card"> <!-- <div class="card">
<img class="ava" src="{avatarurl}" /> <img class="ava" src="{avatarurl}" />
<div class="card-header"> <div class="card-header">
@ -563,13 +690,6 @@ t.parentNode.insertBefore(e,t)}})();
</div> </div>
</div> --> </div> -->
<HR style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#608DBD,direction:145,strength:15)" width="100%" color=#608DBD SIZE=1>
<div class="markdown-content">
<h3>交换友链,请添加本站友链后下方留言申请,期望您的站点:</h3>
</div>
* 独立博客(不要求独立域名)https访问流畅 * 独立博客(不要求独立域名)https访问流畅
* 原创内容为主原创内容3篇以上 * 原创内容为主原创内容3篇以上
* 处于活跃状态,有一定的更新频率 * 处于活跃状态,有一定的更新频率
@ -597,7 +717,7 @@ t.parentNode.insertBefore(e,t)}})();
=== "HTML(推荐)" === "HTML(推荐)"
推荐在评论区发送这种格式,*号的需要填写自己的信息 推荐在评论区发送这种格式,*号的需要填写自己的信息
```html ```html
<div class="card"> <div class="card">
@ -622,6 +742,9 @@ t.parentNode.insertBefore(e,t)}})();
``` ```
=== "通用" === "通用"
点击右侧**友链申请**填写问卷 点击填写[**友链申请**问卷](https://wj.qq.com/s2/14878680/20ac/)
[![](https://s2.loli.net/2024/06/27/9gw37T4vPASxiD8.png){width=50%}](https://wj.qq.com/s2/14878680/20ac/)
***

View File

@ -201,6 +201,6 @@ https://你github的名字.github.io/
``` ```
![img](https://s1.imagehub.cc/images/2024/02/02/7f149d6da7ecc6364d86c9517b2c4624.png) ![img](https://s1.imagehub.cc/images/2024/02/02/7f149d6da7ecc6364d86c9517b2c4624.png)
下次谈谈网站的[mkdocs.yml具体配置](mkdocs2.md) 下次谈谈网站的[mkdocs.yml具体配置](mkdocs2.md)[^注]
[^注]:于2023.3.24重写此文 [^注]:于2023.3.24重写此文

View File

@ -6,6 +6,97 @@ categories:
- 网站更新记录 - 网站更新记录
readtime: 2 readtime: 2
--- ---
## </p><h1 id="01" name="01"><strong>2024-07-21</strong></h1><p>
* 优化网站流畅度(玄学)
* 优化了网站的UI和访问速度启用 CDN 加速
* 学业繁重
## </p><h1 id="01" name="01"><strong>2024-06-27</strong></h1><p>
* 优化网站流畅度(玄学)
* 美化了Blog页面, 使更加简洁美观,如你所见
* 内心丰盈者,独行也独众,心有山海,静而不争
## </p><h1 id="01" name="01"><strong>2024-06-20</strong></h1><p>
* 优化网站流畅度(玄学)
* 优化多处UI
* 删减了部分拖慢网站速度的JS/CSS代码
* 更新了[MKdocs补充系列教程](https://blog.csdn.net/m0_63203517/article/details/139814216?spm=1001.2014.3001.5501)
* 近期略有时间,所以更文变得高产
## </p><h1 id="01" name="01"><strong>2024-06-19</strong></h1><p>
* 优化网站流畅度(玄学)
* 期末结束
* 删减了冗余代码
## </p><h1 id="01" name="01"><strong>2024-06-2</strong></h1><p>
* 优化网站流畅度(玄学)
* 近期学业繁重
## </p><h1 id="01" name="01"><strong>2024-06-2</strong></h1><p>
* 优化网站流畅度(玄学)
* 过了六一
## </p><h1 id="01" name="01"><strong>2024-05-15</strong></h1><p>
* 优化网站流畅度(玄学)
* 全站引入自动在新标签页打开,仓库地址:[mkdocs-open-in-new-tab](https://newtab.kubaandrysek.cz/)
<details><summary>Show source code</summary>
<p>
Look at this source <a href="https://github.com/JakubAndrysek/mkdocs-open-in-new-tab/blob/main/open_in_new_tab/js/open_in_new_tab.js">open_in_new_tab.js</a>:
```js
// Description: Open external links in a new tab and PDF links in a new tab
// Source: https://jekyllcodex.org/without-plugin/new-window-fix/
//open external links in a new window
function external_new_window() {
for(let c = document.getElementsByTagName("a"), a = 0;a < c.length;a++) {
let b = c[a];
if(b.getAttribute("href") && b.hostname !== location.hostname) {
b.target = "_blank";
b.rel = "noopener";
}
}
}
//open PDF links in a new window
function pdf_new_window ()
{
if (!document.getElementsByTagName) {
return false;
}
let links = document.getElementsByTagName("a");
for (let eleLink=0; eleLink < links.length; eleLink ++) {
if ((links[eleLink].href.indexOf('.pdf') !== -1)||(links[eleLink].href.indexOf('.doc') !== -1)||(links[eleLink].href.indexOf('.docx') !== -1)) {
links[eleLink].onclick =
function() {
window.open(this.href);
return false;
}
}
}
}
function apply_rules() {
external_new_window();
pdf_new_window();
}
if (typeof document$ !== "undefined") {
// compatibility with mkdocs-material's instant loading feature
// based on code from https://github.com/timvink/mkdocs-charts-plugin
// Copyright (c) 2021 Tim Vink - MIT License
// fixes [Issue #2](https://github.com/JakubAndrysek/mkdocs-open-in-new-tab/issues/2)
document$.subscribe(function() {
apply_rules();
console.log("Applying rules");
})
}
```
</p>
</details>
## </p><h1 id="01" name="01"><strong>2024-05-05</strong></h1><p> ## </p><h1 id="01" name="01"><strong>2024-05-05</strong></h1><p>
* 发布[Mkdocs-Wcowin主题|3.0版本](https://github.com/Wcowin/Mkdocs-Wcowin/releases/tag/3.0){target=“_blank”} * 发布[Mkdocs-Wcowin主题|3.0版本](https://github.com/Wcowin/Mkdocs-Wcowin/releases/tag/3.0){target=“_blank”}
* 优化网站流畅度(玄学) * 优化网站流畅度(玄学)

View File

@ -7,7 +7,8 @@ tags:
我目前在用的字体:[霞鹜文楷](https://github.com/lxgw/LxgwWenKai){target=_blank} 我目前在用的字体:[霞鹜文楷](https://github.com/lxgw/LxgwWenKai){target=_blank}
想必你可以直观从我的网站感受到,[这款字体](https://chawyehsu.github.io/lxgw-wenkai-webfont/)的美观程度。 想必你可以直观从我的网站感受到,[这款字体](https://chawyehsu.github.io/lxgw-wenkai-webfont/)的美观程度。
[快速教程](#基于mkdocs的网站字体美化用法) [快速教程]
[快速教程]: #mkdocs
*** ***
**以下是摘录的部分字体官方介绍文档** **以下是摘录的部分字体官方介绍文档**
@ -155,7 +156,7 @@ body {
四选一mkdocs.yml和extra.css相互对应 四选一mkdocs.yml和extra.css相互对应
不懂extra_css的用法的可以看一下我写的[extra_css部分](https://wcowin.work/blog/Mkdocs/mkdocs2/#extra_javascript-和extra_css){target=_blank}教程 不懂extra_css的用法的可以看一下我写的[extra_css部分](../Mkdocs/mkdocs2.md#extra_javascript-extra_css)教程
!!!tip !!!tip
切换字体后可能返回顶部按钮会在个别浏览器显示异常 切换字体后可能返回顶部按钮会在个别浏览器显示异常

233
docs/en/index.md Normal file
View File

@ -0,0 +1,233 @@
---
title: Home
hide:
# - navigation # 显示右
# - toc #显示左
- footer
- feedback
comments: false
---
# Home
<!-- <center><font color= #518FC1 size=6>“循此苦旅,以达星辰”</font></center> -->
<center><font color= #518FC1 size=6 class="ml3">"Follow this arduous journey to reach the stars"</font></center>
<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.0.2/anime.min.js"></script>
<!-- <center>
<font color= #608DBD size=3>
<span id="jinrishici-sentence">正在加载今日诗词....</span>
<script src="https://sdk.jinrishici.com/v2/browser/jinrishici.js" charset="utf-8"></script>
</font>
</center> -->
<!-- <center>
<font color= #608DBD size=3>
<span id="hitokoto-sentence">正在加载一言....</span>
<script src="https://v1.hitokoto.cn"></script>
</font>
</center> -->
<!-- <center>
<font color= #608DBD size=3>
<p id="hitokoto">
<a href="#" id="hitokoto_text" target="_blank"></a>
</p>
<script>
fetch('https://v1.hitokoto.cn')
.then(response => response.json())
.then(data => {
const hitokoto = document.querySelector('#hitokoto_text')
hitokoto.href = `https://hitokoto.cn/?uuid=${data.uuid}`
hitokoto.innerText = data.hitokoto
})
.catch(console.error)
</script>
</font>
</center> -->
<div id="rcorners2" >
<!-- <div id="rcorners1">
<body>
<font color="#4351AF">
<p class="p1"></p>
<script defer>
function format(newDate) {
var day = newDate.getDay();
var y = newDate.getFullYear();
var m =
newDate.getMonth() + 1 < 10
? "0" + (newDate.getMonth() + 1)
: newDate.getMonth() + 1;
var d =
newDate.getDate() < 10 ? "0" + newDate.getDate() : newDate.getDate();
var h =
newDate.getHours() < 10 ? "0" + newDate.getHours() : newDate.getHours();
var min =
newDate.getMinutes() < 10
? "0" + newDate.getMinutes()
: newDate.getMinutes();
var s =
newDate.getSeconds() < 10
? "0" + newDate.getSeconds()
: newDate.getSeconds();
var dict = {
1: "一",
2: "二",
3: "三",
4: "四",
5: "五",
6: "六",
0: "天",
};
//var week=["日","一","二","三","四","五","六"]
return (
y +
"年" +
m +
"月" +
d +
"日" +
" " +
h +
":" +
min +
":" +
s +
" 星期" +
dict[day]
);
}
var timerId = setInterval(function () {
var newDate = new Date();
var p1 = document.querySelector(".p1");
if (p1) {
p1.textContent = format(newDate);
}
}, 1000);
</script>
</font>
</body>
</div> -->
<ul>
<li>Open articles by topic and table of contents</li>
<ul>
<li>For Mac/PC, please select the topic in the tab bar above and select the article in the directory on the left</li>
<li>Mobile version, please click the icon in the upper left corner to select topics and articles</li>
</ul>
<li>Search for keywords to open articles</li>
<li>
If you encounter web page freezes or images cannot be displayed after opening an article, please use <strong>Scientific Internet Access</strong> to break information barriers
</li>
</ul>
</div>
Quick Chat(1) Contact Me(2)
{ .annotate }
1. Click on the bottom right corner to chat with me online.
2. Wechat:18939533255
***
<div class="grid cards" markdown>
- :simple-materialformkdocs:{ .lg .middle } __Mkdocs Tutorial__
---
- [Deploy static web pages to GitHub pages with Mkdocs](../blog/Mkdocs/mkdocs1.md)
- [Mkdocs deployment configuration explanation (mkdocs.yml)](../blog/Mkdocs/mkdocs2.md)
- [How to add friends links to MKdocs](../blog/websitebeauty/linktech.md)
- [Adding Mkdocs blog to website](../blog/Mkdocs/mkdocsblog.md)
- [Blogger](../blog/index.md)
- :simple-aboutdotme:{ .lg .middle } __About__
---
- [Mkdocs-Wcowin blog theme community](https://support.qq.com/products/646913/){target="_blank"}
- [Message Board](../liuyanban.md)[^Knowing-that-loving-you-has-no-ending]
- [Blogger](../blog/index.md)
[:octicons-arrow-right-24: Learn about me](../about/geren.md)[^see-how-much-I-love-you]
</div>
[^Knowing-that-loving-you-has-no-ending]:The sun always warms sunflowers
[^see-how-much-I-love-you]:All problems in computer science can be solved by another level of indirection
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-29HZMNR0KG"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-29HZMNR0KG');
</script>
<!-- Start of Howxm client code snippet -->
<script>
function _howxm(){_howxmQueue.push(arguments)}
window._howxmQueue=window._howxmQueue||[];
_howxm('setAppID','14429fca-cac1-4551-a472-b046a96ebb75');
(function(){var scriptId='howxm_script';
if(!document.getElementById(scriptId)){
var e=document.createElement('script'),
t=document.getElementsByTagName('script')[0];
e.setAttribute('id',scriptId);
e.type='text/javascript';e.async=!0;
e.src='https://static.howxm.com/sdk.js';
t.parentNode.insertBefore(e,t)}})();
</script>
<!-- End of Howxm client code snippet -->
<script src="//code.tidio.co/6jmawe9m5wy4ahvlhub2riyrnujz7xxi.js" async></script>
</head>
<!-- <head>
<script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
<script>LA.init({id:"3HOcxvgwJJmkuGUi",ck:"3HOcxvgwJJmkuGUi"})</script>
</head> -->
<body>
<font color="#B9B9B9">
<p style="text-align: center; ">
<span>This site is already running</span>
<span id='box1'></span>
</p>
<div id="box1"></div>
<script>
function timingTime(){
let start = '2022-10-20 00:00:00'
let startTime = new Date(start).getTime()
let currentTime = new Date().getTime()
let difference = currentTime - startTime
let m = Math.floor(difference / (1000))
let mm = m % 60 // 秒
let f = Math.floor(m / 60)
let ff = f % 60 // 分钟
let s = Math.floor(f/ 60) // 小时
let ss = s % 24
let day = Math.floor(s / 24 ) // 天数
return day + "day" + ss + "hour" + ff + "minute" + mm +'second'
}
setInterval(()=>{
document.getElementById('box1').innerHTML = timingTime()
},1000)
</script>
</font>
</body>
<!-- <head>
<script defer src="https://analytics.us.umami.is/script.js" data-website-id="dae37494-1db6-408a-afdd-1868e1a7d41a"></script>
</head> -->

View File

@ -193,16 +193,16 @@ ____ __ ____ ______ ______ ____ __ ____ __ .__ __.
--- ---
- [Mkdocs-Wcowin博客主题社区](https://support.qq.com/products/646913/){target=“_blank”} - [Mkdocs-Wcowin博客主题社区](https://support.qq.com/products/646913/){target=“_blank”}
- [留言板](liuyanban.md) - [留言板](liuyanban.md)[^Knowing-that-loving-you-has-no-ending]
- [Blogger](blog/index.md) - [Blogger](blog/index.md)
[:octicons-arrow-right-24: 了解我](about/geren.md) [:octicons-arrow-right-24: 了解我](about/geren.md)[^see-how-much-I-love-you]
</div> </div>
[^Knowing-that-loving-you-has-no-ending]:太阳总是能温暖向日葵 [^Knowing-that-loving-you-has-no-ending]:太阳总是能温暖向日葵
[^see-how-much-I-love-you]:All problems in computer science can be solved by another level of indirection [^see-how-much-I-love-you]:All-problems-in-computer-science-can-be-solved-by-another-level-of-indirection
<body> <body>
<font color="#B9B9B9"> <font color="#B9B9B9">

View File

@ -8,9 +8,23 @@ hide:
comments: true comments: true
--- ---
# 畅所欲言 # 畅所欲言
<div class="poem-wrap">
<div class="poem-border poem-left"></div>
<div class="poem-border poem-right"></div>
<h1>留言板</h1>
<p id="poem">月落乌啼霜满天 江枫渔火对愁眠</p>
<p id="info"> 《枫桥夜泊》【唐代】张继</p>
</div>
<div id="rcorners5" >
<div id="cusdis_thread"
data-host="https://cusdis.com"
data-app-id="655cf3bc-734a-4d88-8317-be350621334c"
data-page-id="{{ PAGE_ID }}"
data-page-url="{{ PAGE_URL }}"
data-page-title="{{ PAGE_TITLE }}"
></div>
<script async defer src="https://cusdis.com/js/cusdis.es.js"></script>
<script defer src="https://cusdis.com/js/widget/lang/zh-cn.js"></script>
</div>

View File

@ -267,6 +267,19 @@ width: 100%;
height: 100%; height: 100%;
} }
#rcorners4 {
border-radius: 25px;
border: 2px solid #518FC1;
padding: 20px;
width: 110%;
height: 100%;
}
@media only screen and (max-width: 600px) {
#rcorners4 {
border: none; /* 在手机上移除外框 */
width: 100%; /* 将宽度调整为100% */
}
}
.image-container { .image-container {
text-align: center; /* 居中对齐容器中的内容 */ text-align: center; /* 居中对齐容器中的内容 */
@ -490,6 +503,103 @@ font-size: 30px;
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);} */ -webkit-filter: grayscale(100%);} */
/* 诗词留言板 */
@media (max-width: 991px) {
.followme .social-list .social-item {
margin: 0.5em 0.75em;
}
}
.followme .social-list .social-link {
border: 0;
display: inline-block;
text-align: center;
}
.followme .social-list .social-link .icon {
font-size: 1.75em;
height: 1.75em;
width: 1.75em;
}
.followme .social-list .social-link .label {
display: block;
font-size: 14px;
}
.poem-wrap {
position: relative;
width: 730px;
max-width: 80%;
border: 2px solid #797979;
border-top: none;
text-align: center;
margin: 80px auto;
}
.poem-wrap h1 {
font-size: 30px;
position: relative;
margin-top: -20px;
display: inline-block;
letter-spacing: 4px;
color: #797979;
}
.poem-wrap p {
width: 70%;
margin: auto;
line-height: 30px;
color: #797979;
}
.poem-wrap p#poem {
font-size: 25px;
}
.poem-wrap p#info {
font-size: 15px;
margin: 15px auto;
}
.poem-border {
position: absolute;
height: 2px;
width: 27%;
background-color: #797979;
}
.poem-right {
right: 0;
}
.poem-left {
left: 0;
}
@media (max-width: 685px) {
.poem-border {
width: 18%;
}
}
@media (max-width: 500px) {
.poem-wrap {
margin-top: 60px;
margin-bottom: 20px;
border-top: 2px solid #797979;
border-radius: 10px; /* 添加圆角 */
}
.poem-wrap h1 {
margin: 20px 6px;
}
.poem-border {
display: none;
}
}

View File

@ -70,12 +70,12 @@ repo_name: Mkdocs-Wcowin # 右上角的名字
nav: nav:
# - 主页: index.md # - 主页: index.md
- MKdocs中文教程: - MKdocs中文教程:
- MKdocs教程: - MKdocs教程(三部曲):
- 利用mkdocs部署静态网页至GitHub pages: blog/Mkdocs/mkdocs1.md - 1. 利用mkdocs部署静态网页至GitHub pages: blog/Mkdocs/mkdocs1.md
- Mkdocs部署静态网页至GitHub pages配置说明(mkdocs.yml): blog/Mkdocs/mkdocs2.md - 2. Mkdocs部署静态网页至GitHub pages配置说明(mkdocs.yml): blog/Mkdocs/mkdocs2.md
- 解决 mkdocs部署 Github Pages 自定义域名失效的问题: blog/Mkdocs/mkdocs3.md - 3. 解决 mkdocs部署 Github Pages 自定义域名失效的问题: blog/Mkdocs/mkdocs3.md
- 添加Mkdocs博客: blog/Mkdocs/mkdocsblog.md
- Mkdocs美化: - Mkdocs美化:
- 添加Mkdocs博客: blog/Mkdocs/mkdocsblog.md
- 网页圆角化设计: blog/websitebeauty/yuanjiaohua.md - 网页圆角化设计: blog/websitebeauty/yuanjiaohua.md
- 添加评论系统(giscus为例): blog/websitebeauty/mkcomments.md - 添加评论系统(giscus为例): blog/websitebeauty/mkcomments.md
- 添加在线聊天: blog/websitebeauty/webtalknow.md - 添加在线聊天: blog/websitebeauty/webtalknow.md
@ -111,6 +111,19 @@ nav:
copyright: Copyright &copy; 2022~2024 Wcowin/All Rights Reserved. # 左下角的版权声明 copyright: Copyright &copy; 2022~2024 Wcowin/All Rights Reserved. # 左下角的版权声明
extra: extra:
alternate:
- name: 简体中文
link: /
# https://wcowin-work.translate.goog/?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=zh-CN&_x_tr_pto=wapp
lang: zh
- name: English
link: /Mkdocs-Wcowin/en/
# https://wcowin-work.translate.goog/?_x_tr_sl=auto&_x_tr_tl=en&_x_tr_hl=zh-CN&_x_tr_pto=wapp
lang: en
- name: China(TW)
link: /Mkdocs-Wcowin/ZH-TW/
# https://wcowin-work.translate.goog/?_x_tr_sl=zh-CN&_x_tr_tl=zh-TW&_x_tr_hl=zh-CN&_x_tr_pto=wapp
lang: zh-TW
generator: true #是否删除页脚显示“使用 MkDocs 材料制造” generator: true #是否删除页脚显示“使用 MkDocs 材料制造”
social: social:
- icon: fontawesome/brands/x-twitter #联系方式图标 : https://fontawesome.com/ 去这里找图标 - icon: fontawesome/brands/x-twitter #联系方式图标 : https://fontawesome.com/ 去这里找图标
@ -206,14 +219,12 @@ markdown_extensions: #详见https://squidfunk.github.io/mkdocs-material/setup/ex
- pymdownx.snippets - pymdownx.snippets
- pymdownx.smartsymbols - pymdownx.smartsymbols
- pymdownx.tilde - pymdownx.tilde
- pymdownx.superfences: - pymdownx.superfences:
custom_fences: custom_fences:
- name: mermaid - name: mermaid
class: mermaid class: mermaid
format: format:
!!python/name:pymdownx.superfences.fence_code_format # 代码块高亮插件 !!python/name:pymdownx.superfences.fence_code_format # 代码块高亮插件
- pymdownx.arithmatex: # latex支持 - pymdownx.arithmatex: # latex支持
generic: true generic: true
- toc: - toc:
@ -234,7 +245,8 @@ markdown_extensions: #详见https://squidfunk.github.io/mkdocs-material/setup/ex
# permalink: "\ue157" # permalink: "\ue157"
extra_javascript: extra_javascript:
- javascripts/extra.js #自定义javascript # - javascripts/extra.js #自定义javascript
- https://cdn.jsdelivr.net/gh/Wcowin/Wcowin.github.io@main/docs/javascripts/extra.js # extra的cdn
- javascripts/mathjax.js #Latex支持 - javascripts/mathjax.js #Latex支持
- https://polyfill.io/v3/polyfill.min.js?features=es6 #Latex支持 - https://polyfill.io/v3/polyfill.min.js?features=es6 #Latex支持
- https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js #Latex支持 - https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js #Latex支持