From 17fadba73908d19291a391fbc86cb10a5a004a9d Mon Sep 17 00:00:00 2001 From: Wcowin <1135801806@qq.com> Date: Mon, 22 Jul 2024 00:04:09 +0800 Subject: [PATCH] 7/22 --- .../plugin/git-committers/page-authors.json | 2 +- docs/ZH-TW/index.md | 232 +++++++++++++++++ docs/about/geren.md | 2 +- docs/about/link.md | 187 +++++++++++--- docs/blog/Mkdocs/mkdocs1.md | 2 +- docs/blog/posts/update2024.md | 91 +++++++ docs/blog/websitebeauty/mkdocsfont.md | 5 +- docs/en/index.md | 233 ++++++++++++++++++ docs/index.md | 6 +- docs/liuyanban.md | 22 +- docs/stylesheets/extra.css | 110 +++++++++ mkdocs.yml | 28 ++- 12 files changed, 868 insertions(+), 52 deletions(-) create mode 100644 docs/ZH-TW/index.md create mode 100644 docs/en/index.md diff --git a/.cache/plugin/git-committers/page-authors.json b/.cache/plugin/git-committers/page-authors.json index dac0f0b..99cb682 100644 --- a/.cache/plugin/git-committers/page-authors.json +++ b/.cache/plugin/git-committers/page-authors.json @@ -1 +1 @@ -{"cache_date": "2024-05-05", "page_authors": {}} \ No newline at end of file +{"cache_date": "2024-07-22", "page_authors": {}} \ No newline at end of file diff --git a/docs/ZH-TW/index.md b/docs/ZH-TW/index.md new file mode 100644 index 0000000..7cd3e8e --- /dev/null +++ b/docs/ZH-TW/index.md @@ -0,0 +1,232 @@ +--- +title: Home +hide: + # - navigation # 显示右 + # - toc #显示左 + - footer + - feedback +comments: false +--- +# 首頁 + + +
“循此苦旅 以達星辰”
+ + + + + + + + + + +
+
+ + + +

+ +
+ +
+ +
+快速談話(1) 聯絡我(2) +{ .annotate } + +1. 點選右下角與我線上交談. +2. 18939533255 +*** + +
+ +- :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] + +
+ + +[^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 + + + + + + + + + + + + + + + + + + + + + + + +

+ 本站已經運作 + +

+
+ +
+ + + + diff --git a/docs/about/geren.md b/docs/about/geren.md index f4db0f9..89ec1fd 100644 --- a/docs/about/geren.md +++ b/docs/about/geren.md @@ -97,4 +97,4 @@ t.parentNode.insertBefore(e,t)}})(); [Send Email :fontawesome-solid-paper-plane:](mailto:){.md-button} -[chatbot] + diff --git a/docs/about/link.md b/docs/about/link.md index 62c5b94..7dad3be 100644 --- a/docs/about/link.md +++ b/docs/about/link.md @@ -8,8 +8,7 @@ hide: - feedback --- - - + - + --> # 欢迎加入友链(不分先后) +
- +
旧梦 @@ -222,7 +221,7 @@ t.parentNode.insertBefore(e,t)}})();
- +
没用的小废鼠的Blog @@ -322,7 +321,7 @@ t.parentNode.insertBefore(e,t)}})();
- +
btwoa @@ -508,6 +507,126 @@ t.parentNode.insertBefore(e,t)}})();
+
+ +
+ +
+ 一个爱折腾的Java开发工程师 +
+
+
+
+ +
+ +
+ 欢迎光临小城故事! +
+
+
+
+ +
+ +
+ 慈善义工在行动 +
+
+
+
+ +
+ +
+ “因为热爱而生” +
+
+
+
+ +
+ +
+ 我和重庆有个约会 +
+
+
+
+ +
+
+ AsyncX +
+
+ 🌌 Per Aspera Ad Astra +
+
+
+
+ +
+ +
+ 童话是一种生活态度,仅此而已。 +
+
+
+
+ +
+ +
+ 分享技术与科技生活 +
+
+
+
+ +
+
+ pantheon +
+
+
+
+
+
+ +
+ +
+ 🌟且视他人之疑目如盏盏鬼火,大胆地去走自己的夜路吧 +
+
+
+
+ +
+
+ Frankoxer +
+
+ 别急,过会儿就更新 +
+
+
@@ -518,16 +637,24 @@ t.parentNode.insertBefore(e,t)}})(); - -
- + +
+ + +
+ + + + +
+ # 失联人员 +
+
+
+ + + + + +
+

交换友链,请添加本站友链后下方留言申请,期望您的站点:

+
+ + -
- -
-

交换友链,请添加本站友链后下方留言申请,期望您的站点:

-
- - * 独立博客(不要求独立域名),https,访问流畅 * 原创内容为主,原创内容3篇以上 * 处于活跃状态,有一定的更新频率 @@ -597,7 +717,7 @@ t.parentNode.insertBefore(e,t)}})(); === "HTML(推荐)" - 推荐在评论区发送这种格式,带*号的需要填写自己的信息 + 推荐在评论区发送这种格式,*号的需要填写自己的信息 ```html
@@ -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/) +*** \ No newline at end of file diff --git a/docs/blog/Mkdocs/mkdocs1.md b/docs/blog/Mkdocs/mkdocs1.md index d752170..82b3e22 100644 --- a/docs/blog/Mkdocs/mkdocs1.md +++ b/docs/blog/Mkdocs/mkdocs1.md @@ -201,6 +201,6 @@ https://你github的名字.github.io/ ``` ![img](https://s1.imagehub.cc/images/2024/02/02/7f149d6da7ecc6364d86c9517b2c4624.png) -下次谈谈网站的[mkdocs.yml具体配置](mkdocs2.md) +下次谈谈网站的[mkdocs.yml具体配置](mkdocs2.md)[^注] [^注]:于2023.3.24重写此文 \ No newline at end of file diff --git a/docs/blog/posts/update2024.md b/docs/blog/posts/update2024.md index 00f9170..814a512 100644 --- a/docs/blog/posts/update2024.md +++ b/docs/blog/posts/update2024.md @@ -6,6 +6,97 @@ categories: - 网站更新记录 readtime: 2 --- +##

2024-07-21

+* 优化网站流畅度(玄学) +* 优化了网站的UI和访问速度,启用 CDN 加速 +* 学业繁重 + +##

2024-06-27

+* 优化网站流畅度(玄学) +* 美化了Blog页面, 使更加简洁美观,如你所见 +* 内心丰盈者,独行也独众,心有山海,静而不争 + + +##

2024-06-20

+* 优化网站流畅度(玄学) +* 优化多处UI +* 删减了部分拖慢网站速度的JS/CSS代码 +* 更新了[MKdocs补充系列教程](https://blog.csdn.net/m0_63203517/article/details/139814216?spm=1001.2014.3001.5501) +* 近期略有时间,所以更文变得高产 + + +##

2024-06-19

+* 优化网站流畅度(玄学) +* 期末结束 +* 删减了冗余代码 + +##

2024-06-2

+* 优化网站流畅度(玄学) +* 近期学业繁重 + +##

2024-06-2

+* 优化网站流畅度(玄学) +* 过了六一 + +##

2024-05-15

+* 优化网站流畅度(玄学) +* 全站引入自动在新标签页打开,仓库地址:[mkdocs-open-in-new-tab](https://newtab.kubaandrysek.cz/) +

Show source code +

+ +Look at this source open_in_new_tab.js: + +```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"); + }) +} +``` +

+
+ ##

2024-05-05

* 发布[Mkdocs-Wcowin主题|3.0版本](https://github.com/Wcowin/Mkdocs-Wcowin/releases/tag/3.0){target=“_blank”}!!! * 优化网站流畅度(玄学) diff --git a/docs/blog/websitebeauty/mkdocsfont.md b/docs/blog/websitebeauty/mkdocsfont.md index 5e43482..9e91f02 100644 --- a/docs/blog/websitebeauty/mkdocsfont.md +++ b/docs/blog/websitebeauty/mkdocsfont.md @@ -7,7 +7,8 @@ tags: 我目前在用的字体:[霞鹜文楷](https://github.com/lxgw/LxgwWenKai){target=_blank} 想必你可以直观从我的网站感受到,[这款字体](https://chawyehsu.github.io/lxgw-wenkai-webfont/)的美观程度。 -[快速教程](#基于mkdocs的网站字体美化用法) +[快速教程] +[快速教程]: #mkdocs *** **以下是摘录的部分字体官方介绍文档** @@ -155,7 +156,7 @@ body { 四选一,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 切换字体后可能返回顶部按钮会在个别浏览器显示异常 diff --git a/docs/en/index.md b/docs/en/index.md new file mode 100644 index 0000000..f360336 --- /dev/null +++ b/docs/en/index.md @@ -0,0 +1,233 @@ +--- +title: Home +hide: + # - navigation # 显示右 + # - toc #显示左 + - footer + - feedback +comments: false +--- +# Home + + +

"Follow this arduous journey to reach the stars"
+ + + + + + + + + + +
+ +
    +
  • Open articles by topic and table of contents
  • +
      +
    • For Mac/PC, please select the topic in the tab bar above and select the article in the directory on the left
    • +
    • Mobile version, please click the icon in the upper left corner to select topics and articles
    • +
    +
  • Search for keywords to open articles
  • +
  • + If you encounter web page freezes or images cannot be displayed after opening an article, please use Scientific Internet Access to break information barriers +
  • +
+
+Quick Chat(1) Contact Me(2) +{ .annotate } + +1. Click on the bottom right corner to chat with me online. +2. Wechat:18939533255 +*** + +
+ +- :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] + +
+ + +[^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 + + + + + + + + + + + + + + + + + + + + + + + + + +

+ This site is already running + +

+
+ +
+ + + + diff --git a/docs/index.md b/docs/index.md index ea7d019..274bafa 100644 --- a/docs/index.md +++ b/docs/index.md @@ -193,16 +193,16 @@ ____ __ ____ ______ ______ ____ __ ____ __ .__ __. --- - [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) - [:octicons-arrow-right-24: 了解我](about/geren.md) + [:octicons-arrow-right-24: 了解我](about/geren.md)[^see-how-much-I-love-you]
[^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 diff --git a/docs/liuyanban.md b/docs/liuyanban.md index be08afc..42bd0fa 100644 --- a/docs/liuyanban.md +++ b/docs/liuyanban.md @@ -8,9 +8,23 @@ hide: comments: true --- # 畅所欲言 +
+
+
+

留言板

+

月落乌啼霜满天 江枫渔火对愁眠

+

《枫桥夜泊》【唐代】张继

+
- - - - +
+
+ + +
diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css index 60f9cb1..e2ca23f 100644 --- a/docs/stylesheets/extra.css +++ b/docs/stylesheets/extra.css @@ -267,6 +267,19 @@ width: 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 { text-align: center; /* 居中对齐容器中的内容 */ @@ -490,6 +503,103 @@ font-size: 30px; filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -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; + } +} diff --git a/mkdocs.yml b/mkdocs.yml index 0071914..0472764 100644 --- a/mkdocs.yml +++ b/mkdocs.yml @@ -70,12 +70,12 @@ repo_name: Mkdocs-Wcowin # 右上角的名字 nav: # - 主页: index.md - MKdocs中文教程: - - MKdocs教程: - - 利用mkdocs部署静态网页至GitHub pages: blog/Mkdocs/mkdocs1.md - - Mkdocs部署静态网页至GitHub pages配置说明(mkdocs.yml): blog/Mkdocs/mkdocs2.md - - 解决 mkdocs部署 Github Pages 自定义域名失效的问题: blog/Mkdocs/mkdocs3.md - - 添加Mkdocs博客: blog/Mkdocs/mkdocsblog.md + - MKdocs教程(三部曲): + - 1. 利用mkdocs部署静态网页至GitHub pages: blog/Mkdocs/mkdocs1.md + - 2. Mkdocs部署静态网页至GitHub pages配置说明(mkdocs.yml): blog/Mkdocs/mkdocs2.md + - 3. 解决 mkdocs部署 Github Pages 自定义域名失效的问题: blog/Mkdocs/mkdocs3.md - Mkdocs美化: + - 添加Mkdocs博客: blog/Mkdocs/mkdocsblog.md - 网页圆角化设计: blog/websitebeauty/yuanjiaohua.md - 添加评论系统(giscus为例): blog/websitebeauty/mkcomments.md - 添加在线聊天: blog/websitebeauty/webtalknow.md @@ -111,6 +111,19 @@ nav: copyright: Copyright © 2022~2024 Wcowin/All Rights Reserved. # 左下角的版权声明 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 材料制造” social: - 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.smartsymbols - pymdownx.tilde - - pymdownx.superfences: custom_fences: - name: mermaid class: mermaid format: !!python/name:pymdownx.superfences.fence_code_format # 代码块高亮插件 - - pymdownx.arithmatex: # latex支持 generic: true - toc: @@ -234,7 +245,8 @@ markdown_extensions: #详见https://squidfunk.github.io/mkdocs-material/setup/ex # permalink: "\ue157" 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支持 - https://polyfill.io/v3/polyfill.min.js?features=es6 #Latex支持 - https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js #Latex支持