mirror of
https://github.com/Wcowin/Mkdocs-Wcowin.git
synced 2025-07-20 08:56:35 +00:00
4/22
This commit is contained in:
parent
bdaee8df0a
commit
e08f372cdf
@ -1 +1 @@
|
|||||||
{"cache_date": "2024-04-12", "page_authors": {}}
|
{"cache_date": "2024-04-22", "page_authors": {}}
|
||||||
68
.ignore
Normal file
68
.ignore
Normal file
@ -0,0 +1,68 @@
|
|||||||
|
# Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>
|
||||||
|
|
||||||
|
# Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||||
|
# of this software and associated documentation files (the "Software"), to
|
||||||
|
# deal in the Software without restriction, including without limitation the
|
||||||
|
# rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
|
||||||
|
# sell copies of the Software, and to permit persons to whom the Software is
|
||||||
|
# furnished to do so, subject to the following conditions:
|
||||||
|
|
||||||
|
# The above copyright notice and this permission notice shall be included in
|
||||||
|
# all copies or substantial portions of the Software.
|
||||||
|
|
||||||
|
# THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||||
|
# IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||||
|
# FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
|
||||||
|
# AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||||
|
# LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
||||||
|
# FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
|
||||||
|
# IN THE SOFTWARE.
|
||||||
|
|
||||||
|
# -----------------------------------------------------------------------------
|
||||||
|
# Node, TypeScript, Python
|
||||||
|
# -----------------------------------------------------------------------------
|
||||||
|
|
||||||
|
# Dependencies
|
||||||
|
node_modules
|
||||||
|
__pycache__
|
||||||
|
venv
|
||||||
|
.venv
|
||||||
|
|
||||||
|
# Build files
|
||||||
|
blog
|
||||||
|
build
|
||||||
|
site
|
||||||
|
docs/blog
|
||||||
|
# Distribution files
|
||||||
|
dist
|
||||||
|
mkdocs_material.egg-info
|
||||||
|
|
||||||
|
# Caches and logs
|
||||||
|
*.cpuprofile
|
||||||
|
*.log
|
||||||
|
*.tsbuildinfo
|
||||||
|
.cache
|
||||||
|
.eslintcache
|
||||||
|
__pycache__
|
||||||
|
|
||||||
|
# Examples
|
||||||
|
example
|
||||||
|
example.zip
|
||||||
|
|
||||||
|
# -----------------------------------------------------------------------------
|
||||||
|
# General
|
||||||
|
# -----------------------------------------------------------------------------
|
||||||
|
|
||||||
|
# Never ignore .gitkeep files
|
||||||
|
!**/.gitkeep
|
||||||
|
|
||||||
|
# macOS internals
|
||||||
|
.DS_Store
|
||||||
|
|
||||||
|
# Temporary files
|
||||||
|
TODO
|
||||||
|
tmp
|
||||||
|
|
||||||
|
# IDEs & Editors
|
||||||
|
.idea
|
||||||
|
*~
|
||||||
@ -68,3 +68,6 @@
|
|||||||
|
|
||||||
[](https://squidfunk.github.io/mkdocs-material/)
|
[](https://squidfunk.github.io/mkdocs-material/)
|
||||||
|
|
||||||
|
## 版权声明
|
||||||
|
|
||||||
|
本作品采用[知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议](https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh-hans)进行许可。
|
||||||
@ -1,21 +0,0 @@
|
|||||||
# 友链列表
|
|
||||||
friends:
|
|
||||||
- name: Wcowin's Web
|
|
||||||
link: https://wcowin.work/
|
|
||||||
avatar: https://s2.loli.net/2024/02/01/gaE47y5fKM6kosV.png
|
|
||||||
description: 循此苦旅，以达星辰
|
|
||||||
- name: W1ndysの小屋
|
|
||||||
link: https://blog.w1ndys.top/
|
|
||||||
avatar: https://blog.w1ndys.top/img/about/avatar.png
|
|
||||||
description: 欲戴皇冠，必承其重
|
|
||||||
- name: Lenny's Web
|
|
||||||
link: https://lennychen.top/
|
|
||||||
avatar: https://s2.loli.net/2024/03/31/Ht3QBqhgLYNAuwj.png
|
|
||||||
description: 天地不仁，以万物为刍狗
|
|
||||||
|
|
||||||
# 失联列表
|
|
||||||
gone:
|
|
||||||
- name: 失联的友链1
|
|
||||||
link: https://wcowin.com/
|
|
||||||
avatar: https://agentestudio.com/uploads/post/image/69/main_how_to_design_404_page.png
|
|
||||||
description: 失联的友链1
|
|
||||||
@ -8,50 +8,548 @@ hide:
|
|||||||
- feedback
|
- feedback
|
||||||
---
|
---
|
||||||
|
|
||||||
<div class="markdown-content">
|
<head>
|
||||||
<h2>贡献者列表(不分先后)</h2>
|
<!-- Start of Howxm client code snippet -->
|
||||||
</div>
|
<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 -->
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<!-- <div class="markdown-content">
|
||||||
|
<h2>欢迎加入友链(不分先后)</h2>
|
||||||
|
</div> -->
|
||||||
|
|
||||||
|
# 欢迎加入友链(不分先后)
|
||||||
|
|
||||||
<div class="links-content">
|
<div class="links-content">
|
||||||
<div class="link-navigation">
|
<div class="link-navigation">
|
||||||
{% for friend in link.friends %}
|
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<img class="ava" src="{{ friend.avatar }}" />
|
<img class="ava" src="https://s2.loli.net/2024/02/01/gaE47y5fKM6kosV.png" />
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<div>
|
<div>
|
||||||
<a href="{{ friend.link }}" target="_blank">{{ friend.name }}</a>
|
<a href="https://wcowin.work/ " target="_blank">Wcowin's Web</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="info">
|
<div class="info">
|
||||||
{{ friend.description }}
|
“循此苦旅，以达星辰”
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% endfor %}
|
<div class="card">
|
||||||
|
<img class="ava" src="https://s2.loli.net/2024/02/07/S8GYheTZmCU96HK.png" />
|
||||||
|
<div class="card-header">
|
||||||
|
<div>
|
||||||
|
<a href="https://wcowin.work/WH-WKW/" target="_blank">小王和王老师的小站</a>
|
||||||
|
</div>
|
||||||
|
<div class="info">
|
||||||
|
无一是你，无一不是你
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<img class="ava" src="https://xpmrobot.tech/images/portrait.jpg" />
|
||||||
|
<div class="card-header">
|
||||||
|
<div>
|
||||||
|
<a href="https://xpmrobot.tech/" target="_blank">Xpm's Robot Lab</a>
|
||||||
|
</div>
|
||||||
|
<div class="info">
|
||||||
|
星星之火可以燎原
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<img class="ava" src="https://www.crant.cn/upload/Avatar.png" />
|
||||||
|
<div class="card-header">
|
||||||
|
<div>
|
||||||
|
<a href="https://www.crant.cn/" target="_blank">Crant</a>
|
||||||
|
</div>
|
||||||
|
<div class="info">
|
||||||
|
用心记录，美好生活
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<img class="ava" src=" https://finisky.github.io/images/avatar.png" />
|
||||||
|
<div class="card-header">
|
||||||
|
<div>
|
||||||
|
<a href="https://finisky.github.io/" target="_blank">Finisky Garden</a>
|
||||||
|
</div>
|
||||||
|
<div class="info">
|
||||||
|
互联网技术那些事儿
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<img class="ava" src="https://mungeryang.github.io/images/avatar.png?v=1696728951294" />
|
||||||
|
<div class="card-header">
|
||||||
|
<div>
|
||||||
|
<a href="https://mungeryang.github.io/" target="_blank">Munger yang's Blog</a>
|
||||||
|
</div>
|
||||||
|
<div class="info">
|
||||||
|
Mungeryang写字的地方
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<img class="ava" src="https://img.ixintu.com/upload/jpg/20210524/3a8cbb0f2da716313a3b18984a9ffe73_78863_800_772.jpg!con" />
|
||||||
|
<div class="card-header">
|
||||||
|
<div>
|
||||||
|
<a href="https://wcowin.work/myhexo/" target="_blank">Myhexo</a>
|
||||||
|
</div>
|
||||||
|
<div class="info">
|
||||||
|
Wcowin的个人Hexo网站
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<img class="ava" src="https://gravatar.cdn.iszy.xyz/avatar/5012e410377c7a93d14f7bf31aeeb7fd?d=mm" />
|
||||||
|
<div class="card-header">
|
||||||
|
<div>
|
||||||
|
<a href="https://www.iszy.cc/" target="_blank">随遇而安</a>
|
||||||
|
</div>
|
||||||
|
<div class="info">
|
||||||
|
生活吐槽＆学习记录
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<img class="ava" src="https://s2.loli.net/2024/02/01/NcLn4XdMWQKV37f.jpg" />
|
||||||
|
<div class="card-header">
|
||||||
|
<div>
|
||||||
|
<a href="https://qiuyuair.com" target="_blank">Qiuyuair的自留地</a>
|
||||||
|
</div>
|
||||||
|
<div class="info">
|
||||||
|
Airyu’s Site
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<img class="ava" src="https://www.gkcoll.xyz/favicon.ico" />
|
||||||
|
<div class="card-header">
|
||||||
|
<div>
|
||||||
|
<a href="https://www.gkcoll.xyz/" target="_blank">极客藏源</a>
|
||||||
|
</div>
|
||||||
|
<div class="info">
|
||||||
|
探索互联网新大陆 in N ways.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<img class="ava" src="https://s2.loli.net/2024/02/01/2Ju6y1fmpWDUBaz.jpg" />
|
||||||
|
<div class="card-header">
|
||||||
|
<div>
|
||||||
|
<a href="https://www.cnblogs.com/miluluyo/" target="_blank">麋鹿鲁哟</a>
|
||||||
|
</div>
|
||||||
|
<div class="info">
|
||||||
|
大道至简，知易行难
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<img class="ava" src="https://image.h4ck.org.cn/wp-content/uploads/2023/11/gh_84aaef91c283_430-1.jpg" />
|
||||||
|
<div class="card-header">
|
||||||
|
<div>
|
||||||
|
<a href="https://h4ck.org.cn/" target="_blank">obaby@mars</a>
|
||||||
|
</div>
|
||||||
|
<div class="info">
|
||||||
|
爱好广泛的火星小妖精
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<img class="ava" src="https://www.yaguwu.com/1.png" />
|
||||||
|
<div class="card-header">
|
||||||
|
<div>
|
||||||
|
<a href="https://www.yaguwu.com/" target="_blank">雅故小筑</a>
|
||||||
|
</div>
|
||||||
|
<div class="info">
|
||||||
|
寻一处小筑，不遇车马喧器
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<img class="ava" src="https://cdn.dusays.com/avatar.png" />
|
||||||
|
<div class="card-header">
|
||||||
|
<div>
|
||||||
|
<a href="https://dusays.com" target="_blank">杜老师说</a>
|
||||||
|
</div>
|
||||||
|
<div class="info">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<img class="ava" src="https://www.luckyzh.cn/avatar.jpg" />
|
||||||
|
<div class="card-header">
|
||||||
|
<div>
|
||||||
|
<a href="https://www.luckyzh.cn/" target="_blank">旧梦</a>
|
||||||
|
</div>
|
||||||
|
<div class="info">
|
||||||
|
冰冻三尺非一日之寒
|
||||||
|
滴水穿石非一日之功
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<img class="ava" src="https://qkongtao.cn/file/images/favicon.png" />
|
||||||
|
<div class="card-header">
|
||||||
|
<div>
|
||||||
|
<a href="https://qkongtao.cn/" target="_blank">左眼会陪右眼哭の博客</a>
|
||||||
|
</div>
|
||||||
|
<div class="info">
|
||||||
|
干嘛这么想不开，要在脸上贴个输字！
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<img class="ava" src="https://www.zair.top/img/logo.png" />
|
||||||
|
<div class="card-header">
|
||||||
|
<div>
|
||||||
|
<a href="https://www.zair.top/" target="_blank">以太工坊</a>
|
||||||
|
</div>
|
||||||
|
<div class="info">
|
||||||
|
分享我的学习笔记、经验与有趣的小玩意.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<img class="ava" src="https://ymh0000123.github.io/picture/picture/6.png" />
|
||||||
|
<div class="card-header">
|
||||||
|
<div>
|
||||||
|
<a href="https://xiaofeishu-boke.netlify.app/" target="_blank">没用的小废鼠的Blog</a>
|
||||||
|
</div>
|
||||||
|
<div class="info">
|
||||||
|
做学问可不是赶潮流、没有冷门热门之说。
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<img class="ava" src="https://ejsoon.win/wp-content/uploads/2022/08/alogobg.png" />
|
||||||
|
<div class="card-header">
|
||||||
|
<div>
|
||||||
|
<a href="https://ejsoon.win" target="_blank">天蒼人頡</a>
|
||||||
|
</div>
|
||||||
|
<div class="info">
|
||||||
|
發掘好玩事物
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<img class="ava" src="https://npm.onmicrosoft.cn/hrn-img@1.0.0/img/avatar.jpg" />
|
||||||
|
<div class="card-header">
|
||||||
|
<div>
|
||||||
|
<a href="https://blog.lvhrn.cn" target="_blank">JayHrn</a>
|
||||||
|
</div>
|
||||||
|
<div class="info">
|
||||||
|
發掘好玩事物
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<img class="ava" src="https://www.langhai.net/assets/images/langhai-logo.png" />
|
||||||
|
<div class="card-header">
|
||||||
|
<div>
|
||||||
|
<a href="https://www.langhai.net/" target="_blank">浪海导航</a>
|
||||||
|
</div>
|
||||||
|
<div class="info">
|
||||||
|
浪海导航 ~ 收录各种类型的博客
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<img class="ava" src="https://blog.moraxyc.com/avatar.png" />
|
||||||
|
<div class="card-header">
|
||||||
|
<div>
|
||||||
|
<a href="https://moraxyc.com" target="_blank">Moraxyc’s Rhapsody</a>
|
||||||
|
</div>
|
||||||
|
<div class="info">
|
||||||
|
永远热爱！
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<img class="ava" src="https://pic.vimin.cc/logo.png" />
|
||||||
|
<div class="card-header">
|
||||||
|
<div>
|
||||||
|
<a href="https://vimin.cc/" target="_blank">XIAOMING'S BLOG</a>
|
||||||
|
</div>
|
||||||
|
<div class="info">
|
||||||
|
记录生活点滴，谱写精彩生活！
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<img class="ava" src="https://fastly.jsdelivr.net/gh/wkk-dev/cdn@master/png/kang-qq.jpg" />
|
||||||
|
<div class="card-header">
|
||||||
|
<div>
|
||||||
|
<a href="https://blog.wkk-dev.top" target="_blank">WKK & Blog</a>
|
||||||
|
</div>
|
||||||
|
<div class="info">
|
||||||
|
天生我材必有用，千金散尽还复来。
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<img class="ava" src="https://bu.dusays.com/2022/12/28/63ac2812183aa.png
|
||||||
|
" />
|
||||||
|
<div class="card-header">
|
||||||
|
<div>
|
||||||
|
<a href="https://blog.zhheo.com/" target="_blank">张洪Heo</a>
|
||||||
|
</div>
|
||||||
|
<div class="info">
|
||||||
|
分享设计与科技生活
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<img class="ava" src="https://blog.lichenghao.cn/avatar.svg" />
|
||||||
|
<div class="card-header">
|
||||||
|
<div>
|
||||||
|
<a href="https://blog.lichenghao.cn" target="_blank">故事的程序猿</a>
|
||||||
|
</div>
|
||||||
|
<div class="info">
|
||||||
|
好好学习，天天向上↑
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<img class="ava" src="https://ovo.btwoa.com/btwoa.jpg" />
|
||||||
|
<div class="card-header">
|
||||||
|
<div>
|
||||||
|
<a href="https://blog.btwoa.com" target="_blank">btwoa</a>
|
||||||
|
</div>
|
||||||
|
<div class="info">
|
||||||
|
世界为你简单
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<img class="ava" src="https://blog.linsnow.cn/img/avatar.png" />
|
||||||
|
<div class="card-header">
|
||||||
|
<div>
|
||||||
|
<a href="https://blog.linsnow.cn" target="_blank">L1nSn0w's Blog</a>
|
||||||
|
</div>
|
||||||
|
<div class="info">
|
||||||
|
无限进步.🎈
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<img class="ava" src="https://note.isshikih.top/_assets/iro/IroPatch_Brown.png" />
|
||||||
|
<div class="card-header">
|
||||||
|
<div>
|
||||||
|
<a href="https://note.isshikih.top/" target="_blank">IsshikiHugh's Notebook</a>
|
||||||
|
</div>
|
||||||
|
<div class="info">
|
||||||
|
我们登上高塔，看到的却只有黑夜……
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<img class="ava" src="https://blog.whispery.cn/img/tou.png" />
|
||||||
|
<div class="card-header">
|
||||||
|
<div>
|
||||||
|
<a href="https://blog.whispery.cn/" target="_blank">Whisper</a>
|
||||||
|
</div>
|
||||||
|
<div class="info">
|
||||||
|
我们的忧愁将会崩解灵魂将会穿梭如风
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<img class="ava" src="https://bu.dusays.com/2023/12/23/65867c3357bb6.jpg" />
|
||||||
|
<div class="card-header">
|
||||||
|
<div>
|
||||||
|
<a href="https://kegongteng.cn/" target="_blank">Kegongteng</a>
|
||||||
|
</div>
|
||||||
|
<div class="info">
|
||||||
|
Blogger / Technophile / Student
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<img class="ava" src="https://s2.loli.net/2024/03/31/Ht3QBqhgLYNAuwj.png" />
|
||||||
|
<div class="card-header">
|
||||||
|
<div>
|
||||||
|
<a href="https://lennychen.top/" target="_blank">Lenny's Web</a>
|
||||||
|
</div>
|
||||||
|
<div class="info">
|
||||||
|
天地不仁，以万物为刍狗
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<img class="ava" src="https://i.postimg.cc/MGCXBFxn/logo.png" />
|
||||||
|
<div class="card-header">
|
||||||
|
<div>
|
||||||
|
<a href="https://tkqtang.github.io" target="_blank">tkqtang’s Web</a>
|
||||||
|
</div>
|
||||||
|
<div class="info">
|
||||||
|
所谓自由，不是随心所欲，而是自我主宰
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<img class="ava" src="https://avatars.githubusercontent.com/u/111767754?v=4" />
|
||||||
|
<div class="card-header">
|
||||||
|
<div>
|
||||||
|
<a href="https://arv-anshul.github.io/about/" target="_blank">Anshul Raj Verma</a>
|
||||||
|
</div>
|
||||||
|
<div class="info">
|
||||||
|
Introduction: Let's learn together and Build together.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<img class="ava" src="https://avatars.githubusercontent.com/u/81922999?v=4" />
|
||||||
|
<div class="card-header">
|
||||||
|
<div>
|
||||||
|
<a href="https://blog.meta-code.top/" target="_blank">百里飞洋の博客</a>
|
||||||
|
</div>
|
||||||
|
<div class="info">
|
||||||
|
星河滚烫，无问西东
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<img class="ava" src="https://weizwz.com/img/avatar/head.jpg" />
|
||||||
|
<div class="card-header">
|
||||||
|
<div>
|
||||||
|
<a href="https://weizwz.com" target="_blank">唯之为之</a>
|
||||||
|
</div>
|
||||||
|
<div class="info">
|
||||||
|
时光笔墨
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<img class="ava" src="https://www.imerduo.com/wp-content/uploads/2023/12/0c55c83b6a18155f_01-150x150.jpg" />
|
||||||
|
<div class="card-header">
|
||||||
|
<div>
|
||||||
|
<a href="https://www.imerduo.com" target="_blank">耳朵的主人</a>
|
||||||
|
</div>
|
||||||
|
<div class="info">
|
||||||
|
耳朵电台，庆幸我们还有耳朵
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<img class="ava" src="https://blog.sunguoqi.com/avatar.webp" />
|
||||||
|
<div class="card-header">
|
||||||
|
<div>
|
||||||
|
<a href="https://blog.sunguoqi.com" target="_blank">小孙同学</a>
|
||||||
|
</div>
|
||||||
|
<div class="info">
|
||||||
|
路虽远行则将至，事随难做则必成！
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<img class="ava" src="https://baiwumm.com/avatar.jpg" />
|
||||||
|
<div class="card-header">
|
||||||
|
<div>
|
||||||
|
<a href="https://baiwumm.com/" target="_blank">白雾茫茫丶</a>
|
||||||
|
</div>
|
||||||
|
<div class="info">
|
||||||
|
记录学习、生活和有趣的事
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<img class="ava" src="https://blog.w1ndys.top/img/about/avatar.png" />
|
||||||
|
<div class="card-header">
|
||||||
|
<div>
|
||||||
|
<a href="https://blog.w1ndys.top/" target="_blank">W1ndysの小屋</a>
|
||||||
|
</div>
|
||||||
|
<div class="info">
|
||||||
|
欲戴皇冠，必承其重
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<img class="ava" src="https://cdn.zerolacqua.top/images/avatar.png" />
|
||||||
|
<div class="card-header">
|
||||||
|
<div>
|
||||||
|
<a href="https://blog.zerolacqua.top" target="_blank">丘卡饮品店</a>
|
||||||
|
</div>
|
||||||
|
<div class="info">
|
||||||
|
要来点喝的吗？
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<img class="ava" src="https://yy.liveout.cn/photo/photo2.jpg" />
|
||||||
|
<div class="card-header">
|
||||||
|
<div>
|
||||||
|
<a href="https://www.liveout.cn/" target="_blank">Echo 的小窝</a>
|
||||||
|
</div>
|
||||||
|
<div class="info">
|
||||||
|
漂泊于互联网中的小窝
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<img class="ava" src="https://npm.elemecdn.com/anzhiyu-blog-static@1.0.4/img/avatar.jpg" />
|
||||||
|
<div class="card-header">
|
||||||
|
<div>
|
||||||
|
<a href="https://blog.anheyu.com/" target="_blank">安知鱼</a>
|
||||||
|
</div>
|
||||||
|
<div class="info">
|
||||||
|
生活明朗，万物可爱
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<HR style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#608DBD,direction:145,strength:15)" width="100%" color=#608DBD SIZE=1>
|
<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> -->
|
||||||
|
# 失联人员
|
||||||
<div class="links-content">
|
<div class="links-content">
|
||||||
<div class="link-navigation">
|
<div class="link-navigation">
|
||||||
|
|
||||||
{% for gone in link.gone %}
|
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<img class="ava" src="{{gone.avatar}}" />
|
<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="{{gone.link}}" target="_blank">{{gone.name}}</a>
|
<a href="http://liis.cc" target="_blank">郝宇博客</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="info">
|
<div class="info">
|
||||||
{{gone.description}}
|
记录我的成长和青春
|
||||||
|
</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>
|
||||||
{% endfor %}
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -71,15 +569,18 @@ hide:
|
|||||||
<h3>交换友链，请添加本站友链后下方留言申请，期望您的站点:</h3>
|
<h3>交换友链，请添加本站友链后下方留言申请，期望您的站点:</h3>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
- 独立博客(不要求独立域名)，https，访问流畅
|
|
||||||
- 原创内容为主，原创内容 3 篇以上
|
* 独立博客(不要求独立域名)，https，访问流畅
|
||||||
- 处于活跃状态，有一定的更新频率
|
* 原创内容为主，原创内容3篇以上
|
||||||
- 建站一个月以上
|
* 处于活跃状态，有一定的更新频率
|
||||||
- 未添加友链或申请未通过，评论留言会被隐藏。
|
* 建站一个月以上
|
||||||
|
* 未添加友链或申请未通过，评论留言会被隐藏。
|
||||||
|
|
||||||
本站已经加入[十年之约](https://www.foreverblog.cn/)：
|
本站已经加入[十年之约](https://www.foreverblog.cn/)：
|
||||||
<a href="https://www.foreverblog.cn/" target="_blank" > <img src="https://img.foreverblog.cn/logo_en_default.png" alt="" style="width:auto;height:16px;"> </a>请放心添加本站友链
|
<a href="https://www.foreverblog.cn/" target="_blank" > <img src="https://img.foreverblog.cn/logo_en_default.png" alt="" style="width:auto;height:16px;"> </a>请放心添加本站友链
|
||||||
|
|
||||||
|
***
|
||||||
|
|
||||||
**友链格式示例/本站信息:**
|
**友链格式示例/本站信息:**
|
||||||
|
|
||||||
<!-- >名称: Wcowin's Web
|
<!-- >名称: Wcowin's Web
|
||||||
@ -89,7 +590,6 @@ hide:
|
|||||||
|
|
||||||
=== "Txt"
|
=== "Txt"
|
||||||
|
|
||||||
|
|
||||||
>名称: Wcowin's Web
|
>名称: Wcowin's Web
|
||||||
>链接: https://wcowin.work/
|
>链接: https://wcowin.work/
|
||||||
>头像: https://s2.loli.net/2024/02/01/gaE47y5fKM6kosV.png
|
>头像: https://s2.loli.net/2024/02/01/gaE47y5fKM6kosV.png
|
||||||
@ -97,17 +597,17 @@ hide:
|
|||||||
|
|
||||||
=== "HTML(推荐)"
|
=== "HTML(推荐)"
|
||||||
|
|
||||||
推荐在评论区发送这种格式
|
推荐在评论区发送这种格式，带*号的需要填写自己的信息
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<img class="ava" src="https://s2.loli.net/2024/02/01/gaE47y5fKM6kosV.png" />
|
<img class="ava" src="*你的头像链接*" />
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<div>
|
<div>
|
||||||
<a href="https://wcowin.work/ " target="_blank">Wcowin's Web</a>
|
<a href="*你的网站地址* " target="_blank">*你的站点名称*</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="info">
|
<div class="info">
|
||||||
“循此苦旅，以达星辰”
|
*你的站点描述*
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -120,3 +620,8 @@ hide:
|
|||||||
avatar: https://s2.loli.net/2024/02/01/gaE47y5fKM6kosV.png
|
avatar: https://s2.loli.net/2024/02/01/gaE47y5fKM6kosV.png
|
||||||
descr: 循此苦旅，以达星辰
|
descr: 循此苦旅，以达星辰
|
||||||
```
|
```
|
||||||
|
=== "通用"
|
||||||
|
|
||||||
|
点击右侧**友链申请**填写问卷
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@ -1,39 +1,68 @@
|
|||||||
!!!info
|
!!!info
|
||||||
测试中的小组件，可看源代码自行取用
|
测试中的小组件，可看源代码自行取用
|
||||||
|
|
||||||
|
<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>
|
||||||
|
|
||||||
|
|
||||||
## Search
|
|
||||||
|
|
||||||
<div class="mdx-iconsearch" data-mdx-component="iconsearch">
|
|
||||||
<input
|
|
||||||
class="md-input md-input--stretch mdx-iconsearch__input"
|
<div class="grid" style="display: grid;grid-template-columns: 30% 69%" markdown>
|
||||||
placeholder="Search the icon and emoji database"
|
<div class="grid cards" markdown>
|
||||||
data-mdx-component="iconsearch-query"
|
|
||||||
/>
|
- :material-tooltip-edit:{ .lg .middle } __关于__
|
||||||
<div class="mdx-iconsearch-result" data-mdx-component="iconsearch-result">
|
|
||||||
<div class="mdx-iconsearch-result__meta"></div>
|
---
|
||||||
<ol class="mdx-iconsearch-result__list"></ol>
|
- [效率][Software]
|
||||||
|
[Software]: javascript:document.getElementById('software').scrollIntoView()
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="grid cards" style="display: grid; grid-template-columns: 1fr;" markdown>
|
||||||
|
|
||||||
|
- :material-star-shooting:{ .lg .middle } __推荐__
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
:material-eye-check:{ .lg .middle } [Wcowin](https://github.com/Wcowin/Wcowin.github.io) - 技术博客
|
||||||
|
|
||||||
|
<div class="grid cards" style="display:grid; grid-template-columns: 49% 49% !important;" markdown>
|
||||||
|
|
||||||
|
|
||||||
|
- :material-file-link:{ .lg .middle } __Release__
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
更新中...
|
||||||
|
|
||||||
|
[→ 所有版本](https://github.com/Wcowin/Wcowin.github.io)
|
||||||
|
|
||||||
|
|
||||||
|
- :material-flag-variant-minus:{ .lg .middle } __Wcowin__
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
更新中...
|
||||||
|
|
||||||
|
[→ 了解更多](https://github.com/Wcowin/Wcowin.github.io)
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<small>
|
|
||||||
:octicons-light-bulb-16:
|
|
||||||
**Tip:** Enter some keywords to find icons and emojis and click on the
|
|
||||||
shortcode to copy it to your clipboard.
|
|
||||||
</small>
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="spinner">
|
<!-- <font color= #518FC1 size=6 class="fontalicious">“循此苦旅，以达星辰”</font> -->
|
||||||
|
|
||||||
|
<!-- <div class="spinner">
|
||||||
<div class="rect1"></div>
|
<div class="rect1"></div>
|
||||||
<div class="rect2"></div>
|
<div class="rect2"></div>
|
||||||
<div class="rect3"></div>
|
<div class="rect3"></div>
|
||||||
<div class="rect4"></div>
|
<div class="rect4"></div>
|
||||||
<div class="rect5"></div>
|
<div class="rect5"></div>
|
||||||
</div>
|
</div> -->
|
||||||
|
|
||||||
{ loading=lazy }
|
<!-- { loading=lazy } -->
|
||||||
<figure markdown>
|
<figure markdown>
|
||||||
{ width="300" }
|
{ width="300" }
|
||||||
<figcaption>Image caption</figcaption>
|
<figcaption>Image caption</figcaption>
|
||||||
@ -52,6 +81,43 @@ $\overset{wáng}{王}\overset{kē}{科}\overset{wén}{文}$
|
|||||||
|
|
||||||
[](#)
|
[](#)
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta name="viewport" content="width=device-width" />
|
||||||
|
<link
|
||||||
|
rel="stylesheet"
|
||||||
|
href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.css"
|
||||||
|
/>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div>
|
||||||
|
<a
|
||||||
|
data-fancybox="gallery"
|
||||||
|
data-src="https://lipsum.app/id/2/1024x768"
|
||||||
|
data-caption="Optional caption,<br />that can contain <em>HTML</em> code"
|
||||||
|
>
|
||||||
|
<img src="https://lipsum.app/id/2/200x150" />
|
||||||
|
</a>
|
||||||
|
<a data-fancybox="gallery" data-src="https://lipsum.app/id/3/1024x768">
|
||||||
|
<img src="https://lipsum.app/id/3/200x150" />
|
||||||
|
</a>
|
||||||
|
<a data-fancybox="gallery" data-src="https://lipsum.app/id/4/1024x768">
|
||||||
|
<img src="https://lipsum.app/id/4/200x150" />
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.umd.js"></script>
|
||||||
|
<script>
|
||||||
|
Fancybox.bind('[data-fancybox="gallery"]', {
|
||||||
|
//
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
<!-- [](https://github.com/anuraghazra/github-readme-stats) -->
|
<!-- [](https://github.com/anuraghazra/github-readme-stats) -->
|
||||||
|
|
||||||
</p><h1 id="01" name="01"><strong>01</strong></h1><p>
|
</p><h1 id="01" name="01"><strong>01</strong></h1><p>
|
||||||
@ -65,9 +131,6 @@ $\overset{wáng}{王}\overset{kē}{科}\overset{wén}{文}$
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="ww_a25897805c222" v='1.3' loc='auto' a='{"t":"responsive","lang":"zh","sl_lpl":1,"ids":[],"font":"Times","sl_ics":"one_a","sl_sot":"celsius","cl_bkg":"image","cl_font":"#FFFFFF","cl_cloud":"#FFFFFF","cl_persp":"#81D4FA","cl_sun":"#FFC107","cl_moon":"#FFC107","cl_thund":"#FF5722","sl_tof":"5"}'><a href="https://weatherwidget.org/zh/" id="ww_a25897805c222_u" target="_blank">天气插件</a></div><script async src="https://app2.weatherwidget.org/js/?id=ww_a25897805c222"></script>
|
|
||||||
|
|
||||||
***
|
|
||||||
<div class="grid cards" markdown>
|
<div class="grid cards" markdown>
|
||||||
|
|
||||||
- :material-clock-fast:{ .lg .middle } __Set up in 5 minutes__
|
- :material-clock-fast:{ .lg .middle } __Set up in 5 minutes__
|
||||||
@ -105,6 +168,10 @@ $\overset{wáng}{王}\overset{kē}{科}\overset{wén}{文}$
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<p>这是测试<span class="mask">并且被掩盖的</span>文字！</p>
|
||||||
|
|
||||||
|
<div id="ww_a25897805c222" v='1.3' loc='auto' a='{"t":"responsive","lang":"zh","sl_lpl":1,"ids":[],"font":"Times","sl_ics":"one_a","sl_sot":"celsius","cl_bkg":"image","cl_font":"#FFFFFF","cl_cloud":"#FFFFFF","cl_persp":"#81D4FA","cl_sun":"#FFC107","cl_moon":"#FFC107","cl_thund":"#FF5722","sl_tof":"5"}'><a href="https://weatherwidget.org/zh/" id="ww_a25897805c222_u" target="_blank">天气插件</a></div><script async src="https://app2.weatherwidget.org/js/?id=ww_a25897805c222"></script>
|
||||||
|
|
||||||
***
|
***
|
||||||
|
|
||||||
=== "C"
|
=== "C"
|
||||||
@ -194,17 +261,21 @@ $$
|
|||||||
|
|
||||||
<!-- { data-title="Madeira, Portugal." data-description="Madeira, an autonomous region of Portugal, is an archipelago comprising 4 islands off the northwest coast of Africa. - Google" } -->
|
<!-- { data-title="Madeira, Portugal." data-description="Madeira, an autonomous region of Portugal, is an archipelago comprising 4 islands off the northwest coast of Africa. - Google" } -->
|
||||||
|
|
||||||
|
左对齐，右对齐
|
||||||
|
{ align=left }
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<figure markdown>
|
<figure markdown>
|
||||||
{ width="300" }
|
{ width="300" }
|
||||||
<figcaption>图片说明</figcaption>
|
<figcaption>图片说明</figcaption>
|
||||||
</figure>
|
</figure>
|
||||||
|
|
||||||
**明暗**
|
**明暗**
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
``` mermaid
|
``` mermaid
|
||||||
graph LR
|
graph LR
|
||||||
@ -237,12 +308,6 @@ sequenceDiagram
|
|||||||
++ctrl+alt+del++
|
++ctrl+alt+del++
|
||||||
|
|
||||||
|
|
||||||
<div class="progress progress-60plus">
|
|
||||||
<div class="progress-bar" style="width:50.00%">
|
|
||||||
<p class="progress-label">50%</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
:octicons-arrow-right-24: [点我回到顶部](#)
|
:octicons-arrow-right-24: [点我回到顶部](#)
|
||||||
|
|
||||||
[Hover me][example]
|
[Hover me][example]
|
||||||
@ -320,11 +385,6 @@ $$\displaystyle\lim_{x \rightarrow + \infty}(1 + \frac{1}{x})^x = e$$
|
|||||||
|
|
||||||
***
|
***
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div id="grad1"></div>
|
<div id="grad1"></div>
|
||||||
|
|
||||||
<button class="buttoncss">按钮</button>
|
<button class="buttoncss">按钮</button>
|
||||||
@ -362,11 +422,6 @@ $$\displaystyle\lim_{x \rightarrow + \infty}(1 + \frac{1}{x})^x = e$$
|
|||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
<ol>
|
|
||||||
<li>Coffee</li>
|
|
||||||
<li>Milk</li>
|
|
||||||
</ol>
|
|
||||||
|
|
||||||
<table border="1" width="100%">
|
<table border="1" width="100%">
|
||||||
<tbody><tr>
|
<tbody><tr>
|
||||||
<td align="center" style="color:#ffffff" bgcolor="#000000">000000</td>
|
<td align="center" style="color:#ffffff" bgcolor="#000000">000000</td>
|
||||||
|
|||||||
@ -5,9 +5,18 @@ tags:
|
|||||||
---
|
---
|
||||||
|
|
||||||
!!! info
|
!!! info
|
||||||
官方网站：[MkDocs](https://www.mkdocs.org/){target=“_blank”}
|
Material for MkDocs官方网站：[MkDocs](https://www.mkdocs.org/){target=“_blank”}
|
||||||
|
|
||||||
我的个人网站成果：<http://wcowin.work/>{target=“_blank”}
|
---
|
||||||
|
推荐看下这个视频：
|
||||||
|
:fontawesome-brands-youtube:{ style="color: #EE0F0F" }
|
||||||
|
__[How to set up Material for MkDocs]__ by @james-willett – :octicons-clock-24:
|
||||||
|
15m – Learn how to create and host a documentation site using Material for
|
||||||
|
MkDocs on GitHub Pages in a step-by-step guide.
|
||||||
|
|
||||||
|
[How to set up Material for MkDocs]: https://www.youtube.com/watch?v=Q-YA_dA8C20
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
## 一、准备工作
|
## 一、准备工作
|
||||||
|
|
||||||
@ -15,7 +24,6 @@ tags:
|
|||||||
|
|
||||||
2.有一个GitHub账号(有手就行)
|
2.有一个GitHub账号(有手就行)
|
||||||
***
|
***
|
||||||
|
|
||||||
## 二、Creating your site
|
## 二、Creating your site
|
||||||
|
|
||||||
参考教程：
|
参考教程：
|
||||||
@ -118,7 +126,7 @@ jobs:
|
|||||||
- run: echo "cache_id=$(date --utc '+%V')" >> $GITHUB_ENV
|
- run: echo "cache_id=$(date --utc '+%V')" >> $GITHUB_ENV
|
||||||
- uses: actions/cache@v3
|
- uses: actions/cache@v3
|
||||||
with:
|
with:
|
||||||
key: mkdocs-material-$【【 env.cache_id 】】 # 此处把【【】】改成`{``{``}``}`（只有英文大括号）
|
key: mkdocs-material-${{ env.cache_id }}
|
||||||
path: .cache
|
path: .cache
|
||||||
restore-keys: |
|
restore-keys: |
|
||||||
mkdocs-material-
|
mkdocs-material-
|
||||||
@ -194,4 +202,4 @@ https://你github的名字.github.io/
|
|||||||
|
|
||||||
下次谈谈网站的[mkdocs.yml具体配置](mkdocs2.md)
|
下次谈谈网站的[mkdocs.yml具体配置](mkdocs2.md)
|
||||||
|
|
||||||
[^注]:于2024.4.24重写此文
|
[^注]:于2023.3.24重写此文
|
||||||
@ -10,9 +10,6 @@ tags:
|
|||||||
- Mkdocs
|
- Mkdocs
|
||||||
comments: false #评论，默认不开启
|
comments: false #评论，默认不开启
|
||||||
---
|
---
|
||||||
|
|
||||||
> 下面全部内容把】改成}，把【改成{
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
docs/overrides下新建main.html ，针对main.html文件
|
docs/overrides下新建main.html ，针对main.html文件
|
||||||
@ -36,33 +33,33 @@ $ tree -a
|
|||||||
```
|
```
|
||||||
|
|
||||||
```html
|
```html
|
||||||
【#-
|
{#-
|
||||||
This file was automatically generated - do not edit
|
This file was automatically generated - do not edit
|
||||||
-#】
|
-#}
|
||||||
【% extends "base.html" %】
|
{% extends "base.html" %}
|
||||||
【% block extrahead %】
|
{% block extrahead %}
|
||||||
<link rel="stylesheet" href="【【 'assets/stylesheets/custom.00c04c01.min.css' | url 】】">
|
<link rel="stylesheet" href="{{ 'assets/stylesheets/custom.00c04c01.min.css' | url }}">
|
||||||
【% endblock %】
|
{% endblock %}
|
||||||
【% block announce %】
|
{% block announce %}
|
||||||
Follow <strong>@Wcowin</strong> on
|
Follow <strong>@Wcowin</strong> on
|
||||||
<a rel="me" href="https://space.bilibili.com/1407028951?spm_id_from=333.1007.0.0">
|
<a rel="me" href="https://space.bilibili.com/1407028951?spm_id_from=333.1007.0.0">
|
||||||
<span class="twemoji bilibili">
|
<span class="twemoji bilibili">
|
||||||
【% include ".icons/fontawesome/brands/bilibili.svg" %】
|
{% include ".icons/fontawesome/brands/bilibili.svg" %}
|
||||||
</span>
|
</span>
|
||||||
<strong>Bilibili</strong>
|
<strong>Bilibili</strong>
|
||||||
</a>
|
</a>
|
||||||
and
|
and
|
||||||
<a href="https://twitter.com/Wcowin_">
|
<a href="https://twitter.com/Wcowin_">
|
||||||
<span class="twemoji twitter">
|
<span class="twemoji twitter">
|
||||||
【% include ".icons/fontawesome/brands/twitter.svg" %】
|
{% include ".icons/fontawesome/brands/twitter.svg" %}
|
||||||
</span>
|
</span>
|
||||||
<strong>Twitter</strong>
|
<strong>Twitter</strong>
|
||||||
</a>
|
</a>
|
||||||
【% endblock %】
|
{% endblock %}
|
||||||
【% block scripts %】
|
{% block scripts %}
|
||||||
【【 super() 】】
|
{{ super() }}
|
||||||
<script src="【【 'assets/javascripts/custom.9458f965.min.js' | url 】】"></script>
|
<script src="{{ 'assets/javascripts/custom.9458f965.min.js' | url }}"></script>
|
||||||
【% endblock %】
|
{% endblock %}
|
||||||
```
|
```
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@ -4,39 +4,33 @@ comments: true
|
|||||||
tags:
|
tags:
|
||||||
- Mkdocs
|
- Mkdocs
|
||||||
---
|
---
|
||||||
|
|
||||||
> 下面全部内容把】改成}，把【改成{
|
|
||||||
|
|
||||||
官方文档：[Adding a comment system](https://squidfunk.github.io/mkdocs-material/setup/adding-a-comment-system/)
|
官方文档：[Adding a comment system](https://squidfunk.github.io/mkdocs-material/setup/adding-a-comment-system/)
|
||||||
|
|
||||||
这里我同样推荐[giscus](https://giscus.app/zh-CN)
|
这里我同样推荐[giscus](https://giscus.app/zh-CN)
|
||||||
|
|
||||||
|
|
||||||
利用 GitHub Discussions 实现的评论系统，让访客借助 GitHub 在你的网站上留下评论和反应吧！本项目深受 utterances 的启发。
|
利用 GitHub Discussions 实现的评论系统，让访客借助 GitHub 在你的网站上留下评论和反应吧！本项目深受 utterances 的启发。
|
||||||
|
|
||||||
- 开源。🌏
|
* 开源。🌏
|
||||||
- 无跟踪，无广告，永久免费。📡 🚫
|
* 无跟踪，无广告，永久免费。📡 🚫
|
||||||
- 无需数据库。所有数据均储存在 GitHub Discussions 中。:octocat:
|
* 无需数据库。所有数据均储存在 GitHub Discussions 中。:octocat:
|
||||||
- 支持自定义主题！🌗
|
* 支持自定义主题！🌗
|
||||||
- 支持多种语言。🌐
|
* 支持多种语言。🌐
|
||||||
- 高可配置性。🔧
|
* 高可配置性。🔧
|
||||||
- 自动从 GitHub 拉取新评论与编辑。🔃
|
* 自动从 GitHub 拉取新评论与编辑。🔃
|
||||||
- 可自建服务！🤳
|
* 可自建服务！🤳
|
||||||
|
|
||||||
言归正传
|
言归正传
|
||||||
|
|
||||||
## 第一步
|
## 第一步
|
||||||
|
|
||||||
mkdocs.yml中添加
|
mkdocs.yml中添加
|
||||||
|
|
||||||
```
|
```
|
||||||
theme:
|
theme:
|
||||||
name: material
|
name: material
|
||||||
custom_dir: docs/overrides #主要是这一行
|
custom_dir: docs/overrides #主要是这一行
|
||||||
```
|
```
|
||||||
|
|
||||||
参考下图新建overrides文件，在此文件下参考下图新建覆盖html文件
|
参考下图新建overrides文件，在此文件下参考下图新建覆盖html文件
|
||||||
树状结构如下:
|
树状结构如下:
|
||||||
|
|
||||||
```
|
```
|
||||||
$ tree -a
|
$ tree -a
|
||||||
.
|
.
|
||||||
@ -60,11 +54,10 @@ $ tree -a
|
|||||||
在comments.html中
|
在comments.html中
|
||||||
|
|
||||||
```html hl_lines="4-18"
|
```html hl_lines="4-18"
|
||||||
【% if page.meta.comments %】
|
{% if page.meta.comments %}
|
||||||
<h2 id="__comments">【【 lang.t("meta.comments") 】】</h2>
|
<h2 id="__comments">{{ lang.t("meta.comments") }}</h2>
|
||||||
<!-- Insert generated snippet here -->
|
<!-- Insert generated snippet here -->
|
||||||
<script
|
<script src="https://giscus.app/client.js"
|
||||||
src="https://giscus.app/client.js"
|
|
||||||
data-repo="你的仓库名称（如Wcowin/hexo-site-comments）"
|
data-repo="你的仓库名称（如Wcowin/hexo-site-comments）"
|
||||||
data-repo-id=" "
|
data-repo-id=" "
|
||||||
data-category=" "
|
data-category=" "
|
||||||
@ -77,29 +70,29 @@ $ tree -a
|
|||||||
data-theme="preferred_color_scheme"
|
data-theme="preferred_color_scheme"
|
||||||
data-lang="zh-CN"
|
data-lang="zh-CN"
|
||||||
crossorigin="anonymous"
|
crossorigin="anonymous"
|
||||||
async
|
async>
|
||||||
></script>
|
</script>
|
||||||
<!-- Synchronize Giscus theme with palette -->
|
<!-- Synchronize Giscus theme with palette -->
|
||||||
<script>
|
<script>
|
||||||
var giscus = document.querySelector("script[src*=giscus]")
|
var giscus = document.querySelector("script[src*=giscus]")
|
||||||
|
|
||||||
// Set palette on initial load
|
// Set palette on initial load
|
||||||
var palette = __md_get("__palette")
|
var palette = __md_get("__palette")
|
||||||
if (palette && typeof palette.color === "object") 【
|
if (palette && typeof palette.color === "object") {
|
||||||
var theme = palette.color.scheme === "slate"
|
var theme = palette.color.scheme === "slate"
|
||||||
? "transparent_dark"
|
? "transparent_dark"
|
||||||
: "light"
|
: "light"
|
||||||
|
|
||||||
// Instruct Giscus to set theme
|
// Instruct Giscus to set theme
|
||||||
giscus.setAttribute("data-theme", theme)
|
giscus.setAttribute("data-theme", theme)
|
||||||
】
|
}
|
||||||
|
|
||||||
// Register event handlers after documented loaded
|
// Register event handlers after documented loaded
|
||||||
document.addEventListener("DOMContentLoaded", function() 【
|
document.addEventListener("DOMContentLoaded", function() {
|
||||||
var ref = document.querySelector("[data-md-component=palette]")
|
var ref = document.querySelector("[data-md-component=palette]")
|
||||||
ref.addEventListener("change", function() 【
|
ref.addEventListener("change", function() {
|
||||||
var palette = __md_get("__palette")
|
var palette = __md_get("__palette")
|
||||||
if (palette && typeof palette.color === "object") 【
|
if (palette && typeof palette.color === "object") {
|
||||||
var theme = palette.color.scheme === "slate"
|
var theme = palette.color.scheme === "slate"
|
||||||
? "transparent_dark"
|
? "transparent_dark"
|
||||||
: "light"
|
: "light"
|
||||||
@ -107,26 +100,23 @@ $ tree -a
|
|||||||
// Instruct Giscus to change theme
|
// Instruct Giscus to change theme
|
||||||
var frame = document.querySelector(".giscus-frame")
|
var frame = document.querySelector(".giscus-frame")
|
||||||
frame.contentWindow.postMessage(
|
frame.contentWindow.postMessage(
|
||||||
【 giscus: 【 setConfig: 【 theme 】 】 】,
|
{ giscus: { setConfig: { theme } } },
|
||||||
"https://giscus.app"
|
"https://giscus.app"
|
||||||
)
|
)
|
||||||
】
|
}
|
||||||
】)
|
})
|
||||||
】)
|
})
|
||||||
</script>
|
</script>
|
||||||
【% endif %】
|
{% endif %}
|
||||||
```
|
```
|
||||||
|
|
||||||
## 第二步
|
## 第二步
|
||||||
|
|
||||||
打开<https://giscus.app/zh-CN> 走完这个页面的流程就会得到(这会在你的Github创建新的仓库，建议自己先去新建个 Discussions)
|
打开<https://giscus.app/zh-CN> 走完这个页面的流程就会得到(这会在你的Github创建新的仓库，建议自己先去新建个 Discussions)
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<script
|
<script src="https://giscus.app/client.js"
|
||||||
src="https://giscus.app/client.js"
|
|
||||||
data-repo="[在此输入仓库]"
|
data-repo="[在此输入仓库]"
|
||||||
data-repo-id="[在此输入仓库 ID]"
|
data-repo-id="[在此输入仓库 ID]"
|
||||||
data-category="[在此输入分类名]"
|
data-category="[在此输入分类名]"
|
||||||
@ -139,8 +129,8 @@ $ tree -a
|
|||||||
data-theme="preferred_color_scheme"
|
data-theme="preferred_color_scheme"
|
||||||
data-lang="zh-CN"
|
data-lang="zh-CN"
|
||||||
crossorigin="anonymous"
|
crossorigin="anonymous"
|
||||||
async
|
async>
|
||||||
></script>
|
</script>
|
||||||
```
|
```
|
||||||
|
|
||||||
复制将此代码，替换最上面👆🏻comments.html中高亮的代码
|
复制将此代码，替换最上面👆🏻comments.html中高亮的代码
|
||||||
@ -148,7 +138,6 @@ $ tree -a
|
|||||||
终端里`mkdocs server`一下
|
终端里`mkdocs server`一下
|
||||||
|
|
||||||
## 最后
|
## 最后
|
||||||
|
|
||||||
在你想插入评论的地方的元数据：`comments: true `
|
在你想插入评论的地方的元数据：`comments: true `
|
||||||
|
|
||||||
```
|
```
|
||||||
@ -162,7 +151,6 @@ hide:
|
|||||||
comments: true #默认不开启评论
|
comments: true #默认不开启评论
|
||||||
---
|
---
|
||||||
```
|
```
|
||||||
|
|
||||||
## 效果
|
## 效果
|
||||||
|
|
||||||
完美!快速相应
|
完美!快速相应
|
||||||
@ -180,41 +168,26 @@ comments: true #默认不开启评论
|
|||||||
|
|
||||||
```html
|
```html
|
||||||
<head>
|
<head>
|
||||||
<link
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.css" integrity="sha384-AfEj0r4/OFrOo5t7NnNe46zW/tFgW6x/bCJG8FqQCEo3+Aro6EYUG4+cU+KJWu/X" crossorigin="anonymous" />
|
||||||
rel="stylesheet"
|
<script defer="" src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.js" integrity="sha384-g7c+Jr9ZivxKLnZTDUhnkOnsh30B4H0rpLUpJ4jAIKs4fnJI+sEnkvrMWph2EDg4" crossorigin="anonymous"></script>
|
||||||
href="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.css"
|
<script defer="" src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/contrib/auto-render.min.js" integrity="sha384-mll67QQFJfxn0IYznZYonOWZ644AWYC+Pt2cHqMaRhXVrursRwvLnLaebdGIlYNa" crossorigin="anonymous"></script>
|
||||||
integrity="sha384-AfEj0r4/OFrOo5t7NnNe46zW/tFgW6x/bCJG8FqQCEo3+Aro6EYUG4+cU+KJWu/X"
|
|
||||||
crossorigin="anonymous"
|
|
||||||
/>
|
|
||||||
<script
|
|
||||||
defer=""
|
|
||||||
src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.js"
|
|
||||||
integrity="sha384-g7c+Jr9ZivxKLnZTDUhnkOnsh30B4H0rpLUpJ4jAIKs4fnJI+sEnkvrMWph2EDg4"
|
|
||||||
crossorigin="anonymous"
|
|
||||||
></script>
|
|
||||||
<script
|
|
||||||
defer=""
|
|
||||||
src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/contrib/auto-render.min.js"
|
|
||||||
integrity="sha384-mll67QQFJfxn0IYznZYonOWZ644AWYC+Pt2cHqMaRhXVrursRwvLnLaebdGIlYNa"
|
|
||||||
crossorigin="anonymous"
|
|
||||||
></script>
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="tcomment"></div>
|
<div id="tcomment"></div>
|
||||||
<script src="https://cdn.staticfile.org/twikoo/1.6.21/twikoo.all.min.js"></script>
|
<script src="https://cdn.staticfile.org/twikoo/1.6.21/twikoo.all.min.js"></script>
|
||||||
<script>
|
<script>
|
||||||
twikoo.init(【
|
twikoo.init({
|
||||||
envId: 'https://superb-salamander-e730b6.netlify.app/.netlify/functions/twikoo', // 腾讯云环境填 envId；Vercel 环境填地址（https://xxx.vercel.app）
|
envId: 'https://superb-salamander-e730b6.netlify.app/.netlify/functions/twikoo', // 腾讯云环境填 envId；Vercel 环境填地址（https://xxx.vercel.app）
|
||||||
el: '#tcomment', // 容器元素
|
el: '#tcomment', // 容器元素
|
||||||
//region: 'ap-guangzhou', // 环境地域，默认为 ap-shanghai，腾讯云环境填 ap-shanghai 或 ap-guangzhou；Vercel 环境不填
|
//region: 'ap-guangzhou', // 环境地域，默认为 ap-shanghai，腾讯云环境填 ap-shanghai 或 ap-guangzhou；Vercel 环境不填
|
||||||
// path: location.pathname, // 用于区分不同文章的自定义 js 路径，如果您的文章路径不是 location.pathname，需传此参数
|
// path: location.pathname, // 用于区分不同文章的自定义 js 路径，如果您的文章路径不是 location.pathname，需传此参数
|
||||||
//lang: 'zh-CN', // 用于手动设定评论区语言，支持的语言列表 https://github.com/twikoojs/twikoo/blob/main/src/client/utils/i18n/index.js
|
//lang: 'zh-CN', // 用于手动设定评论区语言，支持的语言列表 https://github.com/twikoojs/twikoo/blob/main/src/client/utils/i18n/index.js
|
||||||
onCommentLoaded: function () 【
|
onCommentLoaded: function () {
|
||||||
console.log('评论加载完成');
|
console.log('评论加载完成');
|
||||||
】
|
}
|
||||||
】)
|
})
|
||||||
</script>
|
</script>
|
||||||
</body>
|
|
||||||
```
|
```
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
@ -227,16 +200,16 @@ comments: true #默认不开启评论
|
|||||||
<div id="tcomment"></div>
|
<div id="tcomment"></div>
|
||||||
<script src="https://cdn.staticfile.org/twikoo/1.6.21/twikoo.all.min.js"></script>
|
<script src="https://cdn.staticfile.org/twikoo/1.6.21/twikoo.all.min.js"></script>
|
||||||
<script>
|
<script>
|
||||||
twikoo.init(【
|
twikoo.init({
|
||||||
envId: 'https://superb-salamander-e730b6.netlify.app/.netlify/functions/twikoo', // 腾讯云环境填 envId；Vercel 环境填地址（https://xxx.vercel.app）
|
envId: 'https://superb-salamander-e730b6.netlify.app/.netlify/functions/twikoo', // 腾讯云环境填 envId；Vercel 环境填地址（https://xxx.vercel.app）
|
||||||
el: '#tcomment', // 容器元素
|
el: '#tcomment', // 容器元素
|
||||||
//region: 'ap-guangzhou', // 环境地域，默认为 ap-shanghai，腾讯云环境填 ap-shanghai 或 ap-guangzhou；Vercel 环境不填
|
//region: 'ap-guangzhou', // 环境地域，默认为 ap-shanghai，腾讯云环境填 ap-shanghai 或 ap-guangzhou；Vercel 环境不填
|
||||||
// path: location.pathname, // 用于区分不同文章的自定义 js 路径，如果您的文章路径不是 location.pathname，需传此参数
|
// path: location.pathname, // 用于区分不同文章的自定义 js 路径，如果您的文章路径不是 location.pathname，需传此参数
|
||||||
//lang: 'zh-CN', // 用于手动设定评论区语言，支持的语言列表 https://github.com/twikoojs/twikoo/blob/main/src/client/utils/i18n/index.js
|
//lang: 'zh-CN', // 用于手动设定评论区语言，支持的语言列表 https://github.com/twikoojs/twikoo/blob/main/src/client/utils/i18n/index.js
|
||||||
onCommentLoaded: function () 【
|
onCommentLoaded: function () {
|
||||||
console.log('评论加载完成');
|
console.log('评论加载完成');
|
||||||
】
|
}
|
||||||
】)
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
我感觉twikoo也好看！
|
我感觉twikoo也好看！
|
||||||
@ -6,6 +6,40 @@ hide:
|
|||||||
- feedback
|
- feedback
|
||||||
comments: false
|
comments: false
|
||||||
---
|
---
|
||||||
|
<!--
|
||||||
|
██╗ ██╗ ██████╗ ██████╗ ██╗ ██╗██╗███╗ ██╗
|
||||||
|
██║ ██║██╔════╝██╔═══██╗██║ ██║██║████╗ ██║
|
||||||
|
██║ █╗ ██║██║ ██║ ██║██║ █╗ ██║██║██╔██╗ ██║
|
||||||
|
██║███╗██║██║ ██║ ██║██║███╗██║██║██║╚██╗██║
|
||||||
|
╚███╔███╔╝╚██████╗╚██████╔╝╚███╔███╔╝██║██║ ╚████║
|
||||||
|
╚══╝╚══╝ ╚═════╝ ╚═════╝ ╚══╝╚══╝ ╚═╝╚═╝ ╚═══╝
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
____ __ ____ ______ ______ ____ __ ____ __ .__ __.
|
||||||
|
\ \ / \ / / / | / __ \ \ \ / \ / / | | | \ | |
|
||||||
|
\ \/ \/ / | ,----'| | | | \ \/ \/ / | | | \| |
|
||||||
|
\ / | | | | | | \ / | | | . ` |
|
||||||
|
\ /\ / | `----.| `--' | \ /\ / | | | |\ |
|
||||||
|
\__/ \__/ \______| \______/ \__/ \__/ |__| |__| \__|
|
||||||
|
|
||||||
|
__ __ _
|
||||||
|
\ \ / /__ _____ _(_)_ __
|
||||||
|
\ \ /\ / / __/ _ \ \ /\ / / | '_ \
|
||||||
|
\ V V / (_| (_) \ V V /| | | | |
|
||||||
|
\_/\_/ \___\___/ \_/\_/ |_|_| |_|
|
||||||
|
|
||||||
|
___ ___ ____ ____ ___ ___ _____ __ _
|
||||||
|
( ( ) ) / ___) / __ \ ( ( ) ) (_ _) / \ / )
|
||||||
|
\ \ _ / / / / / / \ \ \ \ _ / / | | / /\ \ / /
|
||||||
|
\ \/ \/ / ( ( ( () () ) \ \/ \/ / | | ) ) ) ) ) )
|
||||||
|
) _ ( ( ( ( () () ) ) _ ( | | ( ( ( ( ( (
|
||||||
|
\ ( ) / \ \___ \ \__/ / \ ( ) / _| |__ / / \ \/ /
|
||||||
|
\_/ \_/ \____) \____/ \_/ \_/ /_____( (_/ \__/
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
-->
|
||||||
|
|
||||||
|
|
||||||
<center><font color= #518FC1 size=6 class="ml3">Mkdocs-Wcowin博客主题</font></center>
|
<center><font color= #518FC1 size=6 class="ml3">Mkdocs-Wcowin博客主题</font></center>
|
||||||
@ -13,9 +47,6 @@ comments: false
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<center>
|
<center>
|
||||||
<font color= #608DBD size=3>
|
<font color= #608DBD size=3>
|
||||||
<span id="jinrishici-sentence">正在加载今日诗词....</span>
|
<span id="jinrishici-sentence">正在加载今日诗词....</span>
|
||||||
@ -135,7 +166,21 @@ comments: false
|
|||||||
2. 18939533255
|
2. 18939533255
|
||||||
***
|
***
|
||||||
|
|
||||||
<strong>推荐文章:material-book:</strong>
|
<!-- <strong>推荐文章:material-book:</strong>
|
||||||
|
|
||||||
|
- [利用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) -->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="grid cards" markdown>
|
||||||
|
|
||||||
|
- :simple-materialformkdocs:{ .lg .middle } __Mkdocs教程__
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
- [利用Mkdocs部署静态网页至GitHub pages](blog/Mkdocs/mkdocs1.md)
|
- [利用Mkdocs部署静态网页至GitHub pages](blog/Mkdocs/mkdocs1.md)
|
||||||
- [Mkdocs部署配置说明(mkdocs.yml)](blog/Mkdocs/mkdocs2.md)
|
- [Mkdocs部署配置说明(mkdocs.yml)](blog/Mkdocs/mkdocs2.md)
|
||||||
@ -144,6 +189,16 @@ comments: false
|
|||||||
- [Blogger](blog/index.md)
|
- [Blogger](blog/index.md)
|
||||||
|
|
||||||
|
|
||||||
|
- :simple-aboutdotme:{ .lg .middle } __关于__
|
||||||
|
|
||||||
|
---
|
||||||
|
- [Mkdocs-Wcowin博客主题社区](https://support.qq.com/products/646913/){target=“_blank”}
|
||||||
|
- [留言板](liuyanban.md)
|
||||||
|
- [Blogger](blog/index.md)
|
||||||
|
[:octicons-arrow-right-24: 了解我](about/geren.md)
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
[^Knowing-that-loving-you-has-no-ending]:太阳总是能温暖向日葵
|
[^Knowing-that-loving-you-has-no-ending]:太阳总是能温暖向日葵
|
||||||
@ -180,3 +235,5 @@ comments: false
|
|||||||
|
|
||||||
|
|
||||||
<script src="//code.tidio.co/6jmawe9m5wy4ahvlhub2riyrnujz7xxi.js" async></script>
|
<script src="//code.tidio.co/6jmawe9m5wy4ahvlhub2riyrnujz7xxi.js" async></script>
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@ -34,12 +34,12 @@
|
|||||||
} */
|
} */
|
||||||
|
|
||||||
/* Grid Cards */
|
/* Grid Cards */
|
||||||
/* .md-typeset .grid.cards > ul > li {
|
.md-typeset .grid.cards > ul > li {
|
||||||
border-radius: var(--base-border-radius);
|
border-radius: var(--base-border-radius);
|
||||||
}
|
}
|
||||||
.md-typeset .grid.cards > ul > li:hover {
|
.md-typeset .grid.cards > ul > li:hover {
|
||||||
box-shadow: 0 0 0.2rem #ffffff40;
|
box-shadow: 0 0 0.2rem #ffffff40;
|
||||||
} */
|
}
|
||||||
|
|
||||||
/* Markdown Button */
|
/* Markdown Button */
|
||||||
.md-typeset .md-button {
|
.md-typeset .md-button {
|
||||||
@ -91,3 +91,157 @@
|
|||||||
.md-typeset table:not([class]) {
|
.md-typeset table:not([class]) {
|
||||||
border-radius: var(--base-border-radius);
|
border-radius: var(--base-border-radius);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.carousel {
|
||||||
|
width: 60%;
|
||||||
|
height: 100%;
|
||||||
|
|
||||||
|
border-radius: 0.4rem;
|
||||||
|
overflow: hidden;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
/* 居中 */
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
|
||||||
|
border: 0.075rem solid #7b7b7b7a;
|
||||||
|
box-shadow: var(--md-shadow-z1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.carousel-container {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
|
||||||
|
position: relative;
|
||||||
|
left: 0;
|
||||||
|
|
||||||
|
display: flex;
|
||||||
|
|
||||||
|
/* 过渡动画 1s */
|
||||||
|
transition: all 1s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.carousel-hover {
|
||||||
|
height: 100%;
|
||||||
|
width: 10%;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
|
||||||
|
/* 子元素垂直居中 */
|
||||||
|
display: flex;
|
||||||
|
flex-flow: column nowrap;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
.carousel-hover.left {
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
.carousel-hover.right {
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.carousel-hover button {
|
||||||
|
background-color: var(--md-accent-fg-color);
|
||||||
|
border-radius: 50%;
|
||||||
|
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
opacity: 0;
|
||||||
|
transition: opacity 0.3s;
|
||||||
|
}
|
||||||
|
.carousel-hover button::after {
|
||||||
|
display: block;
|
||||||
|
height: 1.5rem;
|
||||||
|
width: 1.5rem;
|
||||||
|
|
||||||
|
background-color: white;
|
||||||
|
content: "";
|
||||||
|
mask-position: center;
|
||||||
|
-webkit-mask-position: center;
|
||||||
|
}
|
||||||
|
.carousel-hover.left button::after {
|
||||||
|
mask-image: var(--md-tabbed-icon--prev);
|
||||||
|
-webkit-mask-image: var(--md-tabbed-icon--prev);
|
||||||
|
}
|
||||||
|
.carousel-hover.right button::after {
|
||||||
|
mask-image: var(--md-tabbed-icon--next);
|
||||||
|
-webkit-mask-image: var(--md-tabbed-icon--next);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* hover 外层 */
|
||||||
|
.carousel-hover:hover button {
|
||||||
|
opacity: 0.5;
|
||||||
|
transition: opacity 0.3s;
|
||||||
|
}
|
||||||
|
/* hover 内层 */
|
||||||
|
.carousel-hover button:hover {
|
||||||
|
opacity: 0.8;
|
||||||
|
transition: opacity 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.carousel-container a {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.carousel-container img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
|
||||||
|
object-fit: cover;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.carousel-bottom {
|
||||||
|
position: absolute;
|
||||||
|
/* 宽度等同于内容宽度 */
|
||||||
|
width: 100%;
|
||||||
|
padding: 20px;
|
||||||
|
|
||||||
|
bottom: 0;
|
||||||
|
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
/* 指示器间距 */
|
||||||
|
gap: 10px;
|
||||||
|
|
||||||
|
opacity: 0;
|
||||||
|
transition: opacity 0.3s;
|
||||||
|
}
|
||||||
|
.carousel-bottom:hover {
|
||||||
|
opacity: 0.8;
|
||||||
|
transition: opacity 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.carousel-bottom .indicator {
|
||||||
|
height: 5px;
|
||||||
|
width: 20px;
|
||||||
|
|
||||||
|
background-color: var(--md-accent-fg-color);
|
||||||
|
|
||||||
|
opacity: 0.5;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.carousel:hover .bottom .indicator {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
.carousel:hover .shift .btn {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 600px) {
|
||||||
|
.carousel {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.carousel-hover button {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
21
mkdocs.yml
21
mkdocs.yml
@ -14,14 +14,18 @@ theme:
|
|||||||
favicon: img/apple-line.png # 网页icon
|
favicon: img/apple-line.png # 网页icon
|
||||||
|
|
||||||
palette:
|
palette:
|
||||||
#明暗按钮
|
- media: "(prefers-color-scheme)"
|
||||||
|
toggle:
|
||||||
|
icon: material/link
|
||||||
|
name: 关闭自动模式
|
||||||
|
#primary: blue grey
|
||||||
- media: "(prefers-color-scheme: light)"
|
- media: "(prefers-color-scheme: light)"
|
||||||
scheme: default # 日间模式
|
scheme: default # 日间模式
|
||||||
primary: blue grey # 上方的
|
primary: blue grey # 上方的
|
||||||
accent: indigo # 链接等可交互元件的高亮色
|
accent: blue # 链接等可交互元件的高亮色
|
||||||
# teal
|
# teal
|
||||||
toggle:
|
toggle:
|
||||||
icon: material/weather-night # 图标
|
icon: material/toggle-switch # 图标
|
||||||
name: 切换至夜间模式 # 鼠标悬浮提示
|
name: 切换至夜间模式 # 鼠标悬浮提示
|
||||||
- media: "(prefers-color-scheme: dark)"
|
- media: "(prefers-color-scheme: dark)"
|
||||||
scheme: slate # 夜间模式
|
scheme: slate # 夜间模式
|
||||||
@ -29,7 +33,7 @@ theme:
|
|||||||
accent: indigo
|
accent: indigo
|
||||||
# teal
|
# teal
|
||||||
toggle:
|
toggle:
|
||||||
icon: material/weather-sunny
|
icon: material/toggle-switch-off-outline
|
||||||
name: 切换至日间模式
|
name: 切换至日间模式
|
||||||
|
|
||||||
features:
|
features:
|
||||||
@ -149,7 +153,7 @@ extra:
|
|||||||
|
|
||||||
plugins:
|
plugins:
|
||||||
- search #搜索配置
|
- search #搜索配置
|
||||||
- markdownextradata: {}
|
# - markdownextradata: {}
|
||||||
- git-committers:
|
- git-committers:
|
||||||
enabled: !ENV [CI, false]
|
enabled: !ENV [CI, false]
|
||||||
repository: Wcowin/Mkdocs-Wcowin
|
repository: Wcowin/Mkdocs-Wcowin
|
||||||
@ -187,11 +191,6 @@ plugins:
|
|||||||
- tags:
|
- tags:
|
||||||
tags_file: tag.md #分类标签
|
tags_file: tag.md #分类标签
|
||||||
|
|
||||||
# 外部引用插件，一个 MkDocs 插件，它将 mkdocs.yml 额外变量注入到 markdown 模板中
|
|
||||||
# https://github.com/rosscdh/mkdocs-markdownextradata-plugin
|
|
||||||
- markdownextradata:
|
|
||||||
data: ./docs/_data/ # 额外数据文件
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
markdown_extensions: #详见https://squidfunk.github.io/mkdocs-material/setup/extensions/python-markdown-extensions/ 和 https://squidfunk.github.io/mkdocs-material/setup/extensions/python-markdown/
|
markdown_extensions: #详见https://squidfunk.github.io/mkdocs-material/setup/extensions/python-markdown-extensions/ 和 https://squidfunk.github.io/mkdocs-material/setup/extensions/python-markdown/
|
||||||
@ -243,7 +242,7 @@ extra_javascript:
|
|||||||
- 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支持
|
||||||
# - ckplayer/js/ckplayer.js #播放器配置
|
# - ckplayer/js/ckplayer.js #播放器配置
|
||||||
- https://cdn.jsdelivr.net/npm/gitalk@latest/dist/gitalk.min.js #gitalk支持
|
# - https://cdn.jsdelivr.net/npm/gitalk@latest/dist/gitalk.min.js #gitalk支持
|
||||||
- https://cdn.jsdelivr.net/npm/mermaid@10.0.2/dist/add-html-label-6e56ed67.min.js #忘了
|
- https://cdn.jsdelivr.net/npm/mermaid@10.0.2/dist/add-html-label-6e56ed67.min.js #忘了
|
||||||
|
|
||||||
extra_css:
|
extra_css:
|
||||||
|
|||||||
@ -1 +1,35 @@
|
|||||||
|
# Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>
|
||||||
|
|
||||||
|
# Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||||
|
# of this software and associated documentation files (the "Software"), to
|
||||||
|
# deal in the Software without restriction, including without limitation the
|
||||||
|
# rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
|
||||||
|
# sell copies of the Software, and to permit persons to whom the Software is
|
||||||
|
# furnished to do so, subject to the following conditions:
|
||||||
|
|
||||||
|
# The above copyright notice and this permission notice shall be included in
|
||||||
|
# all copies or substantial portions of the Software.
|
||||||
|
|
||||||
|
# THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||||
|
# IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||||
|
# FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
|
||||||
|
# AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||||
|
# LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
||||||
|
# FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
|
||||||
|
# IN THE SOFTWARE.
|
||||||
|
|
||||||
|
# Requirements for core
|
||||||
|
jinja2~=3.0
|
||||||
|
markdown~=3.2
|
||||||
|
mkdocs~=1.5.3
|
||||||
|
mkdocs-material-extensions~=1.3
|
||||||
|
pygments~=2.16
|
||||||
|
pymdown-extensions~=10.2
|
||||||
|
|
||||||
|
# Requirements for plugins
|
||||||
|
babel~=2.10
|
||||||
|
colorama~=0.4
|
||||||
|
paginate~=0.5
|
||||||
|
regex>=2022.4
|
||||||
|
requests~=2.26
|
||||||
mkdocs-markdownextradata-plugin
|
mkdocs-markdownextradata-plugin
|
||||||
Loading…
x
Reference in New Issue
Block a user