From 5e1357c080d13ce3029c4e5805e5d2b7b5250a2c Mon Sep 17 00:00:00 2001 From: echocbx Date: Fri, 15 Sep 2023 00:33:57 +0800 Subject: [PATCH] Site updated: 2023-09-15 00:33:54 --- about/index.html | 2 +- archives/10141/index.html | 2 +- archives/11066/index.html | 2 +- archives/13199/index.html | 2 +- archives/16107/index.html | 2 +- archives/17909/index.html | 2 +- archives/18276/index.html | 2 +- archives/2022/08/index.html | 2 +- archives/2022/10/index.html | 2 +- archives/2022/12/index.html | 2 +- archives/2022/12/page/2/index.html | 2 +- archives/2022/index.html | 2 +- archives/2022/page/2/index.html | 2 +- archives/2023/01/index.html | 2 +- archives/2023/01/page/2/index.html | 2 +- archives/2023/02/index.html | 2 +- archives/2023/03/index.html | 2 +- archives/2023/07/index.html | 2 +- archives/2023/08/index.html | 2 +- archives/2023/09/index.html | 2 +- archives/2023/index.html | 2 +- archives/2023/page/2/index.html | 2 +- archives/2023/page/3/index.html | 2 +- archives/21428/index.html | 2 +- archives/21521/index.html | 2 +- archives/23370/index.html | 2 +- archives/2637/index.html | 2 +- archives/27391/index.html | 2 +- archives/27831/index.html | 2 +- archives/32096/index.html | 2 +- archives/32654/index.html | 2 +- archives/33392/index.html | 2 +- archives/36352/index.html | 2 +- archives/3688/index.html | 2 +- archives/37091/index.html | 2 +- archives/39114/index.html | 1 + archives/4034/index.html | 2 +- archives/40712/index.html | 2 +- archives/43564/index.html | 2 +- archives/46392/index.html | 2 +- archives/46804/index.html | 2 +- archives/47635/index.html | 2 +- archives/49841/index.html | 2 +- archives/50741/index.html | 2 +- archives/51537/index.html | 2 +- archives/51673/index.html | 2 +- archives/52676/index.html | 2 +- archives/53971/index.html | 2 +- archives/54656/index.html | 2 +- archives/55282/index.html | 2 +- archives/56791/index.html | 2 +- archives/57464/index.html | 2 +- archives/5781/index.html | 2 +- archives/58214/index.html | 2 +- archives/58490/index.html | 2 +- archives/59158/index.html | 2 +- archives/61230/index.html | 2 +- archives/62395/index.html | 2 +- archives/62872/index.html | 2 +- archives/63474/index.html | 2 +- archives/64526/index.html | 2 +- archives/65172/index.html | 2 +- archives/65417/index.html | 2 +- archives/870/index.html | 2 +- archives/9709/index.html | 2 +- archives/index.html | 2 +- archives/page/2/index.html | 2 +- archives/page/3/index.html | 2 +- archives/page/4/index.html | 2 +- archives/page/5/index.html | 2 +- atom.xml | 46 ++++++++++--------- authorqq/index.html | 2 +- authorwechat/index.html | 2 +- bangumis/index.html | 2 +- categories/DimSpace/index.html | 2 +- categories/css/index.html | 2 +- categories/index.html | 2 +- .../ui\351\255\224\346\224\271/index.html" | 2 +- .../index.html" | 2 +- .../index.html" | 2 +- .../index.html" | 2 +- .../index.html" | 2 +- cc/index.html | 2 +- comments/index.html | 2 +- css/color.css | 2 +- css/index.css | 2 +- css/pace.css | 2 +- css/post-double-row.css | 2 +- css/var.css | 2 +- index.html | 2 +- js/random.js | 2 +- link/index.html | 2 +- page/2/index.html | 2 +- page/3/index.html | 2 +- page/4/index.html | 2 +- qqgroup/index.html | 2 +- search.xml | 19 ++++++++ sitemap.xml | 15 ++++-- tags/Ecx-UI/index.html | 2 +- tags/FAQ/index.html | 2 +- tags/butterfly/index.html | 2 +- tags/dimension/index.html | 2 +- tags/dimesion/index.html | 2 +- tags/dimspace/index.html | 2 +- tags/dynasty/index.html | 2 +- tags/hexo/index.html | 2 +- tags/hexo/page/2/index.html | 2 +- tags/hexo/page/3/index.html | 2 +- tags/index.html | 2 +- tags/linux/index.html | 2 +- tags/mmd/index.html | 2 +- tags/windows/index.html | 2 +- "tags/\344\274\230\345\214\226/index.html" | 2 +- "tags/\345\211\215\347\253\257/index.html" | 2 +- "tags/\345\215\232\345\256\242/index.html" | 2 +- "tags/\345\237\237\345\220\215/index.html" | 2 +- "tags/\346\225\231\347\250\213/index.html" | 2 +- "tags/\347\224\237\346\264\273/index.html" | 2 +- .../index.html" | 2 +- "tags/\351\255\224\346\224\271/index.html" | 2 +- 120 files changed, 172 insertions(+), 141 deletions(-) create mode 100644 archives/39114/index.html diff --git a/about/index.html b/about/index.html index 2a18174fe..d71a2f2ea 100644 --- a/about/index.html +++ b/about/index.html @@ -1 +1 @@ -关于 | 径曲山斜のBlog

关于

九月露湿，待君之前✨

你好，很高兴认识你👋
我是径曲山斜
是一名 学生、又菜又爱的前端爱好者、博主
追求

源于
热爱而去感受
学习生活程序体验

Hello there!

技能
开启创造力
生涯
无限进步
初中生
生涯
人格
辩论家
ENTP-A
在16personalities 了解更多关于undefined
自拍
座右铭
九月露湿待君之前
特性
唯物主义者二次元指数MAX
爱好番剧
紫罗兰永恒花园
致谢
赞赏名单
感谢因为有你们，让我更加有创作的动力。
张时贰
¥6.6￥
2023-01-01
评论
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +关于 | 径曲山斜のBlog

关于

九月露湿，待君之前✨

你好，很高兴认识你👋
我是径曲山斜
是一名 学生、又菜又爱的前端爱好者、博主
追求

源于
热爱而去感受
学习生活程序体验

Hello there!

技能
开启创造力
生涯
无限进步
初中生
生涯
人格
辩论家
ENTP-A
在16personalities 了解更多关于undefined
自拍
座右铭
九月露湿待君之前
特性
唯物主义者二次元指数MAX
爱好番剧
紫罗兰永恒花园
致谢
赞赏名单
感谢因为有你们，让我更加有创作的动力。
张时贰
¥6.6￥
2023-01-01
评论
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/10141/index.html b/archives/10141/index.html index 007ad06cd..09f23c00a 100644 --- a/archives/10141/index.html +++ b/archives/10141/index.html @@ -1 +1 @@ -Linux安装中文输入法 | 径曲山斜のBlog

Linux安装中文输入法

发表于|更新于
|阅读量:

安装包下载

1、添加中文语言支持

打开 系统设置——区域和语言——管理已安装的语言——在“语言”tab下——点击“添加或删除语言”

弹出“已安装语言”窗口，勾选中文（简体），点击应用

回到“语言支持”窗口，在键盘输入法系统中，选择“fcitx”

注：

如果在键盘输入法系统中，没有“fcitx”选项时，建议先打开终端手动安装fcitx：

1
sudo apt-get install fcitx

等安装成功之后再执行上述步骤

点击“应用到整个系统”，关闭窗口，重启电脑

2、通过命令行安装搜狗输入法

1
sudo dpkg -i sogoupinyin_版本号_amd64.deb

注：

如果安装过程中提示缺少相关依赖，则执行如下命令解决：

1
sudo apt -f install

3、注销计算机即可正常使用搜狗输入法

Ubuntu20.04安装搜狗输入法步骤

1、更新源

在终端执行

1
sudo apt update

2、安装fcitx输入法框架

  1. 在终端输入
    1
    sudo apt install fcitx
  2. 设置fcitx为系统输入法
Linux安装中文输入法
http://uu.sssu.us/archives/10141/
作者
径曲山斜
发布于
2022-08-24
更新于
2023-07-02
许可协议
CC BY 4.0
linux
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
抱歉，该文章无目录
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +Linux安装中文输入法 | 径曲山斜のBlog

Linux安装中文输入法

发表于|更新于
|阅读量:

安装包下载

1、添加中文语言支持

打开 系统设置——区域和语言——管理已安装的语言——在“语言”tab下——点击“添加或删除语言”

弹出“已安装语言”窗口，勾选中文（简体），点击应用

回到“语言支持”窗口，在键盘输入法系统中，选择“fcitx”

注：

如果在键盘输入法系统中，没有“fcitx”选项时，建议先打开终端手动安装fcitx：

1
sudo apt-get install fcitx

等安装成功之后再执行上述步骤

点击“应用到整个系统”，关闭窗口，重启电脑

2、通过命令行安装搜狗输入法

1
sudo dpkg -i sogoupinyin_版本号_amd64.deb

注：

如果安装过程中提示缺少相关依赖，则执行如下命令解决：

1
sudo apt -f install

3、注销计算机即可正常使用搜狗输入法

Ubuntu20.04安装搜狗输入法步骤

1、更新源

在终端执行

1
sudo apt update

2、安装fcitx输入法框架

  1. 在终端输入
    1
    sudo apt install fcitx
  2. 设置fcitx为系统输入法
Linux安装中文输入法
http://uu.sssu.us/archives/10141/
作者
径曲山斜
发布于
2022-08-24
更新于
2023-07-02
许可协议
CC BY 4.0
linux
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
抱歉，该文章无目录
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/11066/index.html b/archives/11066/index.html index c477d0314..2b80ad632 100644 --- a/archives/11066/index.html +++ b/archives/11066/index.html @@ -1 +1 @@ -微软推出“新必应”，支持在线ChatGPT！ | 径曲山斜のBlog

微软推出“新必应”，支持在线ChatGPT！

发表于|更新于
|阅读量:

什么是新必应

新必应就像你在网上搜索时身边有一位研究助理、个人规划员和创意合作伙伴。使用这组由 AI 提供支持的功能，你可以:

  • 询问你的实际问题。当你提出复杂问题时，必应会提供详细的回复。

  • 获得实际答案。必应在网上查找搜索结果，为你提供汇总答案。

  • 发挥创意。当你需要灵感时，必应可以帮助你编写诗歌、故事甚至分享关于项目的想法。

在聊天体验中，你还可以聊天并提出后续问题，例如，“能否用更简单的术语进行说明”，或者“为我提供更多选项”，以便在搜索中获取不同甚至更详细的答案。

如何最恰当的使用新必应

  • 像与人交谈一样提出问题。这意味着包含详细信息、要求提供说明或更多信息以及告诉必应它怎样会对你更有帮助。下面是一个示例:“我计划在九月与朋友一起旅行。距离伦敦希思罗飞行时间在 3 小时以内的有哪些海滩?”然后继续提出类似“我们到了那里该怎么做?”之类的问题。

  • 直接询问有关如何与必应交互的提示。尝试“你能做什么?”“你能帮我处理 X 吗?”“有哪些限制?”等。如果必应无法提供回复，它会让你知道。

  • 必应努力让答案保持有趣和真实，但鉴于这是早期预览版，它仍可能根据汇总的网络内容显示意外或不准确的结果，因此请运用自己的最佳判断。我们一直在学习，欢迎提供反馈以帮助必应改进。请使用每个必应页面右下角的反馈按钮分享你的想法。

它与常规搜索引擎有何不同

新必应基于现有的必应体验，为你提供新类型的搜索。

  • 除了生成相关链接列表之外，必应还整合可靠的网络来源，为你提供一个汇总的答案。

  • 按你说话、写作和思考的方式进行搜索。必应接受复合搜索并分享详细回复。

  • 在聊天体验中，你可以自然地聊天，并在初始搜索之上提出后续问题，以获取个性化回复。

  • 必应可用作创意工具。它可以帮助你编写诗歌、故事甚至分享关于项目的想法。

新必应如何生成回复

必应在网上搜索相关内容，然后汇总找到的内容以生成有用的回复。它还引用内容的来源，因此你能够看到指向它引用的网络内容的链接。

Microsoft如何为新必应实现负责任的AI

在 Microsoft，我们非常重视对负责任 AI 的承诺。我们根据 AI 原则开发必应。我们正在与我们的合作伙伴 OpenAI 合作，以提供鼓励负责任使用的体验。例如，我们在基础模型工作上已经并将继续与 OpenAI 合作，我们设计必应用户体验时以人为本，并且我们开发了一个安全系统，旨在缓解故障并避免滥用内容筛选、操作监视和滥用检测以及其他安全措施。候补名单过程也是我们负责任的 AI 方法的一部分。我们将从具有必应早期访问权限的人员处获取用户反馈，以改进该工具，然后使其广泛可用。

为 AI 赋予责任需要经历一段路程，我们将不断改进我们的系统。我们致力于提高 AI 的可靠性和可信度，您的反馈将帮助我们实现此目标。要详细了解如何负责任地使用必应，请参阅我们的使用条款和内容策略。

To learn more about how to use Bing responsibly, please see our Terms of Use and Code of Conduct.

如果我看到意外内容或冒犯性内容，怎么办

尽管必应努力避免在搜索结果中分享意外的冒犯性内容，并已采取措施防止其聊天功能涉及可能有害的主题，但你仍可能会看到意外结果。我们一直在努力改进预防有害内容的技术。

如果你在系统中遇到有害或不适当的内容，请提供反馈或向必应报告问题，方法是打开回复右上角的菜单，然后单击标志图标。你还可以使用每个必应页面右下角的反馈按钮。我们将继续处理用户反馈，为大家提供安全的搜索体验。

必应的AI生成回复是否始终都是事实

必应努力基于可靠的来源提供回复，但 AI 可能会出错，并且互联网上的第三方内容可能并不总是准确或可靠。必应有时会错误地引用它找到的信息，你可能会看到听起来有说服力但不完整、不准确或不恰当的回复。在根据必应的回复做出决策或采取行动之前，请运用自己的判断并仔细检查事实。

要分享网站反馈或报告问题，请打开回复右上角的菜单，然后单击标志图标。你还可以使用每个必应页面右下角的反馈按钮。

如何访问新必应

你可以通过选择“加入候补名单”来请求访问权限。当你被选中后，你将收到一封电子邮件，告知你可以在 Bing.com 访问新必应，然后你可以在常用搜索框中开始键入内容。新必应也可在聊天体验中找到，位于搜索结果的顶部。

:::warning
以下内容为翻译内容，不一定100%准确！
翻译由Microsoft edge提供
:::

必应如何在移动端edge中工作

现在，你可以在手机上的 Microsoft Edge 应用中与必应聊天，以从 Web 获取答案、创建书面内容、收集旅行计划想法等 - 所有这些都由 AI 生成。清除候补名单后，您将能够从Microsoft Edge应用程序的主页访问新的Bing。每个对话将限制为 5 次互动，以保持互动以搜索为基础。

Edge 应用中的必应还支持音频交互 - 只需点击麦克风图标，即可向必应提问并听到语音响应。

若要在 Edge 应用中共享反馈或报告问题，请点击并按住响应，然后选择竖起大拇指或向下选择反馈选项。我们欢迎你的关注，并将继续处理用户反馈，以改善所有用户的必应 Bing in Edge 应用体验。

比用如何在Skype中工作

现在，你可以在 Skype 中与必应聊天，从 Web 获取答案、创建书面内容、度假计划创意等，所有这些都由 AI 生成。在一对一对话中与必应聊天，或将其添加到与朋友、家人或同事的群组中。

当必应是组的一部分时，必应只会在使用@Bing明确提及聊天上下文时访问聊天上下文。必应将刷新其内存，并在每次新提及时重新开始。在总结对话时，必应可能会弄错你的代词。如果发生这种情况，您可以使用消息中的@Bing告诉必应您的正确代词。

必应不支持 Skype 中的音频或视频交互，并且不会访问或参与任何音频或视频对话。

必应旨在将其所有回复都基于可靠的来源，但人工智能可能会犯错误，互联网上的第三方内容可能并不总是准确或可靠的。在根据必应 Skype 中的响应做出决定或采取行动之前，使用你自己的判断并仔细检查事实。

请记住，这是一个预览，我们仍在学习。要共享反馈或报告问题，请右键单击（桌面）或点击并按住（移动）响应，然后选择报告问题。我们来看看。

— 摘录自：新必应

微软推出“新必应”，支持在线ChatGPT！
http://uu.sssu.us/archives/11066/
作者
径曲山斜
发布于
2023-02-25
更新于
2023-07-02
许可协议
CC BY 4.0
打赏
  • 微信
    微信
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +微软推出“新必应”，支持在线ChatGPT！ | 径曲山斜のBlog

微软推出“新必应”，支持在线ChatGPT！

发表于|更新于
|阅读量:

什么是新必应

新必应就像你在网上搜索时身边有一位研究助理、个人规划员和创意合作伙伴。使用这组由 AI 提供支持的功能，你可以:

  • 询问你的实际问题。当你提出复杂问题时，必应会提供详细的回复。

  • 获得实际答案。必应在网上查找搜索结果，为你提供汇总答案。

  • 发挥创意。当你需要灵感时，必应可以帮助你编写诗歌、故事甚至分享关于项目的想法。

在聊天体验中，你还可以聊天并提出后续问题，例如，“能否用更简单的术语进行说明”，或者“为我提供更多选项”，以便在搜索中获取不同甚至更详细的答案。

如何最恰当的使用新必应

  • 像与人交谈一样提出问题。这意味着包含详细信息、要求提供说明或更多信息以及告诉必应它怎样会对你更有帮助。下面是一个示例:“我计划在九月与朋友一起旅行。距离伦敦希思罗飞行时间在 3 小时以内的有哪些海滩?”然后继续提出类似“我们到了那里该怎么做?”之类的问题。

  • 直接询问有关如何与必应交互的提示。尝试“你能做什么?”“你能帮我处理 X 吗?”“有哪些限制?”等。如果必应无法提供回复，它会让你知道。

  • 必应努力让答案保持有趣和真实，但鉴于这是早期预览版，它仍可能根据汇总的网络内容显示意外或不准确的结果，因此请运用自己的最佳判断。我们一直在学习，欢迎提供反馈以帮助必应改进。请使用每个必应页面右下角的反馈按钮分享你的想法。

它与常规搜索引擎有何不同

新必应基于现有的必应体验，为你提供新类型的搜索。

  • 除了生成相关链接列表之外，必应还整合可靠的网络来源，为你提供一个汇总的答案。

  • 按你说话、写作和思考的方式进行搜索。必应接受复合搜索并分享详细回复。

  • 在聊天体验中，你可以自然地聊天，并在初始搜索之上提出后续问题，以获取个性化回复。

  • 必应可用作创意工具。它可以帮助你编写诗歌、故事甚至分享关于项目的想法。

新必应如何生成回复

必应在网上搜索相关内容，然后汇总找到的内容以生成有用的回复。它还引用内容的来源，因此你能够看到指向它引用的网络内容的链接。

Microsoft如何为新必应实现负责任的AI

在 Microsoft，我们非常重视对负责任 AI 的承诺。我们根据 AI 原则开发必应。我们正在与我们的合作伙伴 OpenAI 合作，以提供鼓励负责任使用的体验。例如，我们在基础模型工作上已经并将继续与 OpenAI 合作，我们设计必应用户体验时以人为本，并且我们开发了一个安全系统，旨在缓解故障并避免滥用内容筛选、操作监视和滥用检测以及其他安全措施。候补名单过程也是我们负责任的 AI 方法的一部分。我们将从具有必应早期访问权限的人员处获取用户反馈，以改进该工具，然后使其广泛可用。

为 AI 赋予责任需要经历一段路程，我们将不断改进我们的系统。我们致力于提高 AI 的可靠性和可信度，您的反馈将帮助我们实现此目标。要详细了解如何负责任地使用必应，请参阅我们的使用条款和内容策略。

To learn more about how to use Bing responsibly, please see our Terms of Use and Code of Conduct.

如果我看到意外内容或冒犯性内容，怎么办

尽管必应努力避免在搜索结果中分享意外的冒犯性内容，并已采取措施防止其聊天功能涉及可能有害的主题，但你仍可能会看到意外结果。我们一直在努力改进预防有害内容的技术。

如果你在系统中遇到有害或不适当的内容，请提供反馈或向必应报告问题，方法是打开回复右上角的菜单，然后单击标志图标。你还可以使用每个必应页面右下角的反馈按钮。我们将继续处理用户反馈，为大家提供安全的搜索体验。

必应的AI生成回复是否始终都是事实

必应努力基于可靠的来源提供回复，但 AI 可能会出错，并且互联网上的第三方内容可能并不总是准确或可靠。必应有时会错误地引用它找到的信息，你可能会看到听起来有说服力但不完整、不准确或不恰当的回复。在根据必应的回复做出决策或采取行动之前，请运用自己的判断并仔细检查事实。

要分享网站反馈或报告问题，请打开回复右上角的菜单，然后单击标志图标。你还可以使用每个必应页面右下角的反馈按钮。

如何访问新必应

你可以通过选择“加入候补名单”来请求访问权限。当你被选中后，你将收到一封电子邮件，告知你可以在 Bing.com 访问新必应，然后你可以在常用搜索框中开始键入内容。新必应也可在聊天体验中找到，位于搜索结果的顶部。

:::warning
以下内容为翻译内容，不一定100%准确！
翻译由Microsoft edge提供
:::

必应如何在移动端edge中工作

现在，你可以在手机上的 Microsoft Edge 应用中与必应聊天，以从 Web 获取答案、创建书面内容、收集旅行计划想法等 - 所有这些都由 AI 生成。清除候补名单后，您将能够从Microsoft Edge应用程序的主页访问新的Bing。每个对话将限制为 5 次互动，以保持互动以搜索为基础。

Edge 应用中的必应还支持音频交互 - 只需点击麦克风图标，即可向必应提问并听到语音响应。

若要在 Edge 应用中共享反馈或报告问题，请点击并按住响应，然后选择竖起大拇指或向下选择反馈选项。我们欢迎你的关注，并将继续处理用户反馈，以改善所有用户的必应 Bing in Edge 应用体验。

比用如何在Skype中工作

现在，你可以在 Skype 中与必应聊天，从 Web 获取答案、创建书面内容、度假计划创意等，所有这些都由 AI 生成。在一对一对话中与必应聊天，或将其添加到与朋友、家人或同事的群组中。

当必应是组的一部分时，必应只会在使用@Bing明确提及聊天上下文时访问聊天上下文。必应将刷新其内存，并在每次新提及时重新开始。在总结对话时，必应可能会弄错你的代词。如果发生这种情况，您可以使用消息中的@Bing告诉必应您的正确代词。

必应不支持 Skype 中的音频或视频交互，并且不会访问或参与任何音频或视频对话。

必应旨在将其所有回复都基于可靠的来源，但人工智能可能会犯错误，互联网上的第三方内容可能并不总是准确或可靠的。在根据必应 Skype 中的响应做出决定或采取行动之前，使用你自己的判断并仔细检查事实。

请记住，这是一个预览，我们仍在学习。要共享反馈或报告问题，请右键单击（桌面）或点击并按住（移动）响应，然后选择报告问题。我们来看看。

— 摘录自：新必应

微软推出“新必应”，支持在线ChatGPT！
http://uu.sssu.us/archives/11066/
作者
径曲山斜
发布于
2023-02-25
更新于
2023-07-02
许可协议
CC BY 4.0
打赏
  • 微信
    微信
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/13199/index.html b/archives/13199/index.html index a424181e6..cfa75c949 100644 --- a/archives/13199/index.html +++ b/archives/13199/index.html @@ -1 +1 @@ -typecho搭建教程 | 径曲山斜のBlog

typecho搭建教程

发表于|更新于
|阅读量:

:::tips
必备：

  • 电脑
  • ftp服务器（带有PHP环境）
  • 正常人
  • 手
    :::

登录ftp服务器，PHP版本选择7.4（兼容性较好）

安装

下载

下载typecho压缩包上传到ftp服务器的运行目录后解压

绑定域名并在域名dns中添加cname记录

安装

访问http://你的域名/install.php完成安装，数据库地址填写自己的，如果你的是localhost，那么请在高级选项中查看默认端口是否正确。

安装完成后访问http://你的域名/

如果成功可继续下一步操作。

伪静态

在ftp服务器伪静态设置中写入规则：

1
2
3
4
5
6
7
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ index.php [L,E=PATH_INFO:$1]
</IfModule>

访问http://你的域名/admin进行管理，在设置-永久链接中启用地址重写，并设置永久链接为默认风格。

主题

主题放在/usr/themes下

typecho搭建教程
http://uu.sssu.us/archives/13199/
作者
径曲山斜
发布于
2023-03-19
更新于
2023-07-02
许可协议
CC BY 4.0
打赏
  • 微信
    微信
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +typecho搭建教程 | 径曲山斜のBlog

typecho搭建教程

发表于|更新于
|阅读量:

:::tips
必备：

  • 电脑
  • ftp服务器（带有PHP环境）
  • 正常人
  • 手
    :::

登录ftp服务器，PHP版本选择7.4（兼容性较好）

安装

下载

下载typecho压缩包上传到ftp服务器的运行目录后解压

绑定域名并在域名dns中添加cname记录

安装

访问http://你的域名/install.php完成安装，数据库地址填写自己的，如果你的是localhost，那么请在高级选项中查看默认端口是否正确。

安装完成后访问http://你的域名/

如果成功可继续下一步操作。

伪静态

在ftp服务器伪静态设置中写入规则：

1
2
3
4
5
6
7
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ index.php [L,E=PATH_INFO:$1]
</IfModule>

访问http://你的域名/admin进行管理，在设置-永久链接中启用地址重写，并设置永久链接为默认风格。

主题

主题放在/usr/themes下

typecho搭建教程
http://uu.sssu.us/archives/13199/
作者
径曲山斜
发布于
2023-03-19
更新于
2023-07-02
许可协议
CC BY 4.0
打赏
  • 微信
    微信
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/16107/index.html b/archives/16107/index.html index 243b7f3ff..9b0137a3a 100644 --- a/archives/16107/index.html +++ b/archives/16107/index.html @@ -1 +1 @@ -Hello World | 径曲山斜のBlog

Hello World

发表于|更新于
|阅读量:

这是我第一次用hexo搭建博客，也是第一篇文章
那就让我们开始写作，写下：

1
hello world

Hello World
http://uu.sssu.us/archives/16107/
作者
径曲山斜
发布于
2022-08-20
更新于
2023-07-02
许可协议
CC BY 4.0
打赏
  • 微信
    微信
评论
晚上好！我是
径曲山斜
avatar
抱歉，该文章无目录
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +Hello World | 径曲山斜のBlog

Hello World

发表于|更新于
|阅读量:

这是我第一次用hexo搭建博客，也是第一篇文章
那就让我们开始写作，写下：

1
hello world

Hello World
http://uu.sssu.us/archives/16107/
作者
径曲山斜
发布于
2022-08-20
更新于
2023-07-02
许可协议
CC BY 4.0
打赏
  • 微信
    微信
评论
晚上好！我是
径曲山斜
avatar
抱歉，该文章无目录
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/17909/index.html b/archives/17909/index.html index a6d604c46..972374d6f 100644 --- a/archives/17909/index.html +++ b/archives/17909/index.html @@ -1 +1 @@ -新冠阳性记录 | 径曲山斜のBlog

新冠阳性记录

发表于|更新于|生活记录
|阅读量:

:::danger
这不新冠放开嘛

博主本人不久前也阳了

这里也把我自己和身边的阳康记录一下

顺便水文
:::

正好好久没有写过生活类的文章了

虽然我技术类文章也没多少

哔哔了这么多，进入正题吧！

:::tips
首先，我自己
:::
:::success


我自己，嗯

其实还好

第一天发现有些头疼

测抗原羊了

然后第二天就发烧了

37.8度

嗯还能熬夜

第三天就38度了

嗯还能活

第四天37.4度
第五天咳嗽
第六天痊愈
:::

:::success
然后就是身边的阳康们！
上图！
:::
第一位

第二位

群里几位阳康

:::warning
关于这个病毒

这玩意现在传染性很强

保守点说，我身边几乎60%的人都阳了
大家症状都不一样

有人呕吐，有人头疼，甚至有人烧两天就好了

但是也有人差点就昏迷了

大家还是要小心

但是莫慌，莫慌

也别被病毒乱了阵脚

备点药，比啥都强

能不阳尽量避免！
:::

1
2
3
4
5
6
7
8
9
10
放开前:
A: 我*，有人阳了，咋办
B: 好慌
C: 天哪我跟ta有接触
D: 完蛋
放开后:
A: 呦，阳了，发朋友圈ing...
B: +1
C: +1
D: 发烧有点难受
新冠阳性记录
http://uu.sssu.us/archives/17909/
作者
径曲山斜
发布于
2022-12-27
更新于
2023-07-02
许可协议
CC BY 4.0
碎碎念生活
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
抱歉，该文章无目录
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +新冠阳性记录 | 径曲山斜のBlog

新冠阳性记录

发表于|更新于|生活记录
|阅读量:

:::danger
这不新冠放开嘛

博主本人不久前也阳了

这里也把我自己和身边的阳康记录一下

顺便水文
:::

正好好久没有写过生活类的文章了

虽然我技术类文章也没多少

哔哔了这么多，进入正题吧！

:::tips
首先，我自己
:::
:::success


我自己，嗯

其实还好

第一天发现有些头疼

测抗原羊了

然后第二天就发烧了

37.8度

嗯还能熬夜

第三天就38度了

嗯还能活

第四天37.4度
第五天咳嗽
第六天痊愈
:::

:::success
然后就是身边的阳康们！
上图！
:::
第一位

第二位

群里几位阳康

:::warning
关于这个病毒

这玩意现在传染性很强

保守点说，我身边几乎60%的人都阳了
大家症状都不一样

有人呕吐，有人头疼，甚至有人烧两天就好了

但是也有人差点就昏迷了

大家还是要小心

但是莫慌，莫慌

也别被病毒乱了阵脚

备点药，比啥都强

能不阳尽量避免！
:::

1
2
3
4
5
6
7
8
9
10
放开前:
A: 我*，有人阳了，咋办
B: 好慌
C: 天哪我跟ta有接触
D: 完蛋
放开后:
A: 呦，阳了，发朋友圈ing...
B: +1
C: +1
D: 发烧有点难受
新冠阳性记录
http://uu.sssu.us/archives/17909/
作者
径曲山斜
发布于
2022-12-27
更新于
2023-07-02
许可协议
CC BY 4.0
碎碎念生活
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
抱歉，该文章无目录
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/18276/index.html b/archives/18276/index.html index 53912f0c6..3336afbc5 100644 --- a/archives/18276/index.html +++ b/archives/18276/index.html @@ -1 +1 @@ -butterfly添加蓝天白云 | 径曲山斜のBlog

butterfly添加蓝天白云

发表于|更新于|杂谈教程
|阅读量:

为butterfly主题添加一个蓝天白云特效

  • 动态效果
  • 低占用
  • 优雅美观
  1. 在/themes/butterfly/layout/includes下，新建skycloud.pug。
1
2
3
4
.sky
  .clouds_one
  .clouds_two
  .clouds_three
  1. 在/themes/butterfly/layout/includes/layout.pug中引入
1
2
3
4
5
    if page.type !== '404'
      #body-wrap(class=pageType)
        include ./header/index.pug
+        if (is_home())
+          include ./skyclouds.pug
  1. 引入css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
.sky {
  height: 480px;
  background-image: linear-gradient(180deg, #3387de, #6fa1e3, #a4c0e2, rgb(247,249,254));
  position: fixed;
  overflow: hidden;
  width: 100%;
  z-index: -10;
}

.clouds_one {
  background: url("https://uu.sssu.us/css/img/cloud_one.png");
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 300%;
  -webkit-animation: cloud_one 50s linear infinite;
  -moz-animation: cloud_one 50s linear infinite;
  -o-animation: cloud_one 50s linear infinite;
  animation: cloud_one 50s linear infinite; 
}

.clouds_two {
  background: url("https://uu.sssu.us/css/img/cloud_two.png");
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 300%;
  -webkit-animation: cloud_two 75s linear infinite;
  -moz-animation: cloud_two 75s linear infinite;
  -o-animation: cloud_two 75s linear infinite;
  animation: cloud_two 75s linear infinite; 
}

.clouds_three {
  background: url("https://uu.sssu.us/css/img/cloud_three.png");
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 300%;
  -webkit-animation: cloud_three 100s linear infinite;
  -moz-animation: cloud_three 100s linear infinite;
  -o-animation: cloud_three 100s linear infinite;
  animation: cloud_three 100s linear infinite; 
}

@-webkit-keyframes cloud_one {
  0% {
	left: 0
  }
  100% {
	left: -200%
  }
}
@-moz-keyframes cloud_one {
  0% {
	left: 0
  }
  100% {
	left: -200%
  }
}
@keyframes cloud_one {
  0% {
	left: 0
  }
  100% {
	left: -200%
  }
}

@-webkit-keyframes cloud_two {
  0% {
	left: 0
  }
  100% {
	left: -200%
  }
}
@-moz-keyframes cloud_two {
  0% {
	left: 0
  }
  100% {
	left: -200%
  }
}
@keyframes cloud_two {
  0% {
	left: 0
  }
  100% {
	left: -200%
  }
}

@-webkit-keyframes cloud_three {
  0% {
	left: 0
  }
  100% {
	left: -200%
  }
}
@-moz-keyframes cloud_three {
  0% {
	left: 0
  }
  100% {
	left: -200%
  }
}
@keyframes cloud_three {
  0% {
	left: 0
  }
  100% {
	left: -200%
  }
}
butterfly添加蓝天白云
http://uu.sssu.us/archives/18276/
作者
径曲山斜
发布于
2023-02-23
更新于
2023-07-28
许可协议
CC BY 4.0
hexo魔改butterfly
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
抱歉，该文章无目录
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +butterfly添加蓝天白云 | 径曲山斜のBlog

butterfly添加蓝天白云

发表于|更新于|杂谈教程
|阅读量:

为butterfly主题添加一个蓝天白云特效

  • 动态效果
  • 低占用
  • 优雅美观
  1. 在/themes/butterfly/layout/includes下，新建skycloud.pug。
1
2
3
4
.sky
  .clouds_one
  .clouds_two
  .clouds_three
  1. 在/themes/butterfly/layout/includes/layout.pug中引入
1
2
3
4
5
    if page.type !== '404'
      #body-wrap(class=pageType)
        include ./header/index.pug
+        if (is_home())
+          include ./skyclouds.pug
  1. 引入css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
.sky {
  height: 480px;
  background-image: linear-gradient(180deg, #3387de, #6fa1e3, #a4c0e2, rgb(247,249,254));
  position: fixed;
  overflow: hidden;
  width: 100%;
  z-index: -10;
}

.clouds_one {
  background: url("https://uu.sssu.us/css/img/cloud_one.png");
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 300%;
  -webkit-animation: cloud_one 50s linear infinite;
  -moz-animation: cloud_one 50s linear infinite;
  -o-animation: cloud_one 50s linear infinite;
  animation: cloud_one 50s linear infinite; 
}

.clouds_two {
  background: url("https://uu.sssu.us/css/img/cloud_two.png");
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 300%;
  -webkit-animation: cloud_two 75s linear infinite;
  -moz-animation: cloud_two 75s linear infinite;
  -o-animation: cloud_two 75s linear infinite;
  animation: cloud_two 75s linear infinite; 
}

.clouds_three {
  background: url("https://uu.sssu.us/css/img/cloud_three.png");
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 300%;
  -webkit-animation: cloud_three 100s linear infinite;
  -moz-animation: cloud_three 100s linear infinite;
  -o-animation: cloud_three 100s linear infinite;
  animation: cloud_three 100s linear infinite; 
}

@-webkit-keyframes cloud_one {
  0% {
	left: 0
  }
  100% {
	left: -200%
  }
}
@-moz-keyframes cloud_one {
  0% {
	left: 0
  }
  100% {
	left: -200%
  }
}
@keyframes cloud_one {
  0% {
	left: 0
  }
  100% {
	left: -200%
  }
}

@-webkit-keyframes cloud_two {
  0% {
	left: 0
  }
  100% {
	left: -200%
  }
}
@-moz-keyframes cloud_two {
  0% {
	left: 0
  }
  100% {
	left: -200%
  }
}
@keyframes cloud_two {
  0% {
	left: 0
  }
  100% {
	left: -200%
  }
}

@-webkit-keyframes cloud_three {
  0% {
	left: 0
  }
  100% {
	left: -200%
  }
}
@-moz-keyframes cloud_three {
  0% {
	left: 0
  }
  100% {
	left: -200%
  }
}
@keyframes cloud_three {
  0% {
	left: 0
  }
  100% {
	left: -200%
  }
}
butterfly添加蓝天白云
http://uu.sssu.us/archives/18276/
作者
径曲山斜
发布于
2023-02-23
更新于
2023-07-28
许可协议
CC BY 4.0
hexo魔改butterfly
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
抱歉，该文章无目录
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/2022/08/index.html b/archives/2022/08/index.html index 13e75799d..5e027facf 100644 --- a/archives/2022/08/index.html +++ b/archives/2022/08/index.html @@ -1 +1 @@ -八月 2022 | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +八月 2022 | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/2022/10/index.html b/archives/2022/10/index.html index 3d7d49f93..01c0ecef9 100644 --- a/archives/2022/10/index.html +++ b/archives/2022/10/index.html @@ -1 +1 @@ -十月 2022 | 径曲山斜のBlog

文章总览 - 1
2022
hexo博客搭建-1-快速开始&安装主题
hexo博客搭建-1-快速开始&安装主题
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +十月 2022 | 径曲山斜のBlog

文章总览 - 1
2022
hexo博客搭建-1-快速开始&安装主题
hexo博客搭建-1-快速开始&安装主题
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/2022/12/index.html b/archives/2022/12/index.html index d37878eef..9ede8b5de 100644 --- a/archives/2022/12/index.html +++ b/archives/2022/12/index.html @@ -1 +1 @@ -十二月 2022 | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +十二月 2022 | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/2022/12/page/2/index.html b/archives/2022/12/page/2/index.html index 276424f5c..38772021f 100644 --- a/archives/2022/12/page/2/index.html +++ b/archives/2022/12/page/2/index.html @@ -1 +1 @@ -十二月 2022 | 径曲山斜のBlog

文章总览 - 13
2022
markdown-it语法
markdown-it语法
markdown-it食用教程
markdown-it食用教程
百度网盘高速下载
百度网盘高速下载
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +十二月 2022 | 径曲山斜のBlog

文章总览 - 13
2022
markdown-it语法
markdown-it语法
markdown-it食用教程
markdown-it食用教程
百度网盘高速下载
百度网盘高速下载
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/2022/index.html b/archives/2022/index.html index 08291a13b..f7a19e9f2 100644 --- a/archives/2022/index.html +++ b/archives/2022/index.html @@ -1 +1 @@ -2022 | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +2022 | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/2022/page/2/index.html b/archives/2022/page/2/index.html index c0efc7df4..7b74f3b47 100644 --- a/archives/2022/page/2/index.html +++ b/archives/2022/page/2/index.html @@ -1 +1 @@ -2022 | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +2022 | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/2023/01/index.html b/archives/2023/01/index.html index 27bcb464e..fb737cb39 100644 --- a/archives/2023/01/index.html +++ b/archives/2023/01/index.html @@ -1 +1 @@ -一月 2023 | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +一月 2023 | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/2023/01/page/2/index.html b/archives/2023/01/page/2/index.html index ae451adb1..1ccc1ca90 100644 --- a/archives/2023/01/page/2/index.html +++ b/archives/2023/01/page/2/index.html @@ -1 +1 @@ -一月 2023 | 径曲山斜のBlog

文章总览 - 11
2023
Ecx-UI-1-设计理念
Ecx-UI-1-设计理念
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +一月 2023 | 径曲山斜のBlog

文章总览 - 11
2023
Ecx-UI-1-设计理念
Ecx-UI-1-设计理念
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/2023/02/index.html b/archives/2023/02/index.html index 22883c853..651c0f566 100644 --- a/archives/2023/02/index.html +++ b/archives/2023/02/index.html @@ -1 +1 @@ -二月 2023 | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +二月 2023 | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/2023/03/index.html b/archives/2023/03/index.html index 9dbf5266f..e18f0e4a1 100644 --- a/archives/2023/03/index.html +++ b/archives/2023/03/index.html @@ -1 +1 @@ -三月 2023 | 径曲山斜のBlog

文章总览 - 4
2023
dimension-6.0更新
dimension-6.0更新
typecho搭建教程
typecho搭建教程
arcolinux初体验
arcolinux初体验
dynasty/dimension主题外挂标签
dynasty/dimension主题外挂标签
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +三月 2023 | 径曲山斜のBlog

文章总览 - 4
2023
dimension-6.0更新
dimension-6.0更新
typecho搭建教程
typecho搭建教程
arcolinux初体验
arcolinux初体验
dynasty/dimension主题外挂标签
dynasty/dimension主题外挂标签
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/2023/07/index.html b/archives/2023/07/index.html index e0c9ba750..6a52144ad 100644 --- a/archives/2023/07/index.html +++ b/archives/2023/07/index.html @@ -1 +1 @@ -七月 2023 | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +七月 2023 | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/2023/08/index.html b/archives/2023/08/index.html index 3dd27f6b4..d7712897c 100644 --- a/archives/2023/08/index.html +++ b/archives/2023/08/index.html @@ -1 +1 @@ -八月 2023 | 径曲山斜のBlog

文章总览 - 1
2023
使用cdn进行加速+防御
使用cdn进行加速+防御
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +八月 2023 | 径曲山斜のBlog

文章总览 - 1
2023
使用cdn进行加速+防御
使用cdn进行加速+防御
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/2023/09/index.html b/archives/2023/09/index.html index 087293444..aa68a9937 100644 --- a/archives/2023/09/index.html +++ b/archives/2023/09/index.html @@ -1 +1 @@ -九月 2023 | 径曲山斜のBlog

文章总览 - 1
2023
使用mmd制作3d动画-初步
使用mmd制作3d动画-初步
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +九月 2023 | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/2023/index.html b/archives/2023/index.html index 23f86b143..c01f96034 100644 --- a/archives/2023/index.html +++ b/archives/2023/index.html @@ -1 +1 @@ -2023 | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +2023 | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/2023/page/2/index.html b/archives/2023/page/2/index.html index ae348b57b..6c172ce39 100644 --- a/archives/2023/page/2/index.html +++ b/archives/2023/page/2/index.html @@ -1 +1 @@ -2023 | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +2023 | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/2023/page/3/index.html b/archives/2023/page/3/index.html index 114e7bb93..83807ed74 100644 --- a/archives/2023/page/3/index.html +++ b/archives/2023/page/3/index.html @@ -1 +1 @@ -2023 | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +2023 | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/21428/index.html b/archives/21428/index.html index 765eb2c06..6e3559001 100644 --- a/archives/21428/index.html +++ b/archives/21428/index.html @@ -1 +1 @@ -百度网盘高速下载 | 径曲山斜のBlog

百度网盘高速下载

发表于|更新于|杂谈教程
|阅读量:

1-前言

1.1-废话

众所周知，某度网盘下载没有vip灰常慢

而我下载的镜像，动不动就2-3GB
几十kb每秒的下载速度
::: danger
卒
下完了半截身子入土了（
:::

2-开始

2.1-油猴

所以今天推荐一个油猴插件
首先安装好==tampermonkey==

2.2-脚本

前往==greasyfork==
搜索脚本：++百度网盘++
往下翻，找到百度网盘简易下载助手（直链下载复活版）
点击“安装脚本”

如果提示脚本友不受欢迎的功能，请不要在意，脚本纯净无病毒，请放心使用

安装后去下载一个aria2

1
解压后双击运行ariaNG启动器，如果要管理员权限点击是！

最后到百度网盘网页版

注意一定要网页版

勾选一个文件，只能一个，不能文件夹或者多个
点击

1
获取直连地址

然后会提示你到微信关zhu弓重号：软件小妹（此处并非打广告，因为真的需要）
对弓重号发送“验证码”获取
到浏览器输入到验证码框，再点击“获取直连地址”
获取成功点击发送到aria2
这玩意能拉满带宽！

百度网盘高速下载
http://uu.sssu.us/archives/21428/
作者
径曲山斜
发布于
2022-12-10
更新于
2023-07-02
许可协议
CC BY 4.0
打赏
  • 微信
    微信
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +百度网盘高速下载 | 径曲山斜のBlog

百度网盘高速下载

发表于|更新于|杂谈教程
|阅读量:

1-前言

1.1-废话

众所周知，某度网盘下载没有vip灰常慢

而我下载的镜像，动不动就2-3GB
几十kb每秒的下载速度
::: danger
卒
下完了半截身子入土了（
:::

2-开始

2.1-油猴

所以今天推荐一个油猴插件
首先安装好==tampermonkey==

2.2-脚本

前往==greasyfork==
搜索脚本：++百度网盘++
往下翻，找到百度网盘简易下载助手（直链下载复活版）
点击“安装脚本”

如果提示脚本友不受欢迎的功能，请不要在意，脚本纯净无病毒，请放心使用

安装后去下载一个aria2

1
解压后双击运行ariaNG启动器，如果要管理员权限点击是！

最后到百度网盘网页版

注意一定要网页版

勾选一个文件，只能一个，不能文件夹或者多个
点击

1
获取直连地址

然后会提示你到微信关zhu弓重号：软件小妹（此处并非打广告，因为真的需要）
对弓重号发送“验证码”获取
到浏览器输入到验证码框，再点击“获取直连地址”
获取成功点击发送到aria2
这玩意能拉满带宽！

百度网盘高速下载
http://uu.sssu.us/archives/21428/
作者
径曲山斜
发布于
2022-12-10
更新于
2023-07-02
许可协议
CC BY 4.0
打赏
  • 微信
    微信
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/21521/index.html b/archives/21521/index.html index 38e1d3844..034502ae7 100644 --- a/archives/21521/index.html +++ b/archives/21521/index.html @@ -1 +1 @@ -hexo一个菜鸟滴踩坑记录和解决办法分享 | 径曲山斜のBlog

hexo一个菜鸟滴踩坑记录和解决办法分享

发表于|更新于
|阅读量:

今天继续水一篇（

就说点hexo踩的坑和小技巧吧

:::danger

首先，踩坑

:::
玩hexo，我踩的坑还真不少

Q:pug组件加载失败

A:

1
cnpm i pug-lexer --save

就好啦！

Q:falal：spawn failed

A:多上传几次

配置ssl

然后把上传的仓库地址改成git@github.com:用户名/仓库名.git

Q:TypeError [ERR_INVALID_URL]: Invalid URL

err
1
2
3
4
5
6
FATAL
TypeError [ERR_INVALID_URL]: Invalid URL
    at new NodeError (node:internal/errors:393:5)
    at URL.onParseError (node:internal/url:565:9)
    at new URL (node:internal/url:645:5)
    at module.exports (D:\blog\node_modules\_hexo@6.3.0@hexo\lib\hexo\load_config.js:31:24)

A:很简单，url没写对

Q:打开localhost后是一串文字（butterfly

A:安装你主题对应的渲染器就好
我是butterfly，所以

1
cnpm i hexo-renderer-pug --save

Q:预览跑板，是一堆图片和文字

A:
:::warning
一般有几种原因

这里的方法通用适用于其他一些报错

:::

如果你在魔改

1.检查你是否按照魔改教程操作，一步步检查。
2.检查教程中的主题和你的主题==版本是否过老==，或者你使用的主题==是否为preview版==。
3.如果觉得太难，建议放弃本次魔改
4.建议每次魔改之前备份主题（作者之前就不听话一直不备份，最后崩了出现不可逆错误真的痛啊！

如果你没在魔改

请检查最近是否动过==_config.yml==和==主题config==，动了改回来，一般会好哒！
==再说一遍，备份主题和配置，真的很重要==

Q:ERROR Deployer not found: git

A:没安装deployer-git

1
cnpm i hexo-deployer-git --save

解决

Q:最后一个问题我自己都解决不了，在线求大神:)

1
2
3
4
5
cnpm un hexo-electric-clock --save
npm ERR! Cannot read properties of null (reading 'isDescendantOf')

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\cbx\AppData\Local\npm-cache\_logs\2022-12-19T08_41_26_668Z-debug-0.log

在线求大神:(

最后就是一点优化

首先，githubpage太慢可以用Netlify。

占用问题

我发现了博客目录下的source里面的文件夹会生成到public里面，而目录就是看public里的目录填写的，最终上传的也是public，主题目录下/source/img会在public力生成img文件夹，然而放在博客/source/img力也会在同样的路径生成img文件夹，我用过很多主题，每个里面都放一个img文件夹存图片，尊滴很费空间!:(
所~以！
我把主题的img文件夹挪到博客的/source/img，这样就不用每个主题都放一份了，省了几倍空间，好耶！:)
:::danger
当然，这么弄的前提是，你每个主题用的图片都一样，或者直接全包含。
:::

hexo一个菜鸟滴踩坑记录和解决办法分享
http://uu.sssu.us/archives/21521/
作者
径曲山斜
发布于
2022-12-19
更新于
2023-07-28
许可协议
CC BY 4.0
hexo碎碎念FAQ
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +hexo一个菜鸟滴踩坑记录和解决办法分享 | 径曲山斜のBlog

hexo一个菜鸟滴踩坑记录和解决办法分享

发表于|更新于
|阅读量:

今天继续水一篇（

就说点hexo踩的坑和小技巧吧

:::danger

首先，踩坑

:::
玩hexo，我踩的坑还真不少

Q:pug组件加载失败

A:

1
cnpm i pug-lexer --save

就好啦！

Q:falal：spawn failed

A:多上传几次

配置ssl

然后把上传的仓库地址改成git@github.com:用户名/仓库名.git

Q:TypeError [ERR_INVALID_URL]: Invalid URL

err
1
2
3
4
5
6
FATAL
TypeError [ERR_INVALID_URL]: Invalid URL
    at new NodeError (node:internal/errors:393:5)
    at URL.onParseError (node:internal/url:565:9)
    at new URL (node:internal/url:645:5)
    at module.exports (D:\blog\node_modules\_hexo@6.3.0@hexo\lib\hexo\load_config.js:31:24)

A:很简单，url没写对

Q:打开localhost后是一串文字（butterfly

A:安装你主题对应的渲染器就好
我是butterfly，所以

1
cnpm i hexo-renderer-pug --save

Q:预览跑板，是一堆图片和文字

A:
:::warning
一般有几种原因

这里的方法通用适用于其他一些报错

:::

如果你在魔改

1.检查你是否按照魔改教程操作，一步步检查。
2.检查教程中的主题和你的主题==版本是否过老==，或者你使用的主题==是否为preview版==。
3.如果觉得太难，建议放弃本次魔改
4.建议每次魔改之前备份主题（作者之前就不听话一直不备份，最后崩了出现不可逆错误真的痛啊！

如果你没在魔改

请检查最近是否动过==_config.yml==和==主题config==，动了改回来，一般会好哒！
==再说一遍，备份主题和配置，真的很重要==

Q:ERROR Deployer not found: git

A:没安装deployer-git

1
cnpm i hexo-deployer-git --save

解决

Q:最后一个问题我自己都解决不了，在线求大神:)

1
2
3
4
5
cnpm un hexo-electric-clock --save
npm ERR! Cannot read properties of null (reading 'isDescendantOf')

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\cbx\AppData\Local\npm-cache\_logs\2022-12-19T08_41_26_668Z-debug-0.log

在线求大神:(

最后就是一点优化

首先，githubpage太慢可以用Netlify。

占用问题

我发现了博客目录下的source里面的文件夹会生成到public里面，而目录就是看public里的目录填写的，最终上传的也是public，主题目录下/source/img会在public力生成img文件夹，然而放在博客/source/img力也会在同样的路径生成img文件夹，我用过很多主题，每个里面都放一个img文件夹存图片，尊滴很费空间!:(
所~以！
我把主题的img文件夹挪到博客的/source/img，这样就不用每个主题都放一份了，省了几倍空间，好耶！:)
:::danger
当然，这么弄的前提是，你每个主题用的图片都一样，或者直接全包含。
:::

hexo一个菜鸟滴踩坑记录和解决办法分享
http://uu.sssu.us/archives/21521/
作者
径曲山斜
发布于
2022-12-19
更新于
2023-07-28
许可协议
CC BY 4.0
hexo碎碎念FAQ
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/23370/index.html b/archives/23370/index.html index efd91afde..e67f69476 100644 --- a/archives/23370/index.html +++ b/archives/23370/index.html @@ -1 +1 @@ -butterfly侧边按钮重写 | 径曲山斜のBlog

butterfly侧边按钮重写

发表于|更新于
|阅读量:

butterfly自带的侧边按钮外观一般，来重写一个

  • 先关掉默认的侧边按钮
1
2
3
4
5
# aside (側邊欄)
# --------------------------------------

aside:
  button: false

1.修改themes/butterfly/layout/includes/layout.pug:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
......

    include ./rightside.pug
    !=partial('includes/third-party/search/index', {}, {cache: true})
    include ./additional-js.pug
+    .totopbutton(onclick="btf.scrollToDest(0,500)")
+      i.fas.fa-arrow-up
+      span#percent 0
+      include ./waves.pug
+    #console_open_close_btn(onclick='showconsolebtn()')
+      i.fas.fa-gear.fa-spin
+    #console-pannel
+      | 控制台
+      .console-item
+        .console-button(onclick='hideaside()')
+          i.fas.fa-arrows-alt-h
+          .text 侧栏隐显
+      .console-item
+        .console-button(onclick='toggleTheme()')
+          i.fas.fa-adjust
+          .text 暗色模式
+      .console-item
+        .console-button(onclick='hidehometop()')
+          i.fas.fa-grip-vertical
+          .text 顶部隐显
+      .console-item
+        .console-button(onclick='toRandomPost()')
+          i.fas.fa-shuffle
+          .text 随机文章
+    script(src="/js/console.js")

2.新建themes/butterfly/source/css/_layout/console.styl

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
#console_open_close_btn
    position: fixed
    border-radius: 100vh
    width: 40px
    height 40px
    padding: 4px
    z-index: 10002
    background: var(--heo-theme)
    bottom: 97px
    border: 2px solid #e3e8f7
    right: 7px

[data-theme="dark"] #console_open_close_btn
    border: 2px solid #3d3d3f

#console_open_close_btn i
    line-height: 2
    position: relative
    bottom: 7%
    align-items: center
    display: flex
    justify-content: center
    color: var(--heo-font)

#console-pannel
    position: fixed
    bottom: 145px
    display: block
    z-index: 10002
    background: var(--heo-theme)
    transition: right .5s
    color: var(--heo-font)
    width: 115px
    right: -115px
    height: fit-content
    padding: 10px
    border-radius: 20px
    font-weight: 600
    border: 2px solid #e3e8f7

[data-theme="dark"] #console-pannel
    border: 2px solid #3d3d3f

#console-pannel .console-item .console-button
    display: flex

#console-pannel .console-item .console-button i
    flex: 1
    margin-right: 4px
    line-height: 2

#console-pannel .close-button
    right: 20px
    position: absolute

.totopbutton
    position: fixed
    bottom: 15px
    overflow: hidden
    right: 15px
    background: #94ddee
    border-radius: 100vh
    border: 2.5px solid #00d0ff
    height: 80px
    width: 80px
    z-index: 10000
    user-select: none

[data-theme="dark"] .totopbutton
  background: #3d3d3d
  border: 2.5px solid #F2B94B

.totopbutton span#percent
    font-size: 30px
    justify-content: center
    align-items: center
    display: flex
    font-weight: 700
    color: #fff
    text-shadow: 2px 1px #000
    margin: auto
    z-index inherit
    top: 6px
    position: relative

.totopbutton i
    font-size: 30px
    justify-content: center
    align-items: center
    display: none
    color: #fff
    text-shadow: 2px 1px #000
    font-weight: 700
    margin: auto
    z-index inherit
    top: 20px
    position: relative

.totopbutton:hover i
    display: flex

.totopbutton:hover span#percent
    display: none

.totopbutton .main-hero-waves-area
    width: 100%
    height 50%
    position: absolute
    bottom: 0
    left: 0
    .parallax>use:nth-child(1)
      fill: #1a55ffbd
    .parallax>use:nth-child(2)
      fill: #1a55ff82
    .parallax>use:nth-child(3)
      fill: #1a55ff36
    .parallax>use:nth-child(4)
      fill: #1a55ff

[data-theme="dark"] .totopbutton .main-hero-waves-area
    .parallax>use:nth-child(1)
      fill: #F2B94Bbd
    .parallax>use:nth-child(2)
      fill: #F2B94B82
    .parallax>use:nth-child(3)
      fill: #F2B94B36
    .parallax>use:nth-child(4)
      fill: #F2B94B

3.引入如下css（此部分来自安知鱼的波浪css）：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
/* 波浪css */
.main-hero-waves-area {
  width: 100%;
  left: 0;
  position: relative;
  bottom: -11px;
  top: 12px;
  z-index: 5;
}
.waves-area .waves-svg {
  width: 100%;
  height: 5rem;
}
/* Animation */

.parallax > use {
  animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
  fill: #f7f9febd;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
  fill: #f7f9fe82;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
  fill: #f7f9fe36;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
  fill: #f7f9fe;
}
/* 黑色模式背景 */
[data-theme="dark"] .parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
  fill: #18171dc8;
}
[data-theme="dark"] .parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
  fill: #18171d80;
}
[data-theme="dark"] .parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
  fill: #18171d3e;
}
[data-theme="dark"] .parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
  fill: #18171d;
}

@keyframes move-forever {
  0% {
    transform: translate3d(-90px, 0, 0);
  }
  100% {
    transform: translate3d(85px, 0, 0);
  }
}

.post-bg .main-hero-waves-area {
  top: 420px !important;
}

4.引入console.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
// 返回顶部 显示网页阅读进度
window.onscroll = percent; // 执行函数
// 页面百分比
function percent() {
  let a = document.documentElement.scrollTop || window.pageYOffset, // 卷去高度
    b =
      Math.max(
        document.body.scrollHeight,
        document.documentElement.scrollHeight,
        document.body.offsetHeight,
        document.documentElement.offsetHeight,
        document.body.clientHeight,
        document.documentElement.clientHeight
      ) - document.documentElement.clientHeight, // 整个网页高度 减去 可视高度
    result = Math.round((a / b) * 100), // 计算百分比
    btn = document.querySelector("#percent"); // 获取图标
  (btn.innerHTML = result);
}

document.getElementById("page-name").innerText = document.title.split(" | blog")[0];

function toggleTheme() {
  var currentTheme = document.documentElement.getAttribute("data-theme");
  var targetTheme = currentTheme === "dark" ? "light" : "dark";
  document.documentElement.setAttribute("data-theme", targetTheme);
  new Vue({
    data: function () {
        this.$notify({
            title: "切换成功",
            message: "dark/light",
            position: 'top-left',
            offset: 50,
            showClose: true,
            type: "success",
            duration: 4000
        });
    }
  })
}

function showconsolebtn() {
  var consolebtn = document.getElementById('console-pannel');
  if (consolebtn.style.right === '7px') {
    consolebtn.style.right = '-115px';
  } else {
    consolebtn.style.right = '7px'
  }
}

function hideaside() {
  var aside = document.getElementById('aside-content');
  var postmodule = document.getElementsByClassName('maininner')[0];
  if (aside.style.display === 'none') {
    aside.style.display = 'block';
    postmodule.style.width = '74%';
    new Vue({
      data: function () {
          this.$notify({
              title: "设置成功",
              message: "已显示侧边栏",
              position: 'top-left',
              offset: 50,
              showClose: true,
              type: "success",
              duration: 4000
          });
      }
    })
  }
  else {
    aside.style.display = 'none';
    postmodule.style.width = '100%';
    new Vue({
      data: function () {
          this.$notify({
              title: "设置成功",
              message: "已隐藏侧边栏",
              position: 'top-left',
              offset: 50,
              showClose: true,
              type: "success",
              duration: 4000
          });
      }
    })
  }
}

function hidehometop() {
  var hometop = document.getElementsByClassName('hometop')[0];
  if (hometop.style.display === 'none') {
    hometop.style.display = 'block';
    new Vue({
      data: function () {
          this.$notify({
              title: "设置成功",
              message: "已显示顶部",
              position: 'top-left',
              offset: 50,
              showClose: true,
              type: "success",
              duration: 4000
          });
      }
    })
  }
  else {
    hometop.style.display = 'none';
    new Vue({
      data: function () {
          this.$notify({
              title: "设置成功",
              message: "已隐藏顶部",
              position: 'top-left',
              offset: 50,
              showClose: true,
              type: "success",
              duration: 4000
          });
      }
    })
  }
}

5.修改themes/butterfly/layout/post.pug

1
2
3
4
5
6
extends includes/layout.pug

block content
-  #post
+  #post.maininner
    if top_img === false

6.修改themes/butterfly/layout/index.pug

1
2
3
4
block content
  include ./includes/mixins/post-ui.pug
-  #recent-posts.recent-posts
+  #recent-posts.recent-posts.maininner

7.引入vue和element-ui（来自fomal）

  • themes/butterfly/layout/includes/layout.pug

    1
    2
    3
    4
    5
    6
    7
    doctype html
    html(lang=config.language data-theme=theme.display_mode class=htmlClassHideAside)
      head
        include ./head.pug
    +    link(rel="stylesheet", href="https://cdn.jsdelivr.net/npm/element-ui@2.15.6/packages/theme-chalk/lib/index.css")
    +    script(async='' src='https://cdn1.tianli0.top/npm/vue@2.6.14/dist/vue.min.js')
    +    script(async='' src='https://cdn1.tianli0.top/npm/element-ui@2.15.6/lib/index.js')
butterfly侧边按钮重写
http://uu.sssu.us/archives/23370/
作者
径曲山斜
发布于
2023-07-05
更新于
2023-07-28
许可协议
CC BY 4.0
魔改butterfly
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
抱歉，该文章无目录
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +butterfly侧边按钮重写 | 径曲山斜のBlog

butterfly侧边按钮重写

发表于|更新于
|阅读量:

butterfly自带的侧边按钮外观一般，来重写一个

  • 先关掉默认的侧边按钮
1
2
3
4
5
# aside (側邊欄)
# --------------------------------------

aside:
  button: false

1.修改themes/butterfly/layout/includes/layout.pug:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
......

    include ./rightside.pug
    !=partial('includes/third-party/search/index', {}, {cache: true})
    include ./additional-js.pug
+    .totopbutton(onclick="btf.scrollToDest(0,500)")
+      i.fas.fa-arrow-up
+      span#percent 0
+      include ./waves.pug
+    #console_open_close_btn(onclick='showconsolebtn()')
+      i.fas.fa-gear.fa-spin
+    #console-pannel
+      | 控制台
+      .console-item
+        .console-button(onclick='hideaside()')
+          i.fas.fa-arrows-alt-h
+          .text 侧栏隐显
+      .console-item
+        .console-button(onclick='toggleTheme()')
+          i.fas.fa-adjust
+          .text 暗色模式
+      .console-item
+        .console-button(onclick='hidehometop()')
+          i.fas.fa-grip-vertical
+          .text 顶部隐显
+      .console-item
+        .console-button(onclick='toRandomPost()')
+          i.fas.fa-shuffle
+          .text 随机文章
+    script(src="/js/console.js")

2.新建themes/butterfly/source/css/_layout/console.styl

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
#console_open_close_btn
    position: fixed
    border-radius: 100vh
    width: 40px
    height 40px
    padding: 4px
    z-index: 10002
    background: var(--heo-theme)
    bottom: 97px
    border: 2px solid #e3e8f7
    right: 7px

[data-theme="dark"] #console_open_close_btn
    border: 2px solid #3d3d3f

#console_open_close_btn i
    line-height: 2
    position: relative
    bottom: 7%
    align-items: center
    display: flex
    justify-content: center
    color: var(--heo-font)

#console-pannel
    position: fixed
    bottom: 145px
    display: block
    z-index: 10002
    background: var(--heo-theme)
    transition: right .5s
    color: var(--heo-font)
    width: 115px
    right: -115px
    height: fit-content
    padding: 10px
    border-radius: 20px
    font-weight: 600
    border: 2px solid #e3e8f7

[data-theme="dark"] #console-pannel
    border: 2px solid #3d3d3f

#console-pannel .console-item .console-button
    display: flex

#console-pannel .console-item .console-button i
    flex: 1
    margin-right: 4px
    line-height: 2

#console-pannel .close-button
    right: 20px
    position: absolute

.totopbutton
    position: fixed
    bottom: 15px
    overflow: hidden
    right: 15px
    background: #94ddee
    border-radius: 100vh
    border: 2.5px solid #00d0ff
    height: 80px
    width: 80px
    z-index: 10000
    user-select: none

[data-theme="dark"] .totopbutton
  background: #3d3d3d
  border: 2.5px solid #F2B94B

.totopbutton span#percent
    font-size: 30px
    justify-content: center
    align-items: center
    display: flex
    font-weight: 700
    color: #fff
    text-shadow: 2px 1px #000
    margin: auto
    z-index inherit
    top: 6px
    position: relative

.totopbutton i
    font-size: 30px
    justify-content: center
    align-items: center
    display: none
    color: #fff
    text-shadow: 2px 1px #000
    font-weight: 700
    margin: auto
    z-index inherit
    top: 20px
    position: relative

.totopbutton:hover i
    display: flex

.totopbutton:hover span#percent
    display: none

.totopbutton .main-hero-waves-area
    width: 100%
    height 50%
    position: absolute
    bottom: 0
    left: 0
    .parallax>use:nth-child(1)
      fill: #1a55ffbd
    .parallax>use:nth-child(2)
      fill: #1a55ff82
    .parallax>use:nth-child(3)
      fill: #1a55ff36
    .parallax>use:nth-child(4)
      fill: #1a55ff

[data-theme="dark"] .totopbutton .main-hero-waves-area
    .parallax>use:nth-child(1)
      fill: #F2B94Bbd
    .parallax>use:nth-child(2)
      fill: #F2B94B82
    .parallax>use:nth-child(3)
      fill: #F2B94B36
    .parallax>use:nth-child(4)
      fill: #F2B94B

3.引入如下css（此部分来自安知鱼的波浪css）：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
/* 波浪css */
.main-hero-waves-area {
  width: 100%;
  left: 0;
  position: relative;
  bottom: -11px;
  top: 12px;
  z-index: 5;
}
.waves-area .waves-svg {
  width: 100%;
  height: 5rem;
}
/* Animation */

.parallax > use {
  animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
  fill: #f7f9febd;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
  fill: #f7f9fe82;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
  fill: #f7f9fe36;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
  fill: #f7f9fe;
}
/* 黑色模式背景 */
[data-theme="dark"] .parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
  fill: #18171dc8;
}
[data-theme="dark"] .parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
  fill: #18171d80;
}
[data-theme="dark"] .parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
  fill: #18171d3e;
}
[data-theme="dark"] .parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
  fill: #18171d;
}

@keyframes move-forever {
  0% {
    transform: translate3d(-90px, 0, 0);
  }
  100% {
    transform: translate3d(85px, 0, 0);
  }
}

.post-bg .main-hero-waves-area {
  top: 420px !important;
}

4.引入console.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
// 返回顶部 显示网页阅读进度
window.onscroll = percent; // 执行函数
// 页面百分比
function percent() {
  let a = document.documentElement.scrollTop || window.pageYOffset, // 卷去高度
    b =
      Math.max(
        document.body.scrollHeight,
        document.documentElement.scrollHeight,
        document.body.offsetHeight,
        document.documentElement.offsetHeight,
        document.body.clientHeight,
        document.documentElement.clientHeight
      ) - document.documentElement.clientHeight, // 整个网页高度 减去 可视高度
    result = Math.round((a / b) * 100), // 计算百分比
    btn = document.querySelector("#percent"); // 获取图标
  (btn.innerHTML = result);
}

document.getElementById("page-name").innerText = document.title.split(" | blog")[0];

function toggleTheme() {
  var currentTheme = document.documentElement.getAttribute("data-theme");
  var targetTheme = currentTheme === "dark" ? "light" : "dark";
  document.documentElement.setAttribute("data-theme", targetTheme);
  new Vue({
    data: function () {
        this.$notify({
            title: "切换成功",
            message: "dark/light",
            position: 'top-left',
            offset: 50,
            showClose: true,
            type: "success",
            duration: 4000
        });
    }
  })
}

function showconsolebtn() {
  var consolebtn = document.getElementById('console-pannel');
  if (consolebtn.style.right === '7px') {
    consolebtn.style.right = '-115px';
  } else {
    consolebtn.style.right = '7px'
  }
}

function hideaside() {
  var aside = document.getElementById('aside-content');
  var postmodule = document.getElementsByClassName('maininner')[0];
  if (aside.style.display === 'none') {
    aside.style.display = 'block';
    postmodule.style.width = '74%';
    new Vue({
      data: function () {
          this.$notify({
              title: "设置成功",
              message: "已显示侧边栏",
              position: 'top-left',
              offset: 50,
              showClose: true,
              type: "success",
              duration: 4000
          });
      }
    })
  }
  else {
    aside.style.display = 'none';
    postmodule.style.width = '100%';
    new Vue({
      data: function () {
          this.$notify({
              title: "设置成功",
              message: "已隐藏侧边栏",
              position: 'top-left',
              offset: 50,
              showClose: true,
              type: "success",
              duration: 4000
          });
      }
    })
  }
}

function hidehometop() {
  var hometop = document.getElementsByClassName('hometop')[0];
  if (hometop.style.display === 'none') {
    hometop.style.display = 'block';
    new Vue({
      data: function () {
          this.$notify({
              title: "设置成功",
              message: "已显示顶部",
              position: 'top-left',
              offset: 50,
              showClose: true,
              type: "success",
              duration: 4000
          });
      }
    })
  }
  else {
    hometop.style.display = 'none';
    new Vue({
      data: function () {
          this.$notify({
              title: "设置成功",
              message: "已隐藏顶部",
              position: 'top-left',
              offset: 50,
              showClose: true,
              type: "success",
              duration: 4000
          });
      }
    })
  }
}

5.修改themes/butterfly/layout/post.pug

1
2
3
4
5
6
extends includes/layout.pug

block content
-  #post
+  #post.maininner
    if top_img === false

6.修改themes/butterfly/layout/index.pug

1
2
3
4
block content
  include ./includes/mixins/post-ui.pug
-  #recent-posts.recent-posts
+  #recent-posts.recent-posts.maininner

7.引入vue和element-ui（来自fomal）

  • themes/butterfly/layout/includes/layout.pug

    1
    2
    3
    4
    5
    6
    7
    doctype html
    html(lang=config.language data-theme=theme.display_mode class=htmlClassHideAside)
      head
        include ./head.pug
    +    link(rel="stylesheet", href="https://cdn.jsdelivr.net/npm/element-ui@2.15.6/packages/theme-chalk/lib/index.css")
    +    script(async='' src='https://cdn1.tianli0.top/npm/vue@2.6.14/dist/vue.min.js')
    +    script(async='' src='https://cdn1.tianli0.top/npm/element-ui@2.15.6/lib/index.js')
butterfly侧边按钮重写
http://uu.sssu.us/archives/23370/
作者
径曲山斜
发布于
2023-07-05
更新于
2023-07-28
许可协议
CC BY 4.0
魔改butterfly
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
抱歉，该文章无目录
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/2637/index.html b/archives/2637/index.html index 4d7909d50..42f39f9c3 100644 --- a/archives/2637/index.html +++ b/archives/2637/index.html @@ -1 +1 @@ -chrome发布新的css单位：lvh，svh，dvh！ | 径曲山斜のBlog

chrome发布新的css单位：lvh，svh，dvh！

发表于|更新于|css
|阅读量:

引入vh，vw的定义

  1. 1vw 等于1/100的视口宽度 （Viewport Width）
  2. 1vh 等于1/100的视口高度 （Viewport Height）
  3. vmin — vmin 的值是当前 vw 和 vh 中较小的值
  4. vmax — vw 和 vh 中较大的值

什么是视口

视口代表当前可见的计算机图形区域。在 Web 浏览器术语中，通常与浏览器窗口相同，但不包括浏览器的 UI，菜单栏等——即指你正在浏览的文档的那一部分。

——摘录自MDN web docs

vh在移动端存在的问题

在移动端中，100vh 不总是等于一屏幕的高度。有的时候，100vh 高度会出现滚动条，或者屏幕下方的工具栏等等乱七八糟栏，总之，移动端的屏幕高度是动态的。

屏幕高度动态，使用vh会导致内容溢出屏幕，如图：

:::warning
注意看溢出的蓝色部分。
:::

工具栏收回，地址栏压缩后，显示正常：

chrome发布的解决办法：新单位lvh,svh,dvh

lvh，svh：静态

lvh：大视口，所有的大视口具有lv前缀，就像刚刚说的lvh，有但不限于：lvw，lvmax，lvmin等等大视口单位

svh：小视口，所有的小视口具有sv前缀，有但不限于：svh，svw，svmax，svmin

如果视口本身大小不变，那么lvh，svh的大小是固定的，只有改变视口大小，lvh，svh的大小才会改变，故这些视口单位是静态的。

dvh：动态视口

这个视口单位是博主在本次更新中最喜欢的一个了，非常好用。

dvh：动态视口，展开动态工具栏时，动态视口等于小视口的大小。当动态工具栏缩回时，动态视口等于大视口的大小，随情况而变。

动态视口有dv前缀，有但不限于：dvh，dvw，dvmax，dvmin

如果高度设为100dvh，宽度设为100vw，那么这个盒子将永远充满屏幕。不会溢出也不会空白。

上述单位于chrome108版本发布。

chrome发布新的css单位：lvh，svh，dvh！
http://uu.sssu.us/archives/2637/
作者
径曲山斜
发布于
2023-02-08
更新于
2023-07-02
许可协议
CC BY 4.0
前端
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +chrome发布新的css单位：lvh，svh，dvh！ | 径曲山斜のBlog

chrome发布新的css单位：lvh，svh，dvh！

发表于|更新于|css
|阅读量:

引入vh，vw的定义

  1. 1vw 等于1/100的视口宽度 （Viewport Width）
  2. 1vh 等于1/100的视口高度 （Viewport Height）
  3. vmin — vmin 的值是当前 vw 和 vh 中较小的值
  4. vmax — vw 和 vh 中较大的值

什么是视口

视口代表当前可见的计算机图形区域。在 Web 浏览器术语中，通常与浏览器窗口相同，但不包括浏览器的 UI，菜单栏等——即指你正在浏览的文档的那一部分。

——摘录自MDN web docs

vh在移动端存在的问题

在移动端中，100vh 不总是等于一屏幕的高度。有的时候，100vh 高度会出现滚动条，或者屏幕下方的工具栏等等乱七八糟栏，总之，移动端的屏幕高度是动态的。

屏幕高度动态，使用vh会导致内容溢出屏幕，如图：

:::warning
注意看溢出的蓝色部分。
:::

工具栏收回，地址栏压缩后，显示正常：

chrome发布的解决办法：新单位lvh,svh,dvh

lvh，svh：静态

lvh：大视口，所有的大视口具有lv前缀，就像刚刚说的lvh，有但不限于：lvw，lvmax，lvmin等等大视口单位

svh：小视口，所有的小视口具有sv前缀，有但不限于：svh，svw，svmax，svmin

如果视口本身大小不变，那么lvh，svh的大小是固定的，只有改变视口大小，lvh，svh的大小才会改变，故这些视口单位是静态的。

dvh：动态视口

这个视口单位是博主在本次更新中最喜欢的一个了，非常好用。

dvh：动态视口，展开动态工具栏时，动态视口等于小视口的大小。当动态工具栏缩回时，动态视口等于大视口的大小，随情况而变。

动态视口有dv前缀，有但不限于：dvh，dvw，dvmax，dvmin

如果高度设为100dvh，宽度设为100vw，那么这个盒子将永远充满屏幕。不会溢出也不会空白。

上述单位于chrome108版本发布。

chrome发布新的css单位：lvh，svh，dvh！
http://uu.sssu.us/archives/2637/
作者
径曲山斜
发布于
2023-02-08
更新于
2023-07-02
许可协议
CC BY 4.0
前端
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/27391/index.html b/archives/27391/index.html index 811da0d18..beb853dc3 100644 --- a/archives/27391/index.html +++ b/archives/27391/index.html @@ -1 +1 @@ -请立即卸载notepad++！ | 径曲山斜のBlog

请立即卸载notepad++！

发表于|更新于
|阅读量:

:::danger

请立即卸载notepad++！

:::

Notepad++是一个开源编辑器，作者（侯今吾）是个旅居法国的台湾人，思想极端，素以夹带私货闻名于开发者圈子。

1月 25日，侯今吾在推上发帖称：Notepad++刚启用一个新功能：如果你不同意Notepad++的政治观点，那就在你的源码中加入随机字符！

是的就是这么离谱这么恶心！

1
“如果不同意政治观点，就在你的源码中添加随机字符”。

具体如何实现，未可得知，但是这种强制行为立即遭到用户的一片谩骂！

很快，侯今吾给了答复，说这是一个玩笑，我是真无语！

侯今吾曾多次利用软件强行推行政治观点，且拒不认错，引发了程序员群体的强烈反对。

  • 2022 年 2 月北京冬奥会时，他连续发布了两个 Notepad++ 版本更新，“抵制北京冬奥”。
  • 2020 年 7 月期间，他支持香港反修。
  • 2019 对中国的污蔑

真的不像话，一个开发者、一个开源软件应该是这样的吗，这样的人在开源界应该存在？简直就是开源界的毒瘤！

并且国内某个下载站下载的notepad++还存在恶意程序，西西软件园提供的开源编辑器 Notepad++ 被发现捆绑了恶意代码，而这个恶意脚本代码与勒索软件 WannaRen 有关联，该勒索软件可能通过国内下载站进行传播。在中文搜索引擎百度搜索 Notepad++，排在前几位的都是下载站，而不是官网 http://notepad-plus-plus.org，如果下载站的版本存在恶意代码，那么可能会有很多中国用户受到影响。

:::danger

总之，立即卸载它！

vscode和webstorm不比这玩意好用？

真的太恶心了

:::

推荐用geekuninstaller卸干净！

请立即卸载notepad++！
http://uu.sssu.us/archives/27391/
作者
径曲山斜
发布于
2023-01-31
更新于
2023-07-02
许可协议
CC BY 4.0
打赏
  • 微信
    微信
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +请立即卸载notepad++！ | 径曲山斜のBlog

请立即卸载notepad++！

发表于|更新于
|阅读量:

:::danger

请立即卸载notepad++！

:::

Notepad++是一个开源编辑器，作者（侯今吾）是个旅居法国的台湾人，思想极端，素以夹带私货闻名于开发者圈子。

1月 25日，侯今吾在推上发帖称：Notepad++刚启用一个新功能：如果你不同意Notepad++的政治观点，那就在你的源码中加入随机字符！

是的就是这么离谱这么恶心！

1
“如果不同意政治观点，就在你的源码中添加随机字符”。

具体如何实现，未可得知，但是这种强制行为立即遭到用户的一片谩骂！

很快，侯今吾给了答复，说这是一个玩笑，我是真无语！

侯今吾曾多次利用软件强行推行政治观点，且拒不认错，引发了程序员群体的强烈反对。

  • 2022 年 2 月北京冬奥会时，他连续发布了两个 Notepad++ 版本更新，“抵制北京冬奥”。
  • 2020 年 7 月期间，他支持香港反修。
  • 2019 对中国的污蔑

真的不像话，一个开发者、一个开源软件应该是这样的吗，这样的人在开源界应该存在？简直就是开源界的毒瘤！

并且国内某个下载站下载的notepad++还存在恶意程序，西西软件园提供的开源编辑器 Notepad++ 被发现捆绑了恶意代码，而这个恶意脚本代码与勒索软件 WannaRen 有关联，该勒索软件可能通过国内下载站进行传播。在中文搜索引擎百度搜索 Notepad++，排在前几位的都是下载站，而不是官网 http://notepad-plus-plus.org，如果下载站的版本存在恶意代码，那么可能会有很多中国用户受到影响。

:::danger

总之，立即卸载它！

vscode和webstorm不比这玩意好用？

真的太恶心了

:::

推荐用geekuninstaller卸干净！

请立即卸载notepad++！
http://uu.sssu.us/archives/27391/
作者
径曲山斜
发布于
2023-01-31
更新于
2023-07-02
许可协议
CC BY 4.0
打赏
  • 微信
    微信
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/27831/index.html b/archives/27831/index.html index 928cc75f8..988d54c84 100644 --- a/archives/27831/index.html +++ b/archives/27831/index.html @@ -1 +1 @@ -记录一次诡异的windows崩溃 | 径曲山斜のBlog

记录一次诡异的windows崩溃

发表于|更新于
|阅读量:

:::danger
记录一次windows崩溃
:::

当时我在用ps作图，同时开了hexo

cpu占用100%，内存占用80%。

电脑主板蜂鸣器响了，1长2短。

然后继续用了2分钟，突然所有程序无响应。

然后就是爆显存，CPU降频，显示器花屏。

蜂鸣器10短声过后，电脑蓝屏。

强制关机重启后进入BIOS界面。

退出bios进入了grub。

检查发现windows系统引导损坏。

多项驱动损坏

ghost后恢复正常

记录一次诡异的windows崩溃
http://uu.sssu.us/archives/27831/
作者
径曲山斜
发布于
2023-01-30
更新于
2023-07-02
许可协议
CC BY 4.0
windows
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
抱歉，该文章无目录
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +记录一次诡异的windows崩溃 | 径曲山斜のBlog

记录一次诡异的windows崩溃

发表于|更新于
|阅读量:

:::danger
记录一次windows崩溃
:::

当时我在用ps作图，同时开了hexo

cpu占用100%，内存占用80%。

电脑主板蜂鸣器响了，1长2短。

然后继续用了2分钟，突然所有程序无响应。

然后就是爆显存，CPU降频，显示器花屏。

蜂鸣器10短声过后，电脑蓝屏。

强制关机重启后进入BIOS界面。

退出bios进入了grub。

检查发现windows系统引导损坏。

多项驱动损坏

ghost后恢复正常

记录一次诡异的windows崩溃
http://uu.sssu.us/archives/27831/
作者
径曲山斜
发布于
2023-01-30
更新于
2023-07-02
许可协议
CC BY 4.0
windows
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
抱歉，该文章无目录
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/32096/index.html b/archives/32096/index.html index f860b84c1..b9b7c5248 100644 --- a/archives/32096/index.html +++ b/archives/32096/index.html @@ -1 +1 @@ -hexo优化方案汇总 | 径曲山斜のBlog

hexo优化方案汇总

发表于|更新于
|阅读量:

:::warning
发现博客速度有些慢
:::
据研究统计：

  • 加载超过4秒就会有很多用户离开网页。
  • 加载过慢会严重降低体验，哪怕是几秒。

优化非常重要

今天来提供几种优化方案

  1. cdn

cdn肯定是最直接的

cdn，全名Content Delivery Network，内网分发网络

原理：通过在现有的Internet中增加一层新的网络架构，将 网站的内容发布到最接近用户的网络”边缘” ，使用户可以就近取得所需的内容，解决Internet网络拥塞状况，提高用户访问网站的响应速度。

cdn有免费的，最近找到一个：youziyun.com

当然，免费肯定有缺点（虽然还没找到？

咳咳，有实力的哥们还是推荐腾讯云阿里云，稳定！

1
2
3
4
快 + 稳 = 贵
快 + 便宜 = 差
稳 + 便宜 = 慢
便宜 + 稳 + 快 = 洗洗睡吧（

  1. 压缩资源
  • 图片

首先就是图片了，如果你的博客像我一样有很多高清大图，那肯定慢。

现在网上有很多的免费在线图片压缩，值得一试！

压缩图片之后，最好将图片放在图床

（别问博主的图片加载为啥这么慢，因为图床买不起，要不到文章最底点个赞赏部V我50？

（doge）

  • js，css，html

然后压缩css和js还有html，这边推荐hexo-neat（如果你是hexo框架）

  • 尽量用国内

如果不是像博主一样的穷鬼就用国内的腾讯云阿里云好了

  1. 托管
  • github

如果你用的github，那么可以套个netlify（后面会出教程哒！~，（可能会咕咕咕？

如果你有大尺寸css或者加载慢的css，比如我的字体css，10秒才能加载出来，如果你也有这种情况，可以去看看我的css预加载方案

如果你不打算绑定域名，并且能接受每次推送要手动更新，还有实名认证，那你可以选择gitee。

:::success
就到这里了，我能找到的就这些啦，欢迎留言补充~
:::

hexo优化方案汇总
http://uu.sssu.us/archives/32096/
作者
径曲山斜
发布于
2023-01-20
更新于
2023-07-04
许可协议
CC BY 4.0
hexo碎碎念优化
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
抱歉，该文章无目录
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +hexo优化方案汇总 | 径曲山斜のBlog

hexo优化方案汇总

发表于|更新于
|阅读量:

:::warning
发现博客速度有些慢
:::
据研究统计：

  • 加载超过4秒就会有很多用户离开网页。
  • 加载过慢会严重降低体验，哪怕是几秒。

优化非常重要

今天来提供几种优化方案

  1. cdn

cdn肯定是最直接的

cdn，全名Content Delivery Network，内网分发网络

原理：通过在现有的Internet中增加一层新的网络架构，将 网站的内容发布到最接近用户的网络”边缘” ，使用户可以就近取得所需的内容，解决Internet网络拥塞状况，提高用户访问网站的响应速度。

cdn有免费的，最近找到一个：youziyun.com

当然，免费肯定有缺点（虽然还没找到？

咳咳，有实力的哥们还是推荐腾讯云阿里云，稳定！

1
2
3
4
快 + 稳 = 贵
快 + 便宜 = 差
稳 + 便宜 = 慢
便宜 + 稳 + 快 = 洗洗睡吧（

  1. 压缩资源
  • 图片

首先就是图片了，如果你的博客像我一样有很多高清大图，那肯定慢。

现在网上有很多的免费在线图片压缩，值得一试！

压缩图片之后，最好将图片放在图床

（别问博主的图片加载为啥这么慢，因为图床买不起，要不到文章最底点个赞赏部V我50？

（doge）

  • js，css，html

然后压缩css和js还有html，这边推荐hexo-neat（如果你是hexo框架）

  • 尽量用国内

如果不是像博主一样的穷鬼就用国内的腾讯云阿里云好了

  1. 托管
  • github

如果你用的github，那么可以套个netlify（后面会出教程哒！~，（可能会咕咕咕？

如果你有大尺寸css或者加载慢的css，比如我的字体css，10秒才能加载出来，如果你也有这种情况，可以去看看我的css预加载方案

如果你不打算绑定域名，并且能接受每次推送要手动更新，还有实名认证，那你可以选择gitee。

:::success
就到这里了，我能找到的就这些啦，欢迎留言补充~
:::

hexo优化方案汇总
http://uu.sssu.us/archives/32096/
作者
径曲山斜
发布于
2023-01-20
更新于
2023-07-04
许可协议
CC BY 4.0
hexo碎碎念优化
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
抱歉，该文章无目录
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/32654/index.html b/archives/32654/index.html index 511ca1c27..ed36c4ed1 100644 --- a/archives/32654/index.html +++ b/archives/32654/index.html @@ -1 +1 @@ -使用cdn进行加速+防御 | 径曲山斜のBlog

使用cdn进行加速+防御

发表于|更新于
|阅读量:

前言

就在前天，因为某些原因，我的网站挨打了，一秒3w多发的cc，网站瞬间被击落。

使用cdn加速&保护

免费cdn地址: user.botdun.link

注册账号后登录

  1. 购买免费套餐

    套餐管理 -> 购买套餐 -> 公益套餐 -> 购买 -> 月付

    免费套餐只能月付（不想每月打卡建议选择付费cdn

  2. cdn添加网站

    网站管理 -> 我的网站 -> 新增

    填写自己想要加速的网站域名和源站ip，未知ip比如vercel和netlify可以用ping查看

    添加好后点编辑进入编辑页面

    查看cname地址

  3. 网站接入cdn

    进入自己的dns，将要接入cdn的域名原来的解析记录改为刚刚拿到的cname地址

  4. 配置ssl

    证书是certificate，单证书或者fullchain都可以

    第二个是rsa私钥

    到编辑网站这里选择证书，开启https，开启强制https，跳转端口设置443，注意不要关闭http，不然http会404跳转不了https。

  5. cc防护

    选择适合的防护模式。

结束，加速&防护开启成功！

使用cdn进行加速+防御
http://uu.sssu.us/archives/32654/
作者
径曲山斜
发布于
2023-08-22
更新于
2023-08-22
许可协议
CC BY 4.0
前端优化
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +使用cdn进行加速+防御 | 径曲山斜のBlog

使用cdn进行加速+防御

发表于|更新于
|阅读量:

前言

就在前天，因为某些原因，我的网站挨打了，一秒3w多发的cc，网站瞬间被击落。

使用cdn加速&保护

免费cdn地址: user.botdun.link

注册账号后登录

  1. 购买免费套餐

    套餐管理 -> 购买套餐 -> 公益套餐 -> 购买 -> 月付

    免费套餐只能月付（不想每月打卡建议选择付费cdn

  2. cdn添加网站

    网站管理 -> 我的网站 -> 新增

    填写自己想要加速的网站域名和源站ip，未知ip比如vercel和netlify可以用ping查看

    添加好后点编辑进入编辑页面

    查看cname地址

  3. 网站接入cdn

    进入自己的dns，将要接入cdn的域名原来的解析记录改为刚刚拿到的cname地址

  4. 配置ssl

    证书是certificate，单证书或者fullchain都可以

    第二个是rsa私钥

    到编辑网站这里选择证书，开启https，开启强制https，跳转端口设置443，注意不要关闭http，不然http会404跳转不了https。

  5. cc防护

    选择适合的防护模式。

结束，加速&防护开启成功！

使用cdn进行加速+防御
http://uu.sssu.us/archives/32654/
作者
径曲山斜
发布于
2023-08-22
更新于
2023-08-22
许可协议
CC BY 4.0
前端优化
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/33392/index.html b/archives/33392/index.html index 45a4a043e..1fb97e128 100644 --- a/archives/33392/index.html +++ b/archives/33392/index.html @@ -1 +1 @@ -hexo一体化上传命令 | 径曲山斜のBlog

hexo一体化上传命令

发表于|更新于|博客优化
|阅读量:

我又来水文了

hexo这上传命令有点长哈

中间还得连接

1
hexo cl && hexo g &7 hexo d

怎么简化它呢

今天就来尝试一下

来，看看有哪些文件
1
2
3
4
5
6
7
8
9
10
11
12
13
14
├─blog
╰─╮
  ├─.deploy_git
  ├─.github
  ├─node_modules
  ├─public
  ├─scaffolds
  ├─source
  ├─themes
  ├─.gitignore
  ├─_config.butterfly.yml
  ├─_config.yml
  ├─db.json
  ╰─package.json

今天咱们要改的，就是
1
package.json

这里面控制了依赖，命令等等
打开这个文件
我们能发现
1
2
3
4
5
6
7
8
9
10
{
  "name": "hexo-site",
  "version": "0.0.0",
  "private": true,
  "scripts": {
    "build": "hexo generate",
    "clean": "hexo clean",
    "deploy": "hexo deploy",
    "server": "hexo server"
  },

里面的build，clean，deploy等等的，就是命令
所以就可以根据这个来自定义
1
2
3
4
5
6
7
8
9
10
11
12
13
{
  "name": "hexo-site",
  "version": "0.0.0",
  "private": true,
  "scripts": {
    "build": "hexo generate",
    "clean": "hexo clean",
    "deploy": "hexo deploy",
    "server": "hexo server",
+   "clgs": "hexo cl && hexo g && hexo s",
+   "clgd": "hexo cl && hexo g && hexo d &&",
+   "new": "hexo cl && hexo g"
  },

:::warning
一定要注意逗号，最后一行没有逗号，但是前面有！
不然会报错的
:::
我这里加的名称为：clgs和clgd还有new
仔细看后面的命令，就可以知道是干什么的了
npm run 名字，就可以运行了
1
2
3
4
5
npm run clgd #清缓存，生成静态文件，上传

npm run clgs #清缓存，生成静态文件，开启本地localhost服务

npm run new #清缓存，生成静态文件

hexo一体化上传命令
http://uu.sssu.us/archives/33392/
作者
径曲山斜
发布于
2022-12-29
更新于
2023-07-02
许可协议
CC BY 4.0
hexo教程优化
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
抱歉，该文章无目录
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +hexo一体化上传命令 | 径曲山斜のBlog

hexo一体化上传命令

发表于|更新于|博客优化
|阅读量:

我又来水文了

hexo这上传命令有点长哈

中间还得连接

1
hexo cl && hexo g &7 hexo d

怎么简化它呢

今天就来尝试一下

来，看看有哪些文件
1
2
3
4
5
6
7
8
9
10
11
12
13
14
├─blog
╰─╮
  ├─.deploy_git
  ├─.github
  ├─node_modules
  ├─public
  ├─scaffolds
  ├─source
  ├─themes
  ├─.gitignore
  ├─_config.butterfly.yml
  ├─_config.yml
  ├─db.json
  ╰─package.json

今天咱们要改的，就是
1
package.json

这里面控制了依赖，命令等等
打开这个文件
我们能发现
1
2
3
4
5
6
7
8
9
10
{
  "name": "hexo-site",
  "version": "0.0.0",
  "private": true,
  "scripts": {
    "build": "hexo generate",
    "clean": "hexo clean",
    "deploy": "hexo deploy",
    "server": "hexo server"
  },

里面的build，clean，deploy等等的，就是命令
所以就可以根据这个来自定义
1
2
3
4
5
6
7
8
9
10
11
12
13
{
  "name": "hexo-site",
  "version": "0.0.0",
  "private": true,
  "scripts": {
    "build": "hexo generate",
    "clean": "hexo clean",
    "deploy": "hexo deploy",
    "server": "hexo server",
+   "clgs": "hexo cl && hexo g && hexo s",
+   "clgd": "hexo cl && hexo g && hexo d &&",
+   "new": "hexo cl && hexo g"
  },

:::warning
一定要注意逗号，最后一行没有逗号，但是前面有！
不然会报错的
:::
我这里加的名称为：clgs和clgd还有new
仔细看后面的命令，就可以知道是干什么的了
npm run 名字，就可以运行了
1
2
3
4
5
npm run clgd #清缓存，生成静态文件，上传

npm run clgs #清缓存，生成静态文件，开启本地localhost服务

npm run new #清缓存，生成静态文件

hexo一体化上传命令
http://uu.sssu.us/archives/33392/
作者
径曲山斜
发布于
2022-12-29
更新于
2023-07-02
许可协议
CC BY 4.0
hexo教程优化
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
抱歉，该文章无目录
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/36352/index.html b/archives/36352/index.html index df3b26ace..c2ba41ff1 100644 --- a/archives/36352/index.html +++ b/archives/36352/index.html @@ -1 +1 @@ -Ecx-UI-2-顶栏+头图 | 径曲山斜のBlog

Ecx-UI-2-顶栏+头图

发表于|更新于|ui魔改
|阅读量:

:::success
Ecx-UI第一期
:::

顶栏

:::danger
基于@安知鱼 的导航栏改造
:::

  1. 修改/themes/butterfly/layout/includes/header/nav.pug，将全部内容替换为：

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    - const { darkmode } = theme
    nav#nav
      #toggle-menu
          a.site-page
            i.fas.fa-list

      span#blog_name
        a#site-name(href=url_for('/'))
          .title #[=config.title]
          i.fa-solid.fa-house

      div.mask-name-container
        center(id="name-container")
          a(id="page-name" href="javascript:rmf.scrollToTop()") my-blog

      #menus
        if (theme.algolia_search.enable || theme.local_search.enable)
          div.nav-button#search-button
            a.site-page.social-icon.search
              i.fas.fa-search.fa-fw
              span=' '+_p('search.title')

        div.nav-button#nav-totop
          a.totopbtn
            i.fas.fa-arrow-up
            span#percent(onclick="btf.scrollToDest(0,500)") 0


        !=partial('includes/header/menu_item', {}, {cache: true})

  2. 修改/themes/butterfly/layout/includes/header/index.pug，将全部内容替换为：

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    if !theme.disable_top_img && page.top_img !== false
      if is_post()
        - var top_img = page.top_img || page.cover || page.randomcover
      else if is_page()
        - var top_img = page.top_img || theme.default_top_img
      else if is_tag()
        - var top_img = theme.tag_per_img && theme.tag_per_img[page.tag] 
        - top_img = top_img ? top_img : (theme.tag_img !== false ? theme.tag_img || theme.default_top_img : false)
      else if is_category()
        - var top_img = theme.category_per_img && theme.category_per_img[page.category]
        - top_img = top_img ? top_img : (theme.category_img !== false ? theme.category_img || theme.default_top_img : false)
      else if is_home()
        - var top_img = theme.index_img !== false ? theme.index_img || theme.default_top_img : false
      else if is_archive()
        - var top_img = theme.archive_img !== false ? theme.archive_img || theme.default_top_img : false
      else
        - var top_img = page.top_img || theme.default_top_img

      if top_img !== false
        - var imgSource = top_img && top_img.indexOf('/') !== -1 ? `background-image: url('${url_for(top_img)}')` : `background: ${top_img}`
        - var bg_img = top_img ? imgSource : ''
        - var site_title = page.title || page.tag || page.category || config.title
        - var isHomeClass = is_home() ? 'full_page' : 'not-home-page'
        - is_post() ? isHomeClass = 'post-bg' : isHomeClass
      else
        - var isHomeClass = 'not-top-img'
    else
      - var top_img = false
      - var isHomeClass = 'not-top-img'

    header#page-header(class=isHomeClass style=bg_img)
      !=partial('includes/header/nav', {}, {cache: true})
      if top_img !== false
        if is_post()
          include ./post-info.pug
        else if is_home() 
          #site-info
            h1#site-title=site_title
            if theme.subtitle.enable
              - var loadSubJs = true
              #site-subtitle
                span#subtitle
            if(theme.social)
              #site_social_icons
                !=fragment_cache('social', function(){return partial('includes/header/social')})
          #scroll-down
            i.fas.fa-angle-down.scroll-down-effects
        else
          #page-site-info
            h1#site-title=site_title

  3. 在/themes/butterfly/source/css中添加nav_menu.css，写入如下内容，并在_conflg.butterfly.yml中引入。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
#nav a:hover {
  background: var(--anzhiyu-main);
  transition: 0.3s;
}

#nav-totop:hover .totopbtn i {
  opacity: 1;
}
#nav-totop #percent {
  font-size: 12px;
  background: var(--anzhiyu-white);
  color: var(--anzhiyu-main);
  width: 25px;
  height: 25px;
  border-radius: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}
.nav-fixed #nav-totop #percent,
.page #nav-totop #percent {
  background: var(--font-color);
  color: var(--card-bg);
  font-size: 13px;
}

#nav-totop {
  width: 35px;
}
#page-header:not(.is-top-bar) #percent {
  transition: 0.3s;
}
#page-header:not(.is-top-bar) #nav-totop {
  width: 0;
  opacity: 0;
  transition: width 0.3s, opacity 0.2s;
  margin-left: 0 !important;
}
#nav-totop #percent {
  font-weight: 700;
}
#nav-totop:hover #percent {
  opacity: 0;
  transform: scale(1.5);
  font-weight: 700;
}
#page-header #nav #nav-right div {
  margin-left: 0.5rem;
  padding: 0;
}

#nav-totop {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}
.nav-button {
  cursor: pointer;
}
div#menus {
  display: flex;
  align-items: center;
}
#page-header #nav .nav-button a {
  height: 35px;
  width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#nav .site-page {
  padding-bottom: 0px;
}
#nav *::after {
  background-color: transparent !important;
}

/* 顶栏修改 */
#nav .menus_items .menus_item .menus_item_child li a {
  padding: 2px 16px;
}
#nav .menus_items .menus_item .menus_item_child li:hover a {
  color: white !important;
}

#nav .menus_items .menus_item .menus_item_child li {
  margin: 6px;
  border-radius: 5px;
  transition: all 0.3s;
  display: inline-block;
  margin: 0 3px;
}
#nav .menus_items .menus_item .menus_item_child:before {
  top: -19px;
}
#site-name,
.shuoshuo {
  white-space: nowrap;
  overflow: hidden;
}
#site-name {
  padding: 0 8px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}

#blog_name #site-name i {
  opacity: 0;
  position: absolute;
}

#blog_name #site-name:hover .title {
  opacity: 0;
}

#blog_name #site-name:hover i {
  opacity: 1;
  transform: scale(1.01);
  color: white;
}
/* 圆角隐藏 */
ul.menus_item_child {
  border-radius: 5px;
}

/* 一级菜单居中 */
#nav .menus_items {
  position: absolute;
  width: fit-content;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 60px;
}

#nav .menus_items .menus_item:hover .menus_item_child {
  display: block;
  transform: translateX(-50%);
  right: auto;
  left: auto !important;
  padding: 6px 4px;
  box-sizing: content-box;
  line-height: 35px;
}
#nav .menus_items .menus_item:hover {
  padding: 0 5px 27px 5px !important;
  margin-bottom: -14.5px !important;
}

#nav .menus_items .menus_item .menus_item_child {
  top: 44px;
}

@media screen and (min-width: 768px) {
  .page .menus_item:hover > a.site-page {
    color: var(--anzhiyu-white) !important;
    background: var(--anzhiyu-main);
    transition: 0.3s;
    box-shadow: var(--anzhiyu-shadow-main);
  }
}

.nav-fixed #nav {
  transform: translateY(58px) !important;
}
#nav {
  padding: 0 calc((100% - 1420px) / 2);
  backdrop-filter: saturate(180%) blur(20px);
}

#nav a {
  border-radius: 8px;
  color: var(--font-color);
}
.page #nav a:hover {
  color: var(--anzhiyu-white) !important;
  background: var(--anzhiyu-main);
  transition: 0.3s;
  box-shadow: var(--anzhiyu-shadow-main);
}

#menus > div.menus_items > div > a {
  letter-spacing: 0.3rem;
  font-weight: 700;
  padding: 0em 0.3em 0em 0.5em;
  height: 35px;
  line-height: 35px;
}
#nav .menus_items .menus_item {
  padding: 0 5px;
  display: flex;
  flex-direction: column;
  margin: auto;
  align-items: center;
}

#nav div#toggle-menu {
  padding: 2px 0 4px 6px;
}

#nav-totop .totopbtn i {
  position: absolute;
  display: flex;
  opacity: 0;
}
#page-name::before {
  font-size: 18px;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  color: white !important;
  top: 0;
  left: 0;
  content: "回到顶部";
  background-color: var(--anzhiyu-theme);
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  opacity: 0;
  box-shadow: 0 0 3px var(--anzhiyu-theme);
  line-height: 45px; /*如果垂直位置不居中可以微调此值，也可以删了*/
}
#page-name:hover:before {
  opacity: 1;
}
#name-container {
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
#name-container:hover {
  transform: translateX(-50%) scale(1.03);
}
#page-name {
  position: relative;
  padding: 10px 30px;
}

center#name-container {
  position: absolute;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  font-family: "ZhuZiAYuanJWD";
}
.nav-fixed.nav-visible #name-container {
  transition: 0.3s;
  transform: translate(-50%, 60px);
}
.nav-fixed.nav-visible #menus .menus_items {
  transform: translate(-50%);
  transition: 0.3s;
  line-height: 60px;
}
.nav-fixed #menus .menus_items {
  transform: translate(-50%, -60px);
  transition: 0.3s;
}
.nav-fixed #name-container {
  top: 15%;
  transition: 0.3s;
}
#name-container {
  bottom: 60px;
}

.mask-name-container {
  max-width: 1200px;
  width: 50%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (max-width: 992px) {
  .mask-name-container {
    width: 65%;
  }
}

@media screen and (max-width: 768px) {
  .mask-name-container {
    display: none;
  }
}
#sidebar #sidebar-menus .menus_items .site-page:hover {
  color: var(--anzhiyu-white);
  border-radius: var(--anzhiyu-border-radius);
}
#nav .menus_items .menus_item > a > i:last-child {
  display: none;
}
#nav #search-button {
  font-size: 1.3em;
}

@media screen and (min-width: 900px) {
  #nav .back-home-button:hover {
    box-shadow: var(--anzhiyu-shadow-main);
  }
}

.back-home-button:hover {
  background: var(--anzhiyu-main);
  color: var(--anzhiyu-white) !important;
}
.back-home-button {
  display: flex;
  width: 35px;
  height: 35px;
  padding: 0 !important;
  align-items: center;
  justify-content: center;
  margin-right: 4px;
  transition: 0.3s;
  border-radius: 8px;
}

.back-home-button:hover .back-menu-list-groups {
  display: flex;
  opacity: 1;
  transition: 0.3s;
  top: 55px;
  pointer-events: auto;
  left: 0;
}
.back-home-button .back-menu-list-groups {
  position: absolute;
  top: 65px;
  left: 0;
  background: var(--anzhiyu-card-bg);
  border-radius: 12px;
  border: var(--style-border);
  flex-direction: column;
  font-size: 12px;
  color: var(--anzhiyu-secondtext);
  box-shadow: var(--anzhiyu-shadow-border);
  transition: 0s;
  opacity: 0;
  pointer-events: none;
}

.back-home-button .back-menu-list-group {
  display: flex;
  flex-direction: column;
}
.back-home-button .back-menu-list-group .back-menu-list-title {
  margin: 8px 0 0 16px;
  transition: 0.3s;
}
.back-home-button .back-menu-list {
  display: flex;
  flex-direction: column;
}
.back-home-button .back-menu-list::before {
  position: absolute;
  top: -22px;
  left: 0px;
  width: 100%;
  height: 25px;
  content: "";
}

.back-home-button .back-menu-list-group:hover .back-menu-list-title {
  color: var(--anzhiyu-main);
}
.back-home-button .back-menu-list-groups:hover {
  border: var(--style-border-hover);
}
.back-home-button .back-menu-list .back-menu-item {
  display: flex;
  align-items: center;
  margin: 4px 8px;
  padding: 4px 8px !important;
  transition: 0.3s;
  border-radius: 8px;
}
.back-home-button .back-menu-list .back-menu-item .back-menu-item-text {
  font-size: var(--global-font-size);
  margin-left: 0.5rem;
  color: var(--anzhiyu-fontcolor);
  white-space: nowrap;
}
#nav #blog_name {
  flex-wrap: nowrap;
  height: 60px;
  display: flex;
  align-items: center;
  /* z-index: 102; */
  transition: 0.3s;
}
.back-home-button .back-menu-list .back-menu-item .back-menu-item-icon {
  width: 24px;
  height: 24px;
  border-radius: 24px;
  background: var(--anzhiyu-secondbg);
}
#page-header #nav .back-home-button {
  cursor: pointer;
  position: relative;
}

@media screen and (min-width: 1300px) {
  #nav a:hover {
    transform: scale(1.03);
  }
}
.back-home-button .back-menu-list .back-menu-item:hover .back-menu-item-text {
  color: var(--anzhiyu-white);
}
.back-menu-item-icon.loading img {
  width: 25px;
}

#page-header #nav #menus .nav-button.long a.totopbtn,
#page-header #nav #menus .nav-button.long,
#page-header #nav #menus .nav-button.long a.totopbtn span {
  width: 70px;
}
#page-header #nav #menus .nav-button.long a.totopbtn span {
  border-radius: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
  white-space: nowrap;
}

#page-header #nav #menus .nav-button.long a.totopbtn:hover {
  border-radius: 35px;
  height: 30px;
}

#nav #search-button {
  padding-left: 0;
}
#page-header #nav .nav-button {
  margin-left: 0.5rem;
  padding: 0;
}
#page-header:not(.is-top-bar) #nav-totop a {
  display: none;
}
#search-button a.site-page.social-icon.search span {
  display: none;
}
  1. 添加并引入bar.css
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    #nav {
        top: 20px !important;
        width: 96% !important;
        margin-left: 2% !important;
        border-radius: 1145px;
        box-shadow: 0px 0px 10px 5px rgb(255, 166, 0) !important;
        background: rgba(255,255,255,0)
    }
    #page-header.nav-fixed #nav {
      background-image: linear-gradient(25deg, #e2288593, #e2839093, #ebc3a593, #f2ffb893) !important;
    }
    #page-header.nav-fixed #nav {
        top: -45px !important;
    }
    #nav #site-name {
        text-shadow: 2px 2px 4px rgb(0 0 0 / 15%);
        font-weight: bold;
        border-radius: 30px;
        cursor: pointer;
        background: #0060ff;
        margin-left: 10px;
        color:rgb(255, 255, 255);
    }
    #page-header #nav .nav-button a {
      margin: 4px;
      background: #0060ff;
      border-radius: 2000px;
      padding: 5px;
      color:rgb(255, 255, 255);
    }
    #page-header.nav-fixed #nav a, #page-header.nav-fixed #nav #site-name, #page-header.nav-fixed #nav #toggle-menu {
      color: #ffffff !important;
      border-radius: 20px;
      text-shadow: none;
    }

顶栏悬浮&圆角&拟态风格
通过css的top等属性实现

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
/* 顶栏悬浮 */
#nav {
    top: 20px !important;
    width: 96% !important;
    margin-left: 2% !important;
    border-radius: 20px;
    box-shadow: inset 10px 10px 12px #bebebe, inset -10px -10px 12px #fff, 0px 0px 1px 1px rgb(138, 138, 138);
     /*background: rgba(255,255,255,0) */
}
/* 顶栏渐变 */
#page-header.nav-fixed #nav {
  background: #c9ceef !important;
  border-radius: 30px!important;
  box-shadow: inset 10px 10px 12px #bebebe, inset -10px -10px 12px #fff, 0px 0px 1px 1px rgb(138, 138, 138);
}
#nav.show {
  background: #c9ceef !important;
  border-radius: 30px!important;
  box-shadow: inset 10px 10px 12px #bebebe, inset -10px -10px 12px #fff, 0px 0px 1px 1px rgb(138, 138, 138);
}
#nav {
  padding: 0px;
  padding-right: 7vh;
  padding-left: 7vh;
}
/* 顶栏上方距离 */
#page-header.nav-fixed #nav {
    top: -47px !important;
}
#nav {
  padding-left: 22px !important;
  padding-right: 22px !important;
}

如果想要顶栏按钮填色，可以

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
/* 按钮填色 */
#nav #site-name {
    text-shadow: 2px 2px 4px rgb(0 0 0 / 15%);
    font-weight: bold;
    cursor: pointer;
    background: cyan;
}
.fa-angle-double-down:before, .fa-angles-down:before {
    content: "\f103";
    background: cyan;
    border-radius: 10px;
    padding: 9px;
}
#nav.hide-menu #toggle-menu {
    display: inline-block !important;
    background: cyan;
    border-radius: 10px;
    padding: -9px;
}

去掉头图部分的黑色遮罩，可以

1
2
3
4
5
6
7
8
9
10
11
12
/* 头图透明 */
#page-header{
    background: transparent!important;
  }
  /* 头图遮罩层透明 */
  #page-header::before{
    background: transparent!important;
    }
  /*top-img黑色透明玻璃效果移除，不建议加，除非你执着于完全一图流或者背景图对比色明显 */
  #page-header.post-bg:before {
    background-color: transparent !important;
  }

头图不全屏

1
2
3
4
5
6
7
8
9
/* 头图不全屏 */
#page-header.full_page {
    height: 40vh !important;
    background-attachment: fixed !important;
}

#web_bg {
    background-attachment: fixed !important;
}

深色标题适配浅色背景

1
2
3
4
5
6
7
8
9
10
11
12
13
/* 适配浅色背景的深色标题 */
#page-header #site-title {
    color: black;
}
#page-header #site-subtitle {
  color: black;
}
#post-info .post-title {
  color: #000;
}
#post-info #post-meta {
  color: #000bff;
}

Ecx-UI-2-顶栏+头图
http://uu.sssu.us/archives/36352/
作者
径曲山斜
发布于
2023-01-04
更新于
2023-07-28
许可协议
CC BY 4.0
hexo教程Ecx-UI魔改butterfly
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
目录
  1. 1. 顶栏
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +Ecx-UI-2-顶栏+头图 | 径曲山斜のBlog

Ecx-UI-2-顶栏+头图

发表于|更新于|ui魔改
|阅读量:

:::success
Ecx-UI第一期
:::

顶栏

:::danger
基于@安知鱼 的导航栏改造
:::

  1. 修改/themes/butterfly/layout/includes/header/nav.pug，将全部内容替换为：

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    - const { darkmode } = theme
    nav#nav
      #toggle-menu
          a.site-page
            i.fas.fa-list

      span#blog_name
        a#site-name(href=url_for('/'))
          .title #[=config.title]
          i.fa-solid.fa-house

      div.mask-name-container
        center(id="name-container")
          a(id="page-name" href="javascript:rmf.scrollToTop()") my-blog

      #menus
        if (theme.algolia_search.enable || theme.local_search.enable)
          div.nav-button#search-button
            a.site-page.social-icon.search
              i.fas.fa-search.fa-fw
              span=' '+_p('search.title')

        div.nav-button#nav-totop
          a.totopbtn
            i.fas.fa-arrow-up
            span#percent(onclick="btf.scrollToDest(0,500)") 0


        !=partial('includes/header/menu_item', {}, {cache: true})

  2. 修改/themes/butterfly/layout/includes/header/index.pug，将全部内容替换为：

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    if !theme.disable_top_img && page.top_img !== false
      if is_post()
        - var top_img = page.top_img || page.cover || page.randomcover
      else if is_page()
        - var top_img = page.top_img || theme.default_top_img
      else if is_tag()
        - var top_img = theme.tag_per_img && theme.tag_per_img[page.tag] 
        - top_img = top_img ? top_img : (theme.tag_img !== false ? theme.tag_img || theme.default_top_img : false)
      else if is_category()
        - var top_img = theme.category_per_img && theme.category_per_img[page.category]
        - top_img = top_img ? top_img : (theme.category_img !== false ? theme.category_img || theme.default_top_img : false)
      else if is_home()
        - var top_img = theme.index_img !== false ? theme.index_img || theme.default_top_img : false
      else if is_archive()
        - var top_img = theme.archive_img !== false ? theme.archive_img || theme.default_top_img : false
      else
        - var top_img = page.top_img || theme.default_top_img

      if top_img !== false
        - var imgSource = top_img && top_img.indexOf('/') !== -1 ? `background-image: url('${url_for(top_img)}')` : `background: ${top_img}`
        - var bg_img = top_img ? imgSource : ''
        - var site_title = page.title || page.tag || page.category || config.title
        - var isHomeClass = is_home() ? 'full_page' : 'not-home-page'
        - is_post() ? isHomeClass = 'post-bg' : isHomeClass
      else
        - var isHomeClass = 'not-top-img'
    else
      - var top_img = false
      - var isHomeClass = 'not-top-img'

    header#page-header(class=isHomeClass style=bg_img)
      !=partial('includes/header/nav', {}, {cache: true})
      if top_img !== false
        if is_post()
          include ./post-info.pug
        else if is_home() 
          #site-info
            h1#site-title=site_title
            if theme.subtitle.enable
              - var loadSubJs = true
              #site-subtitle
                span#subtitle
            if(theme.social)
              #site_social_icons
                !=fragment_cache('social', function(){return partial('includes/header/social')})
          #scroll-down
            i.fas.fa-angle-down.scroll-down-effects
        else
          #page-site-info
            h1#site-title=site_title

  3. 在/themes/butterfly/source/css中添加nav_menu.css，写入如下内容，并在_conflg.butterfly.yml中引入。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
#nav a:hover {
  background: var(--anzhiyu-main);
  transition: 0.3s;
}

#nav-totop:hover .totopbtn i {
  opacity: 1;
}
#nav-totop #percent {
  font-size: 12px;
  background: var(--anzhiyu-white);
  color: var(--anzhiyu-main);
  width: 25px;
  height: 25px;
  border-radius: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}
.nav-fixed #nav-totop #percent,
.page #nav-totop #percent {
  background: var(--font-color);
  color: var(--card-bg);
  font-size: 13px;
}

#nav-totop {
  width: 35px;
}
#page-header:not(.is-top-bar) #percent {
  transition: 0.3s;
}
#page-header:not(.is-top-bar) #nav-totop {
  width: 0;
  opacity: 0;
  transition: width 0.3s, opacity 0.2s;
  margin-left: 0 !important;
}
#nav-totop #percent {
  font-weight: 700;
}
#nav-totop:hover #percent {
  opacity: 0;
  transform: scale(1.5);
  font-weight: 700;
}
#page-header #nav #nav-right div {
  margin-left: 0.5rem;
  padding: 0;
}

#nav-totop {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}
.nav-button {
  cursor: pointer;
}
div#menus {
  display: flex;
  align-items: center;
}
#page-header #nav .nav-button a {
  height: 35px;
  width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#nav .site-page {
  padding-bottom: 0px;
}
#nav *::after {
  background-color: transparent !important;
}

/* 顶栏修改 */
#nav .menus_items .menus_item .menus_item_child li a {
  padding: 2px 16px;
}
#nav .menus_items .menus_item .menus_item_child li:hover a {
  color: white !important;
}

#nav .menus_items .menus_item .menus_item_child li {
  margin: 6px;
  border-radius: 5px;
  transition: all 0.3s;
  display: inline-block;
  margin: 0 3px;
}
#nav .menus_items .menus_item .menus_item_child:before {
  top: -19px;
}
#site-name,
.shuoshuo {
  white-space: nowrap;
  overflow: hidden;
}
#site-name {
  padding: 0 8px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}

#blog_name #site-name i {
  opacity: 0;
  position: absolute;
}

#blog_name #site-name:hover .title {
  opacity: 0;
}

#blog_name #site-name:hover i {
  opacity: 1;
  transform: scale(1.01);
  color: white;
}
/* 圆角隐藏 */
ul.menus_item_child {
  border-radius: 5px;
}

/* 一级菜单居中 */
#nav .menus_items {
  position: absolute;
  width: fit-content;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 60px;
}

#nav .menus_items .menus_item:hover .menus_item_child {
  display: block;
  transform: translateX(-50%);
  right: auto;
  left: auto !important;
  padding: 6px 4px;
  box-sizing: content-box;
  line-height: 35px;
}
#nav .menus_items .menus_item:hover {
  padding: 0 5px 27px 5px !important;
  margin-bottom: -14.5px !important;
}

#nav .menus_items .menus_item .menus_item_child {
  top: 44px;
}

@media screen and (min-width: 768px) {
  .page .menus_item:hover > a.site-page {
    color: var(--anzhiyu-white) !important;
    background: var(--anzhiyu-main);
    transition: 0.3s;
    box-shadow: var(--anzhiyu-shadow-main);
  }
}

.nav-fixed #nav {
  transform: translateY(58px) !important;
}
#nav {
  padding: 0 calc((100% - 1420px) / 2);
  backdrop-filter: saturate(180%) blur(20px);
}

#nav a {
  border-radius: 8px;
  color: var(--font-color);
}
.page #nav a:hover {
  color: var(--anzhiyu-white) !important;
  background: var(--anzhiyu-main);
  transition: 0.3s;
  box-shadow: var(--anzhiyu-shadow-main);
}

#menus > div.menus_items > div > a {
  letter-spacing: 0.3rem;
  font-weight: 700;
  padding: 0em 0.3em 0em 0.5em;
  height: 35px;
  line-height: 35px;
}
#nav .menus_items .menus_item {
  padding: 0 5px;
  display: flex;
  flex-direction: column;
  margin: auto;
  align-items: center;
}

#nav div#toggle-menu {
  padding: 2px 0 4px 6px;
}

#nav-totop .totopbtn i {
  position: absolute;
  display: flex;
  opacity: 0;
}
#page-name::before {
  font-size: 18px;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  color: white !important;
  top: 0;
  left: 0;
  content: "回到顶部";
  background-color: var(--anzhiyu-theme);
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  opacity: 0;
  box-shadow: 0 0 3px var(--anzhiyu-theme);
  line-height: 45px; /*如果垂直位置不居中可以微调此值，也可以删了*/
}
#page-name:hover:before {
  opacity: 1;
}
#name-container {
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
#name-container:hover {
  transform: translateX(-50%) scale(1.03);
}
#page-name {
  position: relative;
  padding: 10px 30px;
}

center#name-container {
  position: absolute;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  font-family: "ZhuZiAYuanJWD";
}
.nav-fixed.nav-visible #name-container {
  transition: 0.3s;
  transform: translate(-50%, 60px);
}
.nav-fixed.nav-visible #menus .menus_items {
  transform: translate(-50%);
  transition: 0.3s;
  line-height: 60px;
}
.nav-fixed #menus .menus_items {
  transform: translate(-50%, -60px);
  transition: 0.3s;
}
.nav-fixed #name-container {
  top: 15%;
  transition: 0.3s;
}
#name-container {
  bottom: 60px;
}

.mask-name-container {
  max-width: 1200px;
  width: 50%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (max-width: 992px) {
  .mask-name-container {
    width: 65%;
  }
}

@media screen and (max-width: 768px) {
  .mask-name-container {
    display: none;
  }
}
#sidebar #sidebar-menus .menus_items .site-page:hover {
  color: var(--anzhiyu-white);
  border-radius: var(--anzhiyu-border-radius);
}
#nav .menus_items .menus_item > a > i:last-child {
  display: none;
}
#nav #search-button {
  font-size: 1.3em;
}

@media screen and (min-width: 900px) {
  #nav .back-home-button:hover {
    box-shadow: var(--anzhiyu-shadow-main);
  }
}

.back-home-button:hover {
  background: var(--anzhiyu-main);
  color: var(--anzhiyu-white) !important;
}
.back-home-button {
  display: flex;
  width: 35px;
  height: 35px;
  padding: 0 !important;
  align-items: center;
  justify-content: center;
  margin-right: 4px;
  transition: 0.3s;
  border-radius: 8px;
}

.back-home-button:hover .back-menu-list-groups {
  display: flex;
  opacity: 1;
  transition: 0.3s;
  top: 55px;
  pointer-events: auto;
  left: 0;
}
.back-home-button .back-menu-list-groups {
  position: absolute;
  top: 65px;
  left: 0;
  background: var(--anzhiyu-card-bg);
  border-radius: 12px;
  border: var(--style-border);
  flex-direction: column;
  font-size: 12px;
  color: var(--anzhiyu-secondtext);
  box-shadow: var(--anzhiyu-shadow-border);
  transition: 0s;
  opacity: 0;
  pointer-events: none;
}

.back-home-button .back-menu-list-group {
  display: flex;
  flex-direction: column;
}
.back-home-button .back-menu-list-group .back-menu-list-title {
  margin: 8px 0 0 16px;
  transition: 0.3s;
}
.back-home-button .back-menu-list {
  display: flex;
  flex-direction: column;
}
.back-home-button .back-menu-list::before {
  position: absolute;
  top: -22px;
  left: 0px;
  width: 100%;
  height: 25px;
  content: "";
}

.back-home-button .back-menu-list-group:hover .back-menu-list-title {
  color: var(--anzhiyu-main);
}
.back-home-button .back-menu-list-groups:hover {
  border: var(--style-border-hover);
}
.back-home-button .back-menu-list .back-menu-item {
  display: flex;
  align-items: center;
  margin: 4px 8px;
  padding: 4px 8px !important;
  transition: 0.3s;
  border-radius: 8px;
}
.back-home-button .back-menu-list .back-menu-item .back-menu-item-text {
  font-size: var(--global-font-size);
  margin-left: 0.5rem;
  color: var(--anzhiyu-fontcolor);
  white-space: nowrap;
}
#nav #blog_name {
  flex-wrap: nowrap;
  height: 60px;
  display: flex;
  align-items: center;
  /* z-index: 102; */
  transition: 0.3s;
}
.back-home-button .back-menu-list .back-menu-item .back-menu-item-icon {
  width: 24px;
  height: 24px;
  border-radius: 24px;
  background: var(--anzhiyu-secondbg);
}
#page-header #nav .back-home-button {
  cursor: pointer;
  position: relative;
}

@media screen and (min-width: 1300px) {
  #nav a:hover {
    transform: scale(1.03);
  }
}
.back-home-button .back-menu-list .back-menu-item:hover .back-menu-item-text {
  color: var(--anzhiyu-white);
}
.back-menu-item-icon.loading img {
  width: 25px;
}

#page-header #nav #menus .nav-button.long a.totopbtn,
#page-header #nav #menus .nav-button.long,
#page-header #nav #menus .nav-button.long a.totopbtn span {
  width: 70px;
}
#page-header #nav #menus .nav-button.long a.totopbtn span {
  border-radius: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
  white-space: nowrap;
}

#page-header #nav #menus .nav-button.long a.totopbtn:hover {
  border-radius: 35px;
  height: 30px;
}

#nav #search-button {
  padding-left: 0;
}
#page-header #nav .nav-button {
  margin-left: 0.5rem;
  padding: 0;
}
#page-header:not(.is-top-bar) #nav-totop a {
  display: none;
}
#search-button a.site-page.social-icon.search span {
  display: none;
}
  1. 添加并引入bar.css
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    #nav {
        top: 20px !important;
        width: 96% !important;
        margin-left: 2% !important;
        border-radius: 1145px;
        box-shadow: 0px 0px 10px 5px rgb(255, 166, 0) !important;
        background: rgba(255,255,255,0)
    }
    #page-header.nav-fixed #nav {
      background-image: linear-gradient(25deg, #e2288593, #e2839093, #ebc3a593, #f2ffb893) !important;
    }
    #page-header.nav-fixed #nav {
        top: -45px !important;
    }
    #nav #site-name {
        text-shadow: 2px 2px 4px rgb(0 0 0 / 15%);
        font-weight: bold;
        border-radius: 30px;
        cursor: pointer;
        background: #0060ff;
        margin-left: 10px;
        color:rgb(255, 255, 255);
    }
    #page-header #nav .nav-button a {
      margin: 4px;
      background: #0060ff;
      border-radius: 2000px;
      padding: 5px;
      color:rgb(255, 255, 255);
    }
    #page-header.nav-fixed #nav a, #page-header.nav-fixed #nav #site-name, #page-header.nav-fixed #nav #toggle-menu {
      color: #ffffff !important;
      border-radius: 20px;
      text-shadow: none;
    }

顶栏悬浮&圆角&拟态风格
通过css的top等属性实现

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
/* 顶栏悬浮 */
#nav {
    top: 20px !important;
    width: 96% !important;
    margin-left: 2% !important;
    border-radius: 20px;
    box-shadow: inset 10px 10px 12px #bebebe, inset -10px -10px 12px #fff, 0px 0px 1px 1px rgb(138, 138, 138);
     /*background: rgba(255,255,255,0) */
}
/* 顶栏渐变 */
#page-header.nav-fixed #nav {
  background: #c9ceef !important;
  border-radius: 30px!important;
  box-shadow: inset 10px 10px 12px #bebebe, inset -10px -10px 12px #fff, 0px 0px 1px 1px rgb(138, 138, 138);
}
#nav.show {
  background: #c9ceef !important;
  border-radius: 30px!important;
  box-shadow: inset 10px 10px 12px #bebebe, inset -10px -10px 12px #fff, 0px 0px 1px 1px rgb(138, 138, 138);
}
#nav {
  padding: 0px;
  padding-right: 7vh;
  padding-left: 7vh;
}
/* 顶栏上方距离 */
#page-header.nav-fixed #nav {
    top: -47px !important;
}
#nav {
  padding-left: 22px !important;
  padding-right: 22px !important;
}

如果想要顶栏按钮填色，可以

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
/* 按钮填色 */
#nav #site-name {
    text-shadow: 2px 2px 4px rgb(0 0 0 / 15%);
    font-weight: bold;
    cursor: pointer;
    background: cyan;
}
.fa-angle-double-down:before, .fa-angles-down:before {
    content: "\f103";
    background: cyan;
    border-radius: 10px;
    padding: 9px;
}
#nav.hide-menu #toggle-menu {
    display: inline-block !important;
    background: cyan;
    border-radius: 10px;
    padding: -9px;
}

去掉头图部分的黑色遮罩，可以

1
2
3
4
5
6
7
8
9
10
11
12
/* 头图透明 */
#page-header{
    background: transparent!important;
  }
  /* 头图遮罩层透明 */
  #page-header::before{
    background: transparent!important;
    }
  /*top-img黑色透明玻璃效果移除，不建议加，除非你执着于完全一图流或者背景图对比色明显 */
  #page-header.post-bg:before {
    background-color: transparent !important;
  }

头图不全屏

1
2
3
4
5
6
7
8
9
/* 头图不全屏 */
#page-header.full_page {
    height: 40vh !important;
    background-attachment: fixed !important;
}

#web_bg {
    background-attachment: fixed !important;
}

深色标题适配浅色背景

1
2
3
4
5
6
7
8
9
10
11
12
13
/* 适配浅色背景的深色标题 */
#page-header #site-title {
    color: black;
}
#page-header #site-subtitle {
  color: black;
}
#post-info .post-title {
  color: #000;
}
#post-info #post-meta {
  color: #000bff;
}

Ecx-UI-2-顶栏+头图
http://uu.sssu.us/archives/36352/
作者
径曲山斜
发布于
2023-01-04
更新于
2023-07-28
许可协议
CC BY 4.0
hexo教程Ecx-UI魔改butterfly
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
目录
  1. 1. 顶栏
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/3688/index.html b/archives/3688/index.html index a7cbb8a04..18b0f5080 100644 --- a/archives/3688/index.html +++ b/archives/3688/index.html @@ -1 +1 @@ -markdown-it食用教程 | 径曲山斜のBlog

markdown-it食用教程

发表于|更新于|杂谈教程
|阅读量:

给hexo食用更高级的渲染器：markdown-it

++先卸载++==默认的渲染器==

1
npm un hexo-renderer-marked --save

然后安装markdown-it

1
npm i hexo-renderer-markdown-it --save

在==博客_config.yml==中写入

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
markdown:
  preset: "default"
  render:
    html: true
    xhtmlOut: false
    langPrefix: "language-"
    breaks: true
    linkify: true
    typographer: true
    quotes: "“”‘’"
  enable_rules:
  disable_rules:
  plugins:
    - markdown-it-abbr
    - markdown-it-cjk-breaks
    - markdown-it-deflist
    - markdown-it-emoji
    - markdown-it-footnote
    - markdown-it-ins
    - markdown-it-mark
    - markdown-it-sub
    - markdown-it-sup
    - markdown-it-checkbox
    - markdown-it-imsize
    - markdown-it-expandable
    - name: markdown-it-container
      options: success
    - name: markdown-it-container
      options: tips
    - name: markdown-it-container
      options: warning
    - name: markdown-it-container
      options: danger
  anchors:
    level: 2
    collisionSuffix: ""
    permalink: false
    permalinkClass: "header-anchor"
    permalinkSide: "left"
    permalinkSymbol: "¶"
    case: 0
    separator: "-"

运行==hexo s==
::: danger
报错
ERROR Plugin load failed: hexo-renderer-markdown-it
Error: Cannot find module ‘markdown-it-imsize’
Require stack:

  • D:\blog\node_modules_hexo-renderer-markdown-it@6.1.0@hexo-renderer-markdown-it\lib\renderer.js
  • D:\blog\node_modules_hexo-renderer-markdown-it@6.1.0@hexo-renderer-markdown-it\index.js
    at Module._resolveFilename (node:internal/modules/cjs/loader:995:15)
    at Module._load (node:internal/modules/cjs/loader:841:27)
    at Module.require (node:internal/modules/cjs/loader:1061:19)
    at require (node:internal/modules/cjs/helpers:103:18)
    at D:\blog\node_modules_hexo-renderer-markdown-it@6.1.0@hexo-renderer-markdown-it\lib\renderer.js:41:27
    at Array.reduce ()
    at new Renderer (D:\blog\node_modules_hexo-renderer-markdown-it@6.1.0@hexo-renderer-markdown-it\lib\renderer.js:37:29)
    at D:\blog\node_modules_hexo-renderer-markdown-it@6.1.0@hexo-renderer-markdown-it\index.js:32:18
    at D:\blog\node_modules_hexo@6.3.0@hexo\lib\hexo\index.js:305:14
    at tryCatcher (D:\blog\node_modules_bluebird@3.7.2@bluebird\js\release\util.js:16:23)
    at Promise._settlePromiseFromHandler (D:\blog\node_modules_bluebird@3.7.2@bluebird\js\release\promise.js:547:31)
    at Promise._settlePromise (D:\blog\node_modules_bluebird@3.7.2@bluebird\js\release\promise.js:604:18)
    at Promise._settlePromise0 (D:\blog\node_modules_bluebird@3.7.2@bluebird\js\release\promise.js:649:10)
    at Promise._settlePromises (D:\blog\node_modules_bluebird@3.7.2@bluebird\js\release\promise.js:729:18)
    at _drainQueueStep (D:\blog\node_modules_bluebird@3.7.2@bluebird\js\release\async.js:93:12)
    at _drainQueue (D:\blog\node_modules_bluebird@3.7.2@bluebird\js\release\async.js:86:9)
    at Async._drainQueues (D:\blog\node_modules_bluebird@3.7.2@bluebird\js\release\async.js:102:5)
    at Async.drainQueues [as _onImmediate] (D:\blog\node_modules_bluebird@3.7.2@bluebird\js\release\async.js:15:14)
    at process.processImmediate (node:internal/timers:471:21)
    :::

运行

1
cnpm i markdown-it-imsize --save

++解决++

::: warning
测试渲染器
发现警告注意成功等模块不显示颜色
:::

在/themes/主题/source/css下，==新建_custom文件夹==，在文件夹下新建==markdown.css==，写入

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
.tips {
    padding-left: 10px;
    background-color: rgba(52,152,219,.3);
    border-left: 4px solid rgb(52,152,219);
    color: darken(rgb(52,152,219),20%);
}
.success {
    padding-left: 10px;
    background-color: rgba(46,204,113,.3);
    border-left: 4px solid rgb(46,204,113);
    color: darken(rgb(46,204,113),20%);
}
.warning {
    padding-left: 10px;
    background-color: rgba(241,196,15,.3);
    border-left: 4px solid rgb(241,196,15);
    color: darken(rgb(241,196,15),20%);
}
.danger {
    padding-left: 10px;
    background-color: rgba(231,76,60,.3);
    border-left: 4px solid rgb(231,76,60);
    color: darken(rgb(231,76,60),20%);
}

在主题配置文件中引入此css
后可显示效果

markdown-it食用教程
http://uu.sssu.us/archives/3688/
作者
径曲山斜
发布于
2022-12-12
更新于
2023-07-02
许可协议
CC BY 4.0
教程
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +markdown-it食用教程 | 径曲山斜のBlog

markdown-it食用教程

发表于|更新于|杂谈教程
|阅读量:

给hexo食用更高级的渲染器：markdown-it

++先卸载++==默认的渲染器==

1
npm un hexo-renderer-marked --save

然后安装markdown-it

1
npm i hexo-renderer-markdown-it --save

在==博客_config.yml==中写入

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
markdown:
  preset: "default"
  render:
    html: true
    xhtmlOut: false
    langPrefix: "language-"
    breaks: true
    linkify: true
    typographer: true
    quotes: "“”‘’"
  enable_rules:
  disable_rules:
  plugins:
    - markdown-it-abbr
    - markdown-it-cjk-breaks
    - markdown-it-deflist
    - markdown-it-emoji
    - markdown-it-footnote
    - markdown-it-ins
    - markdown-it-mark
    - markdown-it-sub
    - markdown-it-sup
    - markdown-it-checkbox
    - markdown-it-imsize
    - markdown-it-expandable
    - name: markdown-it-container
      options: success
    - name: markdown-it-container
      options: tips
    - name: markdown-it-container
      options: warning
    - name: markdown-it-container
      options: danger
  anchors:
    level: 2
    collisionSuffix: ""
    permalink: false
    permalinkClass: "header-anchor"
    permalinkSide: "left"
    permalinkSymbol: "¶"
    case: 0
    separator: "-"

运行==hexo s==
::: danger
报错
ERROR Plugin load failed: hexo-renderer-markdown-it
Error: Cannot find module ‘markdown-it-imsize’
Require stack:

  • D:\blog\node_modules_hexo-renderer-markdown-it@6.1.0@hexo-renderer-markdown-it\lib\renderer.js
  • D:\blog\node_modules_hexo-renderer-markdown-it@6.1.0@hexo-renderer-markdown-it\index.js
    at Module._resolveFilename (node:internal/modules/cjs/loader:995:15)
    at Module._load (node:internal/modules/cjs/loader:841:27)
    at Module.require (node:internal/modules/cjs/loader:1061:19)
    at require (node:internal/modules/cjs/helpers:103:18)
    at D:\blog\node_modules_hexo-renderer-markdown-it@6.1.0@hexo-renderer-markdown-it\lib\renderer.js:41:27
    at Array.reduce ()
    at new Renderer (D:\blog\node_modules_hexo-renderer-markdown-it@6.1.0@hexo-renderer-markdown-it\lib\renderer.js:37:29)
    at D:\blog\node_modules_hexo-renderer-markdown-it@6.1.0@hexo-renderer-markdown-it\index.js:32:18
    at D:\blog\node_modules_hexo@6.3.0@hexo\lib\hexo\index.js:305:14
    at tryCatcher (D:\blog\node_modules_bluebird@3.7.2@bluebird\js\release\util.js:16:23)
    at Promise._settlePromiseFromHandler (D:\blog\node_modules_bluebird@3.7.2@bluebird\js\release\promise.js:547:31)
    at Promise._settlePromise (D:\blog\node_modules_bluebird@3.7.2@bluebird\js\release\promise.js:604:18)
    at Promise._settlePromise0 (D:\blog\node_modules_bluebird@3.7.2@bluebird\js\release\promise.js:649:10)
    at Promise._settlePromises (D:\blog\node_modules_bluebird@3.7.2@bluebird\js\release\promise.js:729:18)
    at _drainQueueStep (D:\blog\node_modules_bluebird@3.7.2@bluebird\js\release\async.js:93:12)
    at _drainQueue (D:\blog\node_modules_bluebird@3.7.2@bluebird\js\release\async.js:86:9)
    at Async._drainQueues (D:\blog\node_modules_bluebird@3.7.2@bluebird\js\release\async.js:102:5)
    at Async.drainQueues [as _onImmediate] (D:\blog\node_modules_bluebird@3.7.2@bluebird\js\release\async.js:15:14)
    at process.processImmediate (node:internal/timers:471:21)
    :::

运行

1
cnpm i markdown-it-imsize --save

++解决++

::: warning
测试渲染器
发现警告注意成功等模块不显示颜色
:::

在/themes/主题/source/css下，==新建_custom文件夹==，在文件夹下新建==markdown.css==，写入

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
.tips {
    padding-left: 10px;
    background-color: rgba(52,152,219,.3);
    border-left: 4px solid rgb(52,152,219);
    color: darken(rgb(52,152,219),20%);
}
.success {
    padding-left: 10px;
    background-color: rgba(46,204,113,.3);
    border-left: 4px solid rgb(46,204,113);
    color: darken(rgb(46,204,113),20%);
}
.warning {
    padding-left: 10px;
    background-color: rgba(241,196,15,.3);
    border-left: 4px solid rgb(241,196,15);
    color: darken(rgb(241,196,15),20%);
}
.danger {
    padding-left: 10px;
    background-color: rgba(231,76,60,.3);
    border-left: 4px solid rgb(231,76,60);
    color: darken(rgb(231,76,60),20%);
}

在主题配置文件中引入此css
后可显示效果

markdown-it食用教程
http://uu.sssu.us/archives/3688/
作者
径曲山斜
发布于
2022-12-12
更新于
2023-07-02
许可协议
CC BY 4.0
教程
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/37091/index.html b/archives/37091/index.html index 68d140a88..c138ba790 100644 --- a/archives/37091/index.html +++ b/archives/37091/index.html @@ -1 +1 @@ -部分dns封堵解决办法 | 径曲山斜のBlog

部分dns封堵解决办法

发表于|更新于
|阅读量:

前言

昨天，我一直在群里闲逛，跟群友聊天，然后就有人说了我的域名访问不了了，我看了下像是被墙了。

排错

我的域名是在dynadot购买的，网站托管在netlify，资源在github，然后我就开始逐个排错

首先我查看了我的github仓库，内容正常。

然后是netfliy的网站托管，正常。

然后我发现***.netlify.app被墙了，由于我用的是netlify-dns的cname解析，所以就造成了域名无法访问。

解决

换dns，经过延迟测试后，我选择了vercel，但vercel的dns很有特点，也造成了我不能上cdn。

结语

据说最近netlify这类的平台正在一个接一个的墙掉，最近我的博客就像在逃命。

部分dns封堵解决办法
http://uu.sssu.us/archives/37091/
作者
径曲山斜
发布于
2023-07-24
更新于
2023-07-28
许可协议
CC BY 4.0
前端博客
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +部分dns封堵解决办法 | 径曲山斜のBlog

部分dns封堵解决办法

发表于|更新于
|阅读量:

前言

昨天，我一直在群里闲逛，跟群友聊天，然后就有人说了我的域名访问不了了，我看了下像是被墙了。

排错

我的域名是在dynadot购买的，网站托管在netlify，资源在github，然后我就开始逐个排错

首先我查看了我的github仓库，内容正常。

然后是netfliy的网站托管，正常。

然后我发现***.netlify.app被墙了，由于我用的是netlify-dns的cname解析，所以就造成了域名无法访问。

解决

换dns，经过延迟测试后，我选择了vercel，但vercel的dns很有特点，也造成了我不能上cdn。

结语

据说最近netlify这类的平台正在一个接一个的墙掉，最近我的博客就像在逃命。

部分dns封堵解决办法
http://uu.sssu.us/archives/37091/
作者
径曲山斜
发布于
2023-07-24
更新于
2023-07-28
许可协议
CC BY 4.0
前端博客
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/39114/index.html b/archives/39114/index.html new file mode 100644 index 000000000..ca4d0f241 --- /dev/null +++ b/archives/39114/index.html @@ -0,0 +1 @@ +域名注册局：.COM域名9月1号继续涨价！ | 径曲山斜のBlog

域名注册局：.COM域名9月1号继续涨价！

发表于|更新于
|阅读量:

域名注册局：.COM域名9月1号继续涨价！

VeriSign 宣布，基于与 ICANN 的协议，2023年9月1日起，全球 .COM 域名成本价将继续上涨。

Verisign 是 .COM 的域名注册局，在2018年与美国商务部达成协议，允许他们在之后的十年中每年将价格提高7%，为了防止 Verisign 滥用垄断地位，ICANN 对费用设定了上限。

ICANN 允许 Verisign 在2020-2023这4年间，每年涨价7%，停两年，再开始一个循环，再2026-2029年之间，再以每年7%的涨幅涨价4年。

除了.COM域名外，VeriSign还在提高.NET域名的价格，域名涨价已经无法阻挡，这几年域名愈发的贵，还是老样子，域名续费上限为10年，请记得提前续费。

域名注册局：.COM域名9月1号继续涨价！
http://uu.sssu.us/archives/39114/
作者
径曲山斜
发布于
2023-09-15
更新于
2023-09-15
许可协议
CC BY 4.0
域名
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
抱歉，该文章无目录
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/4034/index.html b/archives/4034/index.html index 78ca74088..bc40d452d 100644 --- a/archives/4034/index.html +++ b/archives/4034/index.html @@ -1 +1 @@ -自定义美化你的windows桌面！ | 径曲山斜のBlog

自定义美化你的windows桌面！

发表于|更新于
|阅读量:

我这个人嘛，好折腾。

博客整多了，又要开始整点windows了。

天天写博客跟explorer打交道，我需要一个高效，美观，易用的explorer

还有方便的启动程序方式，并且占用不能太高

先看效果图

img

以下为本人自用方案和推荐方案

快捷启动程序实用任务栏。

在桌面上建一个文件夹，把所有快捷方式放进去。

然后右键任务栏，点工具栏，新建工具栏。选择刚刚的文件夹，就好了

右键任务栏取消锁定，看到||，拖动它，会显示一堆图标。右键，显示，取消掉显示文字和显示标题，选择大图标。

拖动到最前面然后把任务栏往后拽，你就得到了一个实用的快捷启动任务栏。

:::tips
至此，可以右键桌面-查看-取消勾选显示桌面图标，达到优雅的效果
:::

桌面主题

写博客，玩游戏，敲代码，当然要有一个打开电脑就赏心悦目的桌面！

下载安装ultrathemepatcher（好像是叫这个）

这里推荐一个网站: 致美化，上面提到的资源都能在这里找到！

然后还是在致美化去找一个主题，我选择的是Nord北极蓝。

下载安装

:::danger
安装路径不要变！安装路径不要变！
:::

装好后会跳转官网，关掉就好了。去设置里找到个性化，主题，选择刚刚安装的，就好了。

图标

还是那个网站，下载图标包。双击运行ipack的exe，快速安装。

:::danger
安装会暂时关闭explorer，请务必保存您正在做的工作！
:::

安装好后重启。图标会有变化。

mac风格

你可以选择下载mydockfinder来做到mac风格的效果。

下载后解压，双击运行dock-64.exe，缺少运行库就运行那两个vs。

然后拖拽图标到dock。

右键dock选择隐藏任务栏，即可做到mac风格。

站内也有不少mac风格图标下载。

:::danger
不过换图标包之前要先卸载之前的，推荐geek uninstaller。
:::

自定义美化你的windows桌面！
http://uu.sssu.us/archives/4034/
作者
径曲山斜
发布于
2023-01-31
更新于
2023-07-02
许可协议
CC BY 4.0
windows
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +自定义美化你的windows桌面！ | 径曲山斜のBlog

自定义美化你的windows桌面！

发表于|更新于
|阅读量:

我这个人嘛，好折腾。

博客整多了，又要开始整点windows了。

天天写博客跟explorer打交道，我需要一个高效，美观，易用的explorer

还有方便的启动程序方式，并且占用不能太高

先看效果图

img

以下为本人自用方案和推荐方案

快捷启动程序实用任务栏。

在桌面上建一个文件夹，把所有快捷方式放进去。

然后右键任务栏，点工具栏，新建工具栏。选择刚刚的文件夹，就好了

右键任务栏取消锁定，看到||，拖动它，会显示一堆图标。右键，显示，取消掉显示文字和显示标题，选择大图标。

拖动到最前面然后把任务栏往后拽，你就得到了一个实用的快捷启动任务栏。

:::tips
至此，可以右键桌面-查看-取消勾选显示桌面图标，达到优雅的效果
:::

桌面主题

写博客，玩游戏，敲代码，当然要有一个打开电脑就赏心悦目的桌面！

下载安装ultrathemepatcher（好像是叫这个）

这里推荐一个网站: 致美化，上面提到的资源都能在这里找到！

然后还是在致美化去找一个主题，我选择的是Nord北极蓝。

下载安装

:::danger
安装路径不要变！安装路径不要变！
:::

装好后会跳转官网，关掉就好了。去设置里找到个性化，主题，选择刚刚安装的，就好了。

图标

还是那个网站，下载图标包。双击运行ipack的exe，快速安装。

:::danger
安装会暂时关闭explorer，请务必保存您正在做的工作！
:::

安装好后重启。图标会有变化。

mac风格

你可以选择下载mydockfinder来做到mac风格的效果。

下载后解压，双击运行dock-64.exe，缺少运行库就运行那两个vs。

然后拖拽图标到dock。

右键dock选择隐藏任务栏，即可做到mac风格。

站内也有不少mac风格图标下载。

:::danger
不过换图标包之前要先卸载之前的，推荐geek uninstaller。
:::

自定义美化你的windows桌面！
http://uu.sssu.us/archives/4034/
作者
径曲山斜
发布于
2023-01-31
更新于
2023-07-02
许可协议
CC BY 4.0
windows
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/40712/index.html b/archives/40712/index.html index d2754eeea..0c30b0a00 100644 --- a/archives/40712/index.html +++ b/archives/40712/index.html @@ -1 +1 @@ -使用obs虚拟摄像机上网课 | 径曲山斜のBlog

使用obs虚拟摄像机上网课

发表于|更新于
|阅读量:

:::tips

请准备

1.obs
下载和你电脑对应的版本
2.电脑
3.手
4.确保你是个正常人
:::

开始

录制视频：

打开obs
然后按照图中步骤操作，新建一个场景

创建好之后，按照图中步骤操作

开始录制

在虚拟摄像头放视频

:::warning
录制好之后，==确认如下路径能找到刚刚录制的视频==

:::

按照图中步骤依次点击：
:::success

+加号 > 媒体源 > 浏览 > 想要放的视频 > 打开



:::danger

记得勾选上循环！！

:::
:::

使用虚拟摄像头

点击“启动虚拟摄像机”

这里以腾讯会议为例，在这里选择 “obs virtual camera”

:::success

如果一切正常，那么恭喜你，你成功啦！

:::

使用obs虚拟摄像机上网课
http://uu.sssu.us/archives/40712/
作者
径曲山斜
发布于
2022-12-15
更新于
2023-07-04
许可协议
CC BY 4.0
打赏
  • 微信
    微信
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +使用obs虚拟摄像机上网课 | 径曲山斜のBlog

使用obs虚拟摄像机上网课

发表于|更新于
|阅读量:

:::tips

请准备

1.obs
下载和你电脑对应的版本
2.电脑
3.手
4.确保你是个正常人
:::

开始

录制视频：

打开obs
然后按照图中步骤操作，新建一个场景

创建好之后，按照图中步骤操作

开始录制

在虚拟摄像头放视频

:::warning
录制好之后，==确认如下路径能找到刚刚录制的视频==

:::

按照图中步骤依次点击：
:::success

+加号 > 媒体源 > 浏览 > 想要放的视频 > 打开



:::danger

记得勾选上循环！！

:::
:::

使用虚拟摄像头

点击“启动虚拟摄像机”

这里以腾讯会议为例，在这里选择 “obs virtual camera”

:::success

如果一切正常，那么恭喜你，你成功啦！

:::

使用obs虚拟摄像机上网课
http://uu.sssu.us/archives/40712/
作者
径曲山斜
发布于
2022-12-15
更新于
2023-07-04
许可协议
CC BY 4.0
打赏
  • 微信
    微信
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/43564/index.html b/archives/43564/index.html index b99bd3b26..5fb5653c3 100644 --- a/archives/43564/index.html +++ b/archives/43564/index.html @@ -1 +1 @@ -dimension-6.0更新 | 径曲山斜のBlog

dimension-6.0更新

发表于|更新于
|阅读量:
一个基于butterfly的二次元hexo主题。

新特性

dimension 6.0新特性：

  • 优化了文件结构
  • css精简
    去除冗余css
  • webkit内核浏览器模糊bug修复
  • 首页板块可选择开启关闭
  • 文章双栏可选择开启关闭
  • 分类页大变样
  • 悬浮导航（可选开启）
  • 外挂标签bug修复

安装

未使用过dimension

同5.*版本

从5.*版本更新

下载新版dimension

替换/layout/index.pug

替换/css/_custom下所有文件

替换_config.dimension.yml

dimension-6.0更新
http://uu.sssu.us/archives/43564/
作者
径曲山斜
发布于
2023-03-26
更新于
2023-08-17
许可协议
CC BY 4.0
打赏
  • 微信
    微信
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +dimension-6.0更新 | 径曲山斜のBlog

dimension-6.0更新

发表于|更新于
|阅读量:
一个基于butterfly的二次元hexo主题。

新特性

dimension 6.0新特性：

  • 优化了文件结构
  • css精简
    去除冗余css
  • webkit内核浏览器模糊bug修复
  • 首页板块可选择开启关闭
  • 文章双栏可选择开启关闭
  • 分类页大变样
  • 悬浮导航（可选开启）
  • 外挂标签bug修复

安装

未使用过dimension

同5.*版本

从5.*版本更新

下载新版dimension

替换/layout/index.pug

替换/css/_custom下所有文件

替换_config.dimension.yml

dimension-6.0更新
http://uu.sssu.us/archives/43564/
作者
径曲山斜
发布于
2023-03-26
更新于
2023-08-17
许可协议
CC BY 4.0
打赏
  • 微信
    微信
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/46392/index.html b/archives/46392/index.html index 5e1a5a3c3..f0959758c 100644 --- a/archives/46392/index.html +++ b/archives/46392/index.html @@ -1 +1 @@ -Ecx-UI-4-页脚 | 径曲山斜のBlog

Ecx-UI-4-页脚

发表于|更新于|ui魔改
|阅读量:

:::success
Ecx-UI第四期
:::

  1. 页脚悬浮
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
/* 页脚悬浮 */
footer {
   top: -20px !important;
    width: 96% !important;
    margin-left: 2% !important;
    border-radius: 40px 40px 0px 0px !important;
    padding-top: 20px;
    background-image: linear-gradient(25deg, #4f73cd, #919fde, #c9ceef, #d7eafc) !important;
}
#footer-wrap {
  padding-bottom: 80px;
  color: black;
  text-align: center;
#footer {
  background: #ffffff00;
}
}
  1. 页脚波浪特效（移植自@安知鱼的文章页波浪）
    创建并引入footer.css
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    /* 波浪css */
    .main-hero-waves-area {
      width: 100%;
      position: absolute;
      left: 0;
      bottom: -11px;
      z-index: 5;
      border-radius: 20px;
    }
    .waves-area .waves-svg {
      width: 100%;
      height: 5rem;
    }
    /* Animation */

    .parallax > use {
      animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
    }
    .parallax > use:nth-child(1) {
      animation-delay: -2s;
      animation-duration: 7s;
      fill: #f7f9febd;
    }
    .parallax > use:nth-child(2) {
      animation-delay: -3s;
      animation-duration: 10s;
      fill: #f7f9fe82;
    }
    .parallax > use:nth-child(3) {
      animation-delay: -4s;
      animation-duration: 13s;
      fill: #f7f9fe36;
    }
    .parallax > use:nth-child(4) {
      animation-delay: -5s;
      animation-duration: 20s;
      fill: #f7f9fe;
    }
    /* 黑色模式背景 */
    [data-theme="dark"] .parallax > use:nth-child(1) {
      animation-delay: -2s;
      animation-duration: 7s;
      fill: #18171dc8;
    }
    [data-theme="dark"] .parallax > use:nth-child(2) {
      animation-delay: -3s;
      animation-duration: 10s;
      fill: #18171d80;
    }
    [data-theme="dark"] .parallax > use:nth-child(3) {
      animation-delay: -4s;
      animation-duration: 13s;
      fill: #18171d3e;
    }
    [data-theme="dark"] .parallax > use:nth-child(4) {
      animation-delay: -5s;
      animation-duration: 20s;
      fill: #18171d;
    }

    @keyframes move-forever {
      0% {
        transform: translate3d(-90px, 0, 0);
      }
      100% {
        transform: translate3d(85px, 0, 0);
      }
    }
    /*Shrinking for mobile*/
    @media (max-width: 768px) {
      .waves-area .waves-svg {
        height: 40px;
        min-height: 40px;
      }
    }

找到/layout/includes/footer.pug，将全部内容替换为

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
#footer-wrap
  if theme.footer.owner.enable
    - var now = new Date()
    - var nowYear = now.getFullYear()
    if theme.footer.owner.since && theme.footer.owner.since != nowYear
      .copyright!= `&copy;${theme.footer.owner.since} - ${nowYear} By ${config.author}`
    else
      .copyright!= `&copy;${nowYear} By ${config.author}`
  if theme.footer.copyright
    .framework-info
      span= _p('footer.framework') + ' '
      a(href='https://hexo.io')= 'Hexo'
      span.footer-separator |
      span= _p('footer.theme') + ' '
      a(href='https://github.com/jerryc127/hexo-theme-butterfly')= 'Butterfly'
  if theme.footer.custom_text
    .footer_custom_text!=`©Aegcbx`
  section.main-hero-waves-area.waves-area
    svg.waves-svg(xmlns='http://www.w3.org/2000/svg', xlink='http://www.w3.org/1999/xlink', viewBox='0 24 150 28', preserveAspectRatio='none', shape-rendering='auto')
      defs
        path#gentle-wave(d='M -160 44 c 30 0 58 -18 88 -18 s 58 18 88 18 s 58 -18 88 -18 s 58 18 88 18 v 44 h -352 Z')
      g.parallax
        use(href='#gentle-wave', x='48', y='0')
        use(href='#gentle-wave', x='48', y='3')
        use(href='#gentle-wave', x='48', y='5')
        use(href='#gentle-wave', x='48', y='7')

Ecx-UI-4-页脚
http://uu.sssu.us/archives/46392/
作者
径曲山斜
发布于
2023-01-05
更新于
2023-07-28
许可协议
CC BY 4.0
hexo教程Ecx-UI魔改butterfly
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
抱歉，该文章无目录
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +Ecx-UI-4-页脚 | 径曲山斜のBlog

Ecx-UI-4-页脚

发表于|更新于|ui魔改
|阅读量:

:::success
Ecx-UI第四期
:::

  1. 页脚悬浮
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
/* 页脚悬浮 */
footer {
   top: -20px !important;
    width: 96% !important;
    margin-left: 2% !important;
    border-radius: 40px 40px 0px 0px !important;
    padding-top: 20px;
    background-image: linear-gradient(25deg, #4f73cd, #919fde, #c9ceef, #d7eafc) !important;
}
#footer-wrap {
  padding-bottom: 80px;
  color: black;
  text-align: center;
#footer {
  background: #ffffff00;
}
}
  1. 页脚波浪特效（移植自@安知鱼的文章页波浪）
    创建并引入footer.css
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    /* 波浪css */
    .main-hero-waves-area {
      width: 100%;
      position: absolute;
      left: 0;
      bottom: -11px;
      z-index: 5;
      border-radius: 20px;
    }
    .waves-area .waves-svg {
      width: 100%;
      height: 5rem;
    }
    /* Animation */

    .parallax > use {
      animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
    }
    .parallax > use:nth-child(1) {
      animation-delay: -2s;
      animation-duration: 7s;
      fill: #f7f9febd;
    }
    .parallax > use:nth-child(2) {
      animation-delay: -3s;
      animation-duration: 10s;
      fill: #f7f9fe82;
    }
    .parallax > use:nth-child(3) {
      animation-delay: -4s;
      animation-duration: 13s;
      fill: #f7f9fe36;
    }
    .parallax > use:nth-child(4) {
      animation-delay: -5s;
      animation-duration: 20s;
      fill: #f7f9fe;
    }
    /* 黑色模式背景 */
    [data-theme="dark"] .parallax > use:nth-child(1) {
      animation-delay: -2s;
      animation-duration: 7s;
      fill: #18171dc8;
    }
    [data-theme="dark"] .parallax > use:nth-child(2) {
      animation-delay: -3s;
      animation-duration: 10s;
      fill: #18171d80;
    }
    [data-theme="dark"] .parallax > use:nth-child(3) {
      animation-delay: -4s;
      animation-duration: 13s;
      fill: #18171d3e;
    }
    [data-theme="dark"] .parallax > use:nth-child(4) {
      animation-delay: -5s;
      animation-duration: 20s;
      fill: #18171d;
    }

    @keyframes move-forever {
      0% {
        transform: translate3d(-90px, 0, 0);
      }
      100% {
        transform: translate3d(85px, 0, 0);
      }
    }
    /*Shrinking for mobile*/
    @media (max-width: 768px) {
      .waves-area .waves-svg {
        height: 40px;
        min-height: 40px;
      }
    }

找到/layout/includes/footer.pug，将全部内容替换为

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
#footer-wrap
  if theme.footer.owner.enable
    - var now = new Date()
    - var nowYear = now.getFullYear()
    if theme.footer.owner.since && theme.footer.owner.since != nowYear
      .copyright!= `&copy;${theme.footer.owner.since} - ${nowYear} By ${config.author}`
    else
      .copyright!= `&copy;${nowYear} By ${config.author}`
  if theme.footer.copyright
    .framework-info
      span= _p('footer.framework') + ' '
      a(href='https://hexo.io')= 'Hexo'
      span.footer-separator |
      span= _p('footer.theme') + ' '
      a(href='https://github.com/jerryc127/hexo-theme-butterfly')= 'Butterfly'
  if theme.footer.custom_text
    .footer_custom_text!=`©Aegcbx`
  section.main-hero-waves-area.waves-area
    svg.waves-svg(xmlns='http://www.w3.org/2000/svg', xlink='http://www.w3.org/1999/xlink', viewBox='0 24 150 28', preserveAspectRatio='none', shape-rendering='auto')
      defs
        path#gentle-wave(d='M -160 44 c 30 0 58 -18 88 -18 s 58 18 88 18 s 58 -18 88 -18 s 58 18 88 18 v 44 h -352 Z')
      g.parallax
        use(href='#gentle-wave', x='48', y='0')
        use(href='#gentle-wave', x='48', y='3')
        use(href='#gentle-wave', x='48', y='5')
        use(href='#gentle-wave', x='48', y='7')

Ecx-UI-4-页脚
http://uu.sssu.us/archives/46392/
作者
径曲山斜
发布于
2023-01-05
更新于
2023-07-28
许可协议
CC BY 4.0
hexo教程Ecx-UI魔改butterfly
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
抱歉，该文章无目录
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/46804/index.html b/archives/46804/index.html index f3955680f..5f7bd9128 100644 --- a/archives/46804/index.html +++ b/archives/46804/index.html @@ -1 +1 @@ -博客一年，我收获了什么 | 径曲山斜のBlog

博客一年，我收获了什么

发表于|更新于
|阅读量:

记录

从2022年7月12日开始写博客到现在(2023年7月12日)，我的博客已经运行了一年了，时间真的过得好快…

入坑的那天开始，我用的就是hexo，期间也曾尝试过typecho，WordPress，hugo，但最后依旧坚持着hexo，一直到了现在。

其实我这博客，也算是醉翁之意不在酒，一年来只写了43篇文章，但是换了十多个主题，从fluid，到yun，shoka，icarus等等

最后迁移到了大名鼎鼎的butterfly。

技术

技术方面上，我认为我也学到了不少东西，会了html，css，还有一点JavaScript，能用这些写bug（bushi

自己高度魔改了两个版本的butterfly，在github开源了，也有些人加了我的群。

一直在用有限的技术维护自己的网站，写bug，修bug，再写bug，再修bug…

也学会了扒站（雾

从一脸懵逼到会读文档，能进行一些操作，也略微提高了有限的排错能力。

生活

我是一个比较热爱生活的人，我的文章即写给别人，也写给自己。

把我学到的技术，用到的方案，踩过的大大小小，形形色色的坑，避坑方案写在博客上，给大家分享

关于博客

我的博客也是我折腾的一个地方，可以自由的更改网站外观，用自己的域名，就像装修一个自己的小屋，虽然看的人比较少，但这也换来了更少的的舆论。

个人博客的成本可以很低，像hexo这样的静态框架，可以做到完全免费，并且最重要的是运行稳定，这也就是为什么我选择hexo，有好看的主题（比hugo好看），不像ty和wp那样需要虚拟主机，也能节省一些成本。

也可以加友链，记录一些在博客路上遇到的人。

结语

就说到这里吧，博客一年，我颇有收获。

博客一年，我收获了什么
http://uu.sssu.us/archives/46804/
作者
径曲山斜
发布于
2023-07-12
更新于
2023-07-19
许可协议
CC BY 4.0
hexo生活
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +博客一年，我收获了什么 | 径曲山斜のBlog

博客一年，我收获了什么

发表于|更新于
|阅读量:

记录

从2022年7月12日开始写博客到现在(2023年7月12日)，我的博客已经运行了一年了，时间真的过得好快…

入坑的那天开始，我用的就是hexo，期间也曾尝试过typecho，WordPress，hugo，但最后依旧坚持着hexo，一直到了现在。

其实我这博客，也算是醉翁之意不在酒，一年来只写了43篇文章，但是换了十多个主题，从fluid，到yun，shoka，icarus等等

最后迁移到了大名鼎鼎的butterfly。

技术

技术方面上，我认为我也学到了不少东西，会了html，css，还有一点JavaScript，能用这些写bug（bushi

自己高度魔改了两个版本的butterfly，在github开源了，也有些人加了我的群。

一直在用有限的技术维护自己的网站，写bug，修bug，再写bug，再修bug…

也学会了扒站（雾

从一脸懵逼到会读文档，能进行一些操作，也略微提高了有限的排错能力。

生活

我是一个比较热爱生活的人，我的文章即写给别人，也写给自己。

把我学到的技术，用到的方案，踩过的大大小小，形形色色的坑，避坑方案写在博客上，给大家分享

关于博客

我的博客也是我折腾的一个地方，可以自由的更改网站外观，用自己的域名，就像装修一个自己的小屋，虽然看的人比较少，但这也换来了更少的的舆论。

个人博客的成本可以很低，像hexo这样的静态框架，可以做到完全免费，并且最重要的是运行稳定，这也就是为什么我选择hexo，有好看的主题（比hugo好看），不像ty和wp那样需要虚拟主机，也能节省一些成本。

也可以加友链，记录一些在博客路上遇到的人。

结语

就说到这里吧，博客一年，我颇有收获。

博客一年，我收获了什么
http://uu.sssu.us/archives/46804/
作者
径曲山斜
发布于
2023-07-12
更新于
2023-07-19
许可协议
CC BY 4.0
hexo生活
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/47635/index.html b/archives/47635/index.html index 66044b1ab..67c15ab4b 100644 --- a/archives/47635/index.html +++ b/archives/47635/index.html @@ -1 +1 @@ -速度优化-css预加载 | 径曲山斜のBlog

速度优化-css预加载

发表于|更新于|博客优化
|阅读量:

Ecx-project进行的过程中

发现了一个问题

就是我加了nerdfont，仿宋等等多个字体

使用的css引入

再加上我没有cdn，用的也是github，加载非常慢

字体要十几秒。

:::success
这就有了今天的优化方案
:::

:::tips
思路：
首先我想到的方式有：

  1. 预加载
  • 原理：提早浏览器对资源的加载时机，和页面本身的解析流程更加同时，加速页面整体的渲染流程
  • 它慢，让它先加载
  • 方法：预加载css和ttf
  1. cdn
  • 没钱买
    :::

今天来预加载

  • 首先声明：教程适用于butterfly主题

在主题配置中找到inject字段

1
2
3
4
5
6
7
# Inject
# Insert the code to head (before '</head>' tag) and the bottom (before '</body>' tag)
# 插入代码到头部 </head> 之前 和 底部 </body> 之前
inject:
  head:
    - <link rel="stylesheet" type="text/css" href="/css/自定义css的名称.css">
  bottom:

可以看到你引用的css

然后添加预加载

1
2
3
4
5
6
7
8
# Inject
# Insert the code to head (before '</head>' tag) and the bottom (before '</body>' tag)
# 插入代码到头部 </head> 之前 和 底部 </body> 之前
inject:
  head:
    - <link rel="stylesheet" type="text/css" href="/css/自定义css的名称.css">
    - <link rel="preload" as="style" type="text/css" href="/css/自定义css的名称.css">
  bottom:

注意这里两处自定义css的名称必须相同，这样他们才会指向同一个css

如果要预加载字体，先确保字体已经正常显示
然后

1
2
3
4
5
6
7
# Inject
# Insert the code to head (before '</head>' tag) and the bottom (before '</body>' tag)
# 插入代码到头部 </head> 之前 和 底部 </body> 之前
inject:
  head:
    - <link rel="preload" as="font" type="font/ttf" href="字体路径" crossorigin="anonymous">
  bottom:

特别鸣谢：

速度优化-css预加载
http://uu.sssu.us/archives/47635/
作者
径曲山斜
发布于
2023-01-09
更新于
2023-07-02
许可协议
CC BY 4.0
hexo教程前端
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
抱歉，该文章无目录
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +速度优化-css预加载 | 径曲山斜のBlog

速度优化-css预加载

发表于|更新于|博客优化
|阅读量:

Ecx-project进行的过程中

发现了一个问题

就是我加了nerdfont，仿宋等等多个字体

使用的css引入

再加上我没有cdn，用的也是github，加载非常慢

字体要十几秒。

:::success
这就有了今天的优化方案
:::

:::tips
思路：
首先我想到的方式有：

  1. 预加载
  • 原理：提早浏览器对资源的加载时机，和页面本身的解析流程更加同时，加速页面整体的渲染流程
  • 它慢，让它先加载
  • 方法：预加载css和ttf
  1. cdn
  • 没钱买
    :::

今天来预加载

  • 首先声明：教程适用于butterfly主题

在主题配置中找到inject字段

1
2
3
4
5
6
7
# Inject
# Insert the code to head (before '</head>' tag) and the bottom (before '</body>' tag)
# 插入代码到头部 </head> 之前 和 底部 </body> 之前
inject:
  head:
    - <link rel="stylesheet" type="text/css" href="/css/自定义css的名称.css">
  bottom:

可以看到你引用的css

然后添加预加载

1
2
3
4
5
6
7
8
# Inject
# Insert the code to head (before '</head>' tag) and the bottom (before '</body>' tag)
# 插入代码到头部 </head> 之前 和 底部 </body> 之前
inject:
  head:
    - <link rel="stylesheet" type="text/css" href="/css/自定义css的名称.css">
    - <link rel="preload" as="style" type="text/css" href="/css/自定义css的名称.css">
  bottom:

注意这里两处自定义css的名称必须相同，这样他们才会指向同一个css

如果要预加载字体，先确保字体已经正常显示
然后

1
2
3
4
5
6
7
# Inject
# Insert the code to head (before '</head>' tag) and the bottom (before '</body>' tag)
# 插入代码到头部 </head> 之前 和 底部 </body> 之前
inject:
  head:
    - <link rel="preload" as="font" type="font/ttf" href="字体路径" crossorigin="anonymous">
  bottom:

特别鸣谢：

速度优化-css预加载
http://uu.sssu.us/archives/47635/
作者
径曲山斜
发布于
2023-01-09
更新于
2023-07-02
许可协议
CC BY 4.0
hexo教程前端
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
抱歉，该文章无目录
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/49841/index.html b/archives/49841/index.html index 20811e8bf..88f28a8b8 100644 --- a/archives/49841/index.html +++ b/archives/49841/index.html @@ -1 +1 @@ -Hexo-Theme-Dynasty | 径曲山斜のBlog

Hexo-Theme-Dynasty

发表于|更新于
|阅读量:
Hexo-Theme-Dynasty
http://uu.sssu.us/archives/49841/
作者
径曲山斜
发布于
2023-07-01
更新于
2023-08-22
许可协议
CC BY 4.0
hexodynastydimesiondimspace
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
抱歉，该文章无目录
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +Hexo-Theme-Dynasty | 径曲山斜のBlog

Hexo-Theme-Dynasty

发表于|更新于
|阅读量:
Hexo-Theme-Dynasty
http://uu.sssu.us/archives/49841/
作者
径曲山斜
发布于
2023-07-01
更新于
2023-08-22
许可协议
CC BY 4.0
hexodynastydimesiondimspace
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
抱歉，该文章无目录
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/50741/index.html b/archives/50741/index.html index 6867ee44b..97218cd6c 100644 --- a/archives/50741/index.html +++ b/archives/50741/index.html @@ -1 +1 @@ -windows-terminal美化 | 径曲山斜のBlog

windows-terminal美化

发表于|更新于
|阅读量:

众所周知，++Windows++的==cmd==和==powershell==都 灰 常 的 丑

所以，今天教大家美化Windows-terminal

这里我按照akilar大佬的教程做的，出现了一些报错，这里是我避免报错的过程

先去==Microsoft store==安装==Windows terminal==，
:::warning

注意一定要那个preview版本

:::danger
普通的不行！！！
:::

去==Microsoft store==安装==oh-my-posh==（这里我按照akila的教程运行命令安装oh-my-posh，报错了，就去==msstore==安装的

打开一个==管理员权限的==++powershell++
运行

1
New-Item -Path $PROFILE -Type File -Force

1
notepad $PROFILE

赞后在打开的配置文件中输入
:::tips
& ([ScriptBlock]::Create((oh-my-posh init pwsh —config C:\Users\你的用户名\AppData\Local\Programs\oh-my-posh\themes\主题名字.omp.json —print) -join “`n”))
:::

主题名字见https://ohmyposh.dev/docs/themes

运行

1
. $PROFILE

发现是乱码
去==nerdfonts==官网下载，然后将下载的压缩包解压
选中所有.ttf和.otf文件，右键安装
:::warning
在windows terminal里设置：设置 > powershell > 字体 > 选择带有Nerd字样的字体
:::tips
保存设置
:::

重启==windows terminal==
就好了

windows-terminal美化
http://uu.sssu.us/archives/50741/
作者
径曲山斜
发布于
2022-12-16
更新于
2023-07-02
许可协议
CC BY 4.0
windows
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +windows-terminal美化 | 径曲山斜のBlog

windows-terminal美化

发表于|更新于
|阅读量:

众所周知，++Windows++的==cmd==和==powershell==都 灰 常 的 丑

所以，今天教大家美化Windows-terminal

这里我按照akilar大佬的教程做的，出现了一些报错，这里是我避免报错的过程

先去==Microsoft store==安装==Windows terminal==，
:::warning

注意一定要那个preview版本

:::danger
普通的不行！！！
:::

去==Microsoft store==安装==oh-my-posh==（这里我按照akila的教程运行命令安装oh-my-posh，报错了，就去==msstore==安装的

打开一个==管理员权限的==++powershell++
运行

1
New-Item -Path $PROFILE -Type File -Force

1
notepad $PROFILE

赞后在打开的配置文件中输入
:::tips
& ([ScriptBlock]::Create((oh-my-posh init pwsh —config C:\Users\你的用户名\AppData\Local\Programs\oh-my-posh\themes\主题名字.omp.json —print) -join “`n”))
:::

主题名字见https://ohmyposh.dev/docs/themes

运行

1
. $PROFILE

发现是乱码
去==nerdfonts==官网下载，然后将下载的压缩包解压
选中所有.ttf和.otf文件，右键安装
:::warning
在windows terminal里设置：设置 > powershell > 字体 > 选择带有Nerd字样的字体
:::tips
保存设置
:::

重启==windows terminal==
就好了

windows-terminal美化
http://uu.sssu.us/archives/50741/
作者
径曲山斜
发布于
2022-12-16
更新于
2023-07-02
许可协议
CC BY 4.0
windows
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/51537/index.html b/archives/51537/index.html index 4ffa139b2..5b40ccb74 100644 --- a/archives/51537/index.html +++ b/archives/51537/index.html @@ -1 +1 @@ -Hexo-Theme-Dimension | 径曲山斜のBlog

Hexo-Theme-Dimension

发表于|更新于|DimSpace
|阅读量:

简介

一个基于`butterfly`的二次元hexo主题。

最佳搭配

搭配浅色二次元风格图片使用，效果最佳。

预览

安装主题

查看文档

加群反馈

欢迎加群讨论/反馈

群聊二维码：

Hexo-Theme-Dimension
http://uu.sssu.us/archives/51537/
作者
径曲山斜
发布于
2023-02-07
更新于
2023-08-17
许可协议
CC BY 4.0
hexobutterfly
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +Hexo-Theme-Dimension | 径曲山斜のBlog

Hexo-Theme-Dimension

发表于|更新于|DimSpace
|阅读量:

简介

一个基于`butterfly`的二次元hexo主题。

最佳搭配

搭配浅色二次元风格图片使用，效果最佳。

预览

安装主题

查看文档

加群反馈

欢迎加群讨论/反馈

群聊二维码：

Hexo-Theme-Dimension
http://uu.sssu.us/archives/51537/
作者
径曲山斜
发布于
2023-02-07
更新于
2023-08-17
许可协议
CC BY 4.0
hexobutterfly
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/51673/index.html b/archives/51673/index.html index 3a612c332..56664ede5 100644 --- a/archives/51673/index.html +++ b/archives/51673/index.html @@ -1 +1 @@ -虚拟机安装kali | 径曲山斜のBlog

虚拟机安装kali

发表于|更新于|杂谈教程
|阅读量:

kali linux

Kali 的优势和特性：

  1. 包括 900 多种渗透测试工具。
  2. 免费：完全免费且永远都是。你将永远不必支付 Kali Linux 的费用。
  3. 开源：所有进入 Kali Linux 的源代码都可供任何人使用。
  4. 广泛的无线设备支持：我们已经构建了 Kali Linux 以支持尽可能多的无线设备，允许它在各种硬 件上正常运行，并使其与众多 USB 和其他无线设备兼容。
  5. 在安全的环境中开发：Kali Linux 团队由一小部分人组成，他们是唯一可信任的提交包并与存 储库交互的人，所有这些都是使用多个安全协议完成的。
  6. GPG 签名包和存储库：Kali Linux 中的每个包都由构建和提交它的每个开发人员签名，并且 存储库随后也会对包签名。
  7. ARMEL 和 ARMHF 支持：Kali Linux 可用于各种 ARM 设备。

安装教程

1.到官网下载&安装VMware
https://www.vmware.com/cn/get-started.html

2.安装后去清华开源镜像站下载系统镜像
这里直接把链接挂在下边
https://mirrors.tuna.tsinghua.edu.cn/kali-images/current/kali-linux-2022.3-live-amd64.iso
然后，网上搜鸡活码
防止被佛伯乐破门，这里就不详细介绍。

3.创建虚拟机
sha瓜式操作
类型默认就行
选择光盘镜像文件
找到储存镜像的路径，选择下载好的kali系统镜像
后面弹的窗口选择debian，因为kali基于debian
运存和储存酌情，作者这里8G运存全给了，储存磁盘一共512G，给个60G，这个大家根据配置酌情给，但是记住，运存高于2G，储存40G以上。
启动虚拟机
选择start installer（特娘的别进live system
然后就是引导安装啦，不用教都会

但是

注意：分区的时候，如果你和我一样，是新手，那就选将所有的文件放在同一个分区
如果你是高手，你应该不会来看这篇文章（doge

虚拟机安装kali
http://uu.sssu.us/archives/51673/
作者
径曲山斜
发布于
2022-08-27
更新于
2023-07-02
许可协议
CC BY 4.0
linux
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +虚拟机安装kali | 径曲山斜のBlog

虚拟机安装kali

发表于|更新于|杂谈教程
|阅读量:

kali linux

Kali 的优势和特性：

  1. 包括 900 多种渗透测试工具。
  2. 免费：完全免费且永远都是。你将永远不必支付 Kali Linux 的费用。
  3. 开源：所有进入 Kali Linux 的源代码都可供任何人使用。
  4. 广泛的无线设备支持：我们已经构建了 Kali Linux 以支持尽可能多的无线设备，允许它在各种硬 件上正常运行，并使其与众多 USB 和其他无线设备兼容。
  5. 在安全的环境中开发：Kali Linux 团队由一小部分人组成，他们是唯一可信任的提交包并与存 储库交互的人，所有这些都是使用多个安全协议完成的。
  6. GPG 签名包和存储库：Kali Linux 中的每个包都由构建和提交它的每个开发人员签名，并且 存储库随后也会对包签名。
  7. ARMEL 和 ARMHF 支持：Kali Linux 可用于各种 ARM 设备。

安装教程

1.到官网下载&安装VMware
https://www.vmware.com/cn/get-started.html

2.安装后去清华开源镜像站下载系统镜像
这里直接把链接挂在下边
https://mirrors.tuna.tsinghua.edu.cn/kali-images/current/kali-linux-2022.3-live-amd64.iso
然后，网上搜鸡活码
防止被佛伯乐破门，这里就不详细介绍。

3.创建虚拟机
sha瓜式操作
类型默认就行
选择光盘镜像文件
找到储存镜像的路径，选择下载好的kali系统镜像
后面弹的窗口选择debian，因为kali基于debian
运存和储存酌情，作者这里8G运存全给了，储存磁盘一共512G，给个60G，这个大家根据配置酌情给，但是记住，运存高于2G，储存40G以上。
启动虚拟机
选择start installer（特娘的别进live system
然后就是引导安装啦，不用教都会

但是

注意：分区的时候，如果你和我一样，是新手，那就选将所有的文件放在同一个分区
如果你是高手，你应该不会来看这篇文章（doge

虚拟机安装kali
http://uu.sssu.us/archives/51673/
作者
径曲山斜
发布于
2022-08-27
更新于
2023-07-02
许可协议
CC BY 4.0
linux
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/52676/index.html b/archives/52676/index.html index 88b17a01c..36b2ba715 100644 --- a/archives/52676/index.html +++ b/archives/52676/index.html @@ -1 +1 @@ -hexo博客搭建-1-快速开始&安装主题 | 径曲山斜のBlog

hexo博客搭建-1-快速开始&安装主题

发表于|更新于|博客教程
|阅读量:

准备工作&添加主题

npm和nodejs安装

跳转官网下载

下载好后打开cmd运行

1
2
npm -v
node -v

查看版本

cmd运行

1
2
npm install hexo-cli -g
# 安装hexo

安装hexo

成功安装Hexo后，运行下面的命令，会在指定文件夹中新建必须的文件。

1
2
3
hexo init 文件夹名
cd 文件夹名
npm install

成功后，文件夹下应包含
1
2
3
4
5
6
7
_config.yml
package.json
scaffolds
source
├── _drafts
└── _posts
themes

安装butterfly主题

在刚新建的文件夹下
打开cmd
执行

1
git clone https://gitee.com/immyw/hexo-theme-butterfly themes/butterfly

启用主题

在_config.yml中将
::: warning
_config.yml
theme: landscape
:::
改为
::: tips
_config.yml
theme: butterfly
:::

配置

在hexo根目录下新建_config.butterfly.yml
写进如下内容

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
# Main menu navigation (導航目錄)
# see https://butterfly.js.org/posts/4aa8abbe/#導航菜單
# --------------------------------------

menu:
  首页: / || # fas fa-home
  文章||:
    归档: /archives/ || # fas fa-archive
    标签: /tags/ || # fas fa-tags
    分类: /categories/ || # fas fa-folder-open
  # List||fas fa-list:
    # Music: /music/ || fas fa-music
    # Movie: /movies/ || fas fa-video
  开往||:
    友链: /link/ # || fas fa-link
    关于: /about/ # || fas fa-heart
  更多||:
    敬请期待: /
    

# Code Blocks (代碼相關)
# --------------------------------------

highlight_theme: pale night #  darker / pale night / light / ocean / mac / mac light / false
highlight_copy: true # copy button
highlight_lang: true # show the code language
highlight_shrink: false # true: shrink the code blocks / false: expand the code blocks | none: expand code blocks and hide the button
highlight_height_limit: false # unit: px
code_word_wrap: false

# copy settings
# copyright: Add the copyright information after copied content (複製的內容後面加上版權信息)
copy:
  enable: true
  copyright:
    enable: false
    limit_count: 50

# social settings (社交圖標設置)
# formal:
#   icon: link || the description
social:
  # fab fa-github: https://github.com/xxxxx || Github
  # fas fa-envelope: mailto:xxxxxx@gmail.com || Email

# search (搜索)
# see https://butterfly.js.org/posts/ceeb73f/#搜索系統
# --------------------------------------

# Algolia search
algolia_search:
  enable: false
  hits:
    per_page: 6

# Local search
local_search:
  enable: false
  preload: false
  CDN:

# Math (數學)
# --------------------------------------
# About the per_page
# if you set it to true, it will load mathjax/katex script in each page (true 表示每一頁都加載js)
# if you set it to false, it will load mathjax/katex script according to your setting (add the 'mathjax: true' in page's front-matter)
# (false 需要時加載，須在使用的 Markdown Front-matter 加上 mathjax: true)

# MathJax
mathjax:
  enable: false
  per_page: false

# KaTeX
katex:
  enable: false
  per_page: false
  hide_scrollbar: true

# Image (圖片設置)
# --------------------------------------

# Favicon（網站圖標）
favicon: /img/avatar.png

# Avatar (頭像)
avatar:
  img: /img/avatar.png
  effect: true

# Disable all banner image
disable_top_img: true

# The banner image of home page
index_img:

# If the banner of page not setting, it will show the top_img
default_top_img:

# The banner image of archive page
archive_img:

# If the banner of tag page not setting, it will show the top_img
# note: tag page, not tags page (子標籤頁面的 top_img)
tag_img:

# The banner image of tag page
# format:
#  - tag name: xxxxx
tag_per_img:

# If the banner of category page not setting, it will show the top_img
# note: category page, not categories page (子分類頁面的 top_img)
category_img:

# The banner image of category page
# format:
#  - category name: xxxxx
category_per_img:

cover:
  # display the cover or not (是否顯示文章封面)
  index_enable: true
  aside_enable: true
  archives_enable: true
  # the position of cover in home page (封面顯示的位置)
  # left/right/both
  position: right
  # When cover is not set, the default cover is displayed (當沒有設置cover時，默認的封面顯示)
  default_cover:
    - /img/1.jpg
    - /img/2.jpg
    - /img/3.jpg
    - /img/4.jpg
    - /img/5.jpg
    - /img/6.jpg
    - /img/7.jpg
    - /img/8.jpg
    - /img/9.jpg
    - /img/10.jpg
    - /img/11.jpg

# Replace Broken Images (替換無法顯示的圖片)
error_img:
  flink: /img/friend_404.gif
  post_page: /img/404.png

# A simple 404 page
error_404:
  enable: false
  subtitle: 'Page Not Found'
  background: https://i.loli.net/2020/05/19/aKOcLiyPl2JQdFD.png

post_meta:
  page: # Home Page
    date_type: created # created or updated or both 主頁文章日期是創建日或者更新日或都顯示
    date_format: date # date/relative 顯示日期還是相對日期
    categories: true # true or false 主頁是否顯示分類
    tags: false # true or false 主頁是否顯示標籤
    label: true # true or false 顯示描述性文字
  post:
    date_type: both # created or updated or both 文章頁日期是創建日或者更新日或都顯示
    date_format: date # date/relative 顯示日期還是相對日期
    categories: true # true or false 文章頁是否顯示分類
    tags: true # true or false 文章頁是否顯示標籤
    label: true # true or false 顯示描述性文字

# wordcount (字數統計)
# see https://butterfly.js.org/posts/ceeb73f/#字數統計
wordcount:
  enable: false
  post_wordcount: true
  min2read: true
  total_wordcount: true

# Display the article introduction on homepage
# 1: description
# 2: both (if the description exists, it will show description, or show the auto_excerpt)
# 3: auto_excerpt (default)
# false: do not show the article introduction
index_post_content:
  method: 3
  length: 500 # if you set method to 2 or 3, the length need to config

# anchor
anchor:
  button:
    enable: false
    always_show: false
    icon: # the unicode value of Font Awesome icon, such as '\3423'
  auto_update: false # when you scroll in post, the URL will update according to header id.

# Post
# --------------------------------------

# toc (目錄)
toc:
  post: true
  page: false
  number: true
  expand: false
  style_simple: false # for post

post_copyright:
  enable: true
  decode: false
  author_href:
  license: CC BY-NC-SA 4.0
  license_url: https://creativecommons.org/licenses/by-nc-sa/4.0/

# Sponsor/reward
reward:
  enable: true
  QR_code:
    - img: /img/wechatpay.jpg
      link:
      text: wechat

# Post edit
# Easily browse and edit blog source code online.
post_edit:
  enable: false
  # url: https://github.com/user-name/repo-name/edit/branch-name/subdirectory-name/
  # For example: https://github.com/jerryc127/butterfly.js.org/edit/main/source/
  url:

# Related Articles
related_post:
  enable: true
  limit: 6 # Number of posts displayed
  date_type: created # or created or updated 文章日期顯示創建日或者更新日

# figcaption (圖片描述文字)
photofigcaption: false

# post_pagination (分頁)
# value: 1 || 2 || false
# 1: The 'next post' will link to old post
# 2: The 'next post' will link to new post
# false: disable pagination
post_pagination: 1

# Displays outdated notice for a post (文章過期提醒)
noticeOutdate:
  enable: false
  style: flat # style: simple/flat
  limit_day: 500 # When will it be shown
  position: top # position: top/bottom
  message_prev: It has been
  message_next: days since the last update, the content of the article may be outdated.

# Share System (分享功能)
# --------------------------------------

# AddThis
# https://www.addthis.com/
addThis:
  enable: false
  pubid:

# Share.js
# https://github.com/overtrue/share.js
sharejs:
  enable: true
  sites: facebook,twitter,wechat,weibo,qq

# AddToAny
# https://www.addtoany.com/
addtoany:
  enable: false
  item: facebook,twitter,wechat,sina_weibo,facebook_messenger,email,copy_link

# Comments System
# --------------------------------------

comments:
  # Up to two comments system, the first will be shown as default
  # Choose: Disqus/Disqusjs/Livere/Gitalk/Valine/Waline/Utterances/Facebook Comments/Twikoo/Giscus/Remark42/Artalk
  use: # Valine,Disqus
  text: true # Display the comment name next to the button
  # lazyload: The comment system will be load when comment element enters the browser's viewport.
  # If you set it to true, the comment count will be invalid
  lazyload: true
  count: false # Display comment count in post's top_img
  card_post_count: false # Display comment count in Home Page

# disqus
# https://disqus.com/
disqus:
  shortname:
  apikey: # For newest comments widget

# Alternative Disqus - Render comments with Disqus API
# DisqusJS 評論系統，可以實現在網路審查地區載入 Disqus 評論列表，兼容原版
# https://github.com/SukkaW/DisqusJS
disqusjs:
  shortname:
  apikey:
  option:

# livere (來必力)
# https://www.livere.com/
livere:
  uid:

# gitalk
# https://github.com/gitalk/gitalk
gitalk:
  client_id:
  client_secret:
  repo:
  owner:
  admin:
  option:

# valine
# https://valine.js.org
valine:
  appId: # leancloud application app id
  appKey: # leancloud application app key
  avatar: monsterid # gravatar style https://valine.js.org/#/avatar
  serverURLs: # This configuration is suitable for domestic custom domain name users, overseas version will be automatically detected (no need to manually fill in)
  bg: # valine background
  visitor: false
  option:

# waline - A simple comment system with backend support fork from Valine
# https://waline.js.org/
waline:
  serverURL: # Waline server address url
  bg: # waline background
  pageview: false
  option:

# utterances
# https://utteranc.es/
utterances:
  repo:
  # Issue Mapping: pathname/url/title/og:title
  issue_term: pathname
  # Theme: github-light/github-dark/github-dark-orange/icy-dark/dark-blue/photon-dark
  light_theme: github-light
  dark_theme: photon-dark

# Facebook Comments Plugin
# https://developers.facebook.com/docs/plugins/comments/
facebook_comments:
  app_id:
  user_id: # optional
  pageSize: 10 # The number of comments to show
  order_by: social # social/time/reverse_time
  lang: zh_TW # Language en_US/zh_CN/zh_TW and so on

# Twikoo
# https://github.com/imaegoo/twikoo
twikoo:
  envId:
  region:
  visitor: false
  option:

# Giscus
# https://giscus.app/
giscus:
  repo:
  repo_id:
  category_id:
  theme:
    light: light
    dark: dark
  option:

# Remark42
# https://remark42.com/docs/configuration/frontend/
remark42:
  host: # Your Host URL
  siteId: # Your Site ID
  option:

# Artalk
# https://artalk.js.org/guide/frontend/config.html
artalk:
  server:
  site:
  visitor: false
  option:

# Chat Services
# --------------------------------------

# Chat Button [recommend]
# It will create a button in the bottom right corner of website, and hide the origin button
chat_btn: false

# The origin chat button is displayed when scrolling up, and the button is hidden when scrolling down
chat_hide_show: false

# chatra
# https://chatra.io/
chatra:
  enable: false
  id:

# tidio
# https://www.tidio.com/
tidio:
  enable: false
  public_key:

# daovoice
# http://daovoice.io/
daovoice:
  enable: false
  app_id:

# gitter
# https://gitter.im/
gitter:
  enable: false
  room:

# crisp
# https://crisp.chat/en/
crisp:
  enable: false
  website_id:

# messenger
# https://developers.facebook.com/docs/messenger-platform/discovery/facebook-chat-plugin/
messenger:
  enable: false
  pageID:
  lang: zh_TW # Language en_US/zh_CN/zh_TW and so on

# Footer Settings
# --------------------------------------
footer:
  owner:
    enable: true
    since: 2077
  custom_text:
  copyright: true # Copyright of theme and framework

# Analysis
# --------------------------------------

# Baidu Analytics
# https://tongji.baidu.com/web/welcome/login
baidu_analytics:

# Google Analytics
# https://analytics.google.com/analytics/web/
google_analytics:

# CNZZ Analytics
# https://www.umeng.com/
cnzz_analytics:

# Cloudflare Analytics
# https://www.cloudflare.com/zh-tw/web-analytics/
cloudflare_analytics:

# Microsoft Clarity
# https://clarity.microsoft.com/
microsoft_clarity:

# Advertisement
# --------------------------------------

# Google Adsense (谷歌廣告)
google_adsense:
  enable: false
  auto_ads: true
  js: https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js
  client:
  enable_page_level_ads: true

# Insert ads manually (手動插入廣告)
# ad:
#   index:
#   aside:
#   post:

# Verification (站長驗證)
# --------------------------------------

site_verification:
  # - name: google-site-verification
  #   content: xxxxxx
  # - name: baidu-site-verification
  #   content: xxxxxxx

# Beautify/Effect (美化/效果)
# --------------------------------------

# Theme color for customize
# Notice: color value must in double quotes like "#000" or may cause error!

# theme_color:
#   enable: true
#   main: "#32C9EB"
#   paginator: "#ff7a7a"
#   button_hover: "#ff7a7a"
#   text_selection: "#ff7a7a"
#   link_color: "#99a9bf"
#   meta_color: "#858585"
#   hr_color: "#A4D8FA"
#   code_foreground: "#F47466"
#   code_background: "rgba(27, 31, 35, .05)"
#   toc_color: "#ff7a7a"
#   blockquote_padding_color: "#32C9EB"
#   blockquote_background_color: "#32C9EB"
#   scrollbar_color: "#32C9EB"
#   meta_theme_color_light: "ffffff"
#   meta_theme_color_dark: "#0d0d0d"

# The top_img settings of home page
# default: top img - full screen, site info - middle (默認top_img全屏，site_info在中間)
# The position of site info, eg: 300px/300em/300rem/10% (主頁標題距離頂部距離)
index_site_info_top:
# The height of top_img, eg: 300px/300em/300rem (主頁top_img高度)
index_top_img_height:

# The user interface setting of category and tag page (category和tag頁的UI設置)
# index - same as Homepage UI (index 值代表 UI將與首頁的UI一樣)
# default - same as archives UI 默認跟archives頁面UI一樣
category_ui: # 留空或 index
tag_ui: # 留空或 index

# Website Background (設置網站背景)
# can set it to color or image (可設置圖片 或者 顔色)
# The formal of image: url(http://xxxxxx.com/xxx.jpg)
background: url(/img/yanse.jpg)

# Footer Background
footer_bg: false

# the position of bottom right button/default unit: px (右下角按鈕距離底部的距離/默認單位為px)
rightside-bottom:

# Enter transitions (開啓網頁進入效果)
enter_transitions: true

# Background effects (背景特效)
# --------------------------------------

# canvas_ribbon (靜止彩帶背景)
# See: https://github.com/hustcc/ribbon.js
canvas_ribbon:
  enable: false
  size: 150
  alpha: 0.6
  zIndex: -1
  click_to_change: false
  mobile: false

# Fluttering Ribbon (動態彩帶)
canvas_fluttering_ribbon:
  enable: true
  mobile: true

# canvas_nest
# https://github.com/hustcc/canvas-nest.js
canvas_nest:
  enable: false
  color: '0,0,255' #color of lines, default: '0,0,0'; RGB values: (R,G,B).(note: use ',' to separate.)
  opacity: 0.7 # the opacity of line (0~1), default: 0.5.
  zIndex: -1 # z-index property of the background, default: -1.
  count: 99 # the number of lines, default: 99.
  mobile: false

# Typewriter Effect (打字效果)
# https://github.com/disjukr/activate-power-mode
activate_power_mode:
  enable: true
  colorful: true # open particle animation (冒光特效)
  shake: true #  open shake (抖動特效)
  mobile: true

# Mouse click effects: fireworks (鼠標點擊效果: 煙火特效)
fireworks:
  enable: false
  zIndex: 0
  mobile: true

# Mouse click effects: Heart symbol (鼠標點擊效果: 愛心)
click_heart:
  enable: false
  mobile: false

# Mouse click effects: words (鼠標點擊效果: 文字)
ClickShowText:
  enable: false
  text:
     -Aegcbx
  fontSize: 15px
  random: false
  mobile: true

# Default display mode (網站默認的顯示模式)
# light (default) / dark
display_mode: light

# Beautify (美化頁面顯示)
beautify:
  enable: false
  field: post # site/post
  title-prefix-icon: # '\f0c1'
  title-prefix-icon-color: # '#F47466'

# Global font settings
# Don't modify the following settings unless you know how they work (非必要不要修改)
font:
  global-font-size:
  code-font-size:
  font-family:
  code-font-family:

# Font settings for the site title and site subtitle
# 左上角網站名字 主頁居中網站名字
blog_title_font:
  font_link:
  font-family:

# The setting of divider icon (水平分隔線圖標設置)
hr_icon:
  enable: true
  icon: # the unicode value of Font Awesome icon, such as '\3423'
  icon-top:

# the subtitle on homepage (主頁subtitle)
subtitle:
  enable: true
  # Typewriter Effect (打字效果)
  effect: true
  # Effect Speed Options (打字效果速度參數)
  startDelay: 300 # time before typing starts in milliseconds
  typeSpeed: 150 # type speed in milliseconds
  backSpeed: 50 # backspacing speed in milliseconds
  # loop (循環打字)
  loop: false
  # source 調用第三方服務
  # source: false 關閉調用
  # source: 1  調用一言網的一句話（簡體） https://hitokoto.cn/
  # source: 2  調用一句網（簡體） http://yijuzhan.com/
  # source: 3  調用今日詩詞（簡體） https://www.jinrishici.com/
  # subtitle 會先顯示 source , 再顯示 sub 的內容
  source: false
  # 如果關閉打字效果，subtitle 只會顯示 sub 的第一行文字
  sub: 欢迎来到Aegcbx的博客

# Loading Animation (加載動畫)
preloader:
  enable: true
  # source
  # 1. fullpage-loading
  # 2. pace (progress bar)
  source: 3
  # pace theme (see https://codebyzach.github.io/pace/)
  pace_css_url: /css/progress_bar.css

# aside (側邊欄)
# --------------------------------------

aside:
  enable: true
  hide: false
  button: true
  mobile: true # display on mobile
  position: right # left or right
  display:
    archive: true
    tag: true
    category: true
  card_author:
    enable: true
    description:
    button:
      enable: true
      icon: fab fa-github
      text: Follow Me
      link: https://github.com/ezgx
# 公告
  card_announcement:
    enable: false
    content: This is my Blog
  card_recent_post:
    enable: true
    limit: 5 # if set 0 will show all
    sort: date # date or updated
    sort_order: # Don't modify the setting unless you know how it works
  card_categories:
    enable: true
    limit: 8 # if set 0 will show all
    expand: none # none/true/false
    sort_order: # Don't modify the setting unless you know how it works
  card_tags:
    enable: true
    limit: 40 # if set 0 will show all
    color: false
    sort_order: # Don't modify the setting unless you know how it works
  card_archives:
    enable: true
    type: monthly # yearly or monthly
    format: MMMM YYYY # eg: YYYY年MM月
    order: -1 # Sort of order. 1, asc for ascending; -1, desc for descending
    limit: 8 # if set 0 will show all
    sort_order: # Don't modify the setting unless you know how it works
  card_webinfo:
    enable: true
    post_count: true
    last_push_date: true
    sort_order: # Don't modify the setting unless you know how it works

# busuanzi count for PV / UV in site
# 訪問人數
busuanzi:
  site_uv: false
  site_pv: false
  page_pv: false

# Time difference between publish date and now (網頁運行時間)
# Formal: Month/Day/Year Time or Year/Month/Day Time
runtimeshow:
  enable: false
  publish_date:

# Aside widget - Newest Comments
newest_comments:
  enable: false
  sort_order: # Don't modify the setting unless you know how it works
  limit: 6
  storage: 10 # unit: mins, save data to localStorage
  avatar: true

# Bottom right button (右下角按鈕)
# --------------------------------------

# Conversion between Traditional and Simplified Chinese (簡繁轉換)
translate:
  enable: true
  # The text of a button
  default: 简
  # the language of website (1 - Traditional Chinese/ 2 - Simplified Chinese）
  defaultEncoding: 2
  # Time delay
  translateDelay: 0
  # The text of the button when the language is Simplified Chinese
  msgToTraditionalChinese: '繁'
  # The text of the button when the language is Traditional Chinese
  msgToSimplifiedChinese: '簡'

# Read Mode (閲讀模式)
readmode: true

# dark mode
darkmode:
  enable: true
  # Toggle Button to switch dark/light mode
  button: true
  # Switch dark/light mode automatically (自動切換 dark mode和 light mode)
  # autoChangeMode: 1  Following System Settings, if the system doesn't support dark mode, it will switch dark mode between 6 pm to 6 am
  # autoChangeMode: 2  Switch dark mode between 6 pm to 6 am
  # autoChangeMode: false
  autoChangeMode: false

# Don't modify the following settings unless you know how they work (非必要請不要修改 )
# Choose: readmode,translate,darkmode,hideAside,toc,chat,comment
# Don't repeat 不要重複
rightside_item_order:
  enable: false
  hide: # readmode,translate,darkmode,hideAside
  show: # toc,chat,comment

# Lightbox (圖片大圖查看模式)
# --------------------------------------
# You can only choose one, or neither (只能選擇一個 或者 兩個都不選)

# medium-zoom
# https://github.com/francoischalifour/medium-zoom
medium_zoom: false

# fancybox
# http://fancyapps.com/fancybox/3/
fancybox: true

# Tag Plugins settings (標籤外掛)
# --------------------------------------

# mermaid
# see https://github.com/mermaid-js/mermaid
mermaid:
  enable: false
  # built-in themes: default/forest/dark/neutral
  theme:
    light: default
    dark: dark

# Note (Bootstrap Callout)
note:
  # Note tag style values:
  #  - simple    bs-callout old alert style. Default.
  #  - modern    bs-callout new (v2-v3) alert style.
  #  - flat      flat callout style with background, like on Mozilla or StackOverflow.
  #  - disabled  disable all CSS styles import of note tag.
  style: flat
  icons: true
  border_radius: 3
  # Offset lighter of background in % for modern and flat styles (modern: -12 | 12; flat: -18 | 6).
  # Offset also applied to label tag variables. This option can work with disabled note tag.
  light_bg_offset: 0

# other
# --------------------------------------

# Pjax
# It may contain bugs and unstable, give feedback when you find the bugs.
# https://github.com/MoOx/pjax
pjax:
  enable: false
  exclude:
    # - xxxx
    # - xxxx

# Inject the css and script (aplayer/meting)
aplayerInject:
  enable: false
  per_page: true

# Snackbar (Toast Notification 彈窗)
# https://github.com/polonel/SnackBar
# position 彈窗位置
# 可選 top-left / top-center / top-right / bottom-left / bottom-center / bottom-right
snackbar:
  enable: false
  position: bottom-left
  bg_light: '#32C9EB' # The background color of Toast Notification in light mode
  bg_dark: '#1f1f1f' # The background color of Toast Notification in dark mode

# https://instant.page/
# prefetch (預加載)
instantpage: false

# https://github.com/vinta/pangu.js
# Insert a space between Chinese character and English character (中英文之間添加空格)
pangu:
  enable: false
  field: site # site/post

# Lazyload (圖片懶加載)
# https://github.com/verlok/vanilla-lazyload
lazyload:
  enable: true
  field: site # site/post
  placeholder:
  blur: true

# PWA
# See https://github.com/JLHwung/hexo-offline
# ---------------
# pwa:
#   enable: false
#   manifest: /pwa/manifest.json
#   apple_touch_icon: /pwa/apple-touch-icon.png
#   favicon_32_32: /pwa/32.png
#   favicon_16_16: /pwa/16.png
#   mask_icon: /pwa/safari-pinned-tab.svg

# Open graph meta tags
# https://developers.facebook.com/docs/sharing/webmasters/
Open_Graph_meta:
  enable: true
  option:
    # twitter_card:
    # twitter_image:
    # twitter_id:
    # twitter_site:
    # google_plus:
    # fb_admins:
    # fb_app_id:

# Add the vendor prefixes to ensure compatibility
css_prefix: true

# Inject
# Insert the code to head (before '</head>' tag) and the bottom (before '</body>' tag)
# 插入代码到头部 </head> 之前 和 底部 </body> 之前
inject:
  head:
  bottom:
    - <script src="/js/bar.js"></script>
    - <script src="/js/sticky.js"></script>

# CDN
# Don't modify the following settings unless you know how they work
# 非必要請不要修改
CDN:
  # The CDN provider of internal scripts (主題內部 js 的 cdn 配置)
  # option: local/jsdelivr/unpkg/cdnjs/custom
  # Dev version can only choose. ( dev版的主題只能設置為 local )
  internal_provider: local

  # The CDN provider of third party scripts (第三方 js 的 cdn 配置)
  # option: local/jsdelivr/unpkg/cdnjs/custom
  # when set it to local, you need to install hexo-butterfly-extjs
  third_party_provider: jsdelivr

  # Add version number to CDN, true or false  
  version: false

  # Custom format
  # For example: https://cdn.staticfile.org/${cdnjs_name}/${version}/${min_cdnjs_file}
  custom_format:

  option:
    # main_css:
    # main:
    # utils:
    # translate:
    # local_search:
    # algolia_js:
    # algolia_search_v4:
    # instantsearch_v4:
    # pjax:
    # gitalk:
    # gitalk_css:
    # blueimp_md5:
    # valine:
    # disqusjs:
    # disqusjs_css:
    # twikoo:
    # waline_js:
    # waline_css:
    # sharejs:
    # sharejs_css:
    # mathjax:
    # katex:
    # katex_copytex:
    # mermaid:
    # canvas_ribbon:
    # canvas_fluttering_ribbon:
    # canvas_nest:
    # lazyload:
    # instantpage:
    # typed:
    # pangu:
    # fancybox_css_v4:
    # fancybox_v4:
    # medium_zoom:
    # snackbar_css:
    # snackbar:
    # activate_power_mode:
    # fireworks:
    # click_heart:
    # ClickShowText:
    # fontawesomeV6:
    # flickr_justified_gallery_js:
    # flickr_justified_gallery_css:
    # aplayer_css:
    # aplayer_js:
    # meting_js:
    # prismjs_js:
    # prismjs_lineNumber_js:
    # prismjs_autoloader:
    # artalk_js:
    # artalk_css:

::: success
然后进入_config.butterfly.yml里自行配置
:::

安装==pug==和==styuls==渲染器

1
npm install hexo-renderer-pug hexo-renderer-stylus --save

==严禁抄袭我的个人配置！！！==
==严禁抄袭我的个人配置！！！==
==严禁抄袭我的个人配置！！！==

hexo博客搭建-1-快速开始&安装主题
http://uu.sssu.us/archives/52676/
作者
径曲山斜
发布于
2022-10-03
更新于
2023-07-02
许可协议
CC BY 4.0
hexo
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +hexo博客搭建-1-快速开始&安装主题 | 径曲山斜のBlog

hexo博客搭建-1-快速开始&安装主题

发表于|更新于|博客教程
|阅读量:

准备工作&添加主题

npm和nodejs安装

跳转官网下载

下载好后打开cmd运行

1
2
npm -v
node -v

查看版本

cmd运行

1
2
npm install hexo-cli -g
# 安装hexo

安装hexo

成功安装Hexo后，运行下面的命令，会在指定文件夹中新建必须的文件。

1
2
3
hexo init 文件夹名
cd 文件夹名
npm install

成功后，文件夹下应包含
1
2
3
4
5
6
7
_config.yml
package.json
scaffolds
source
├── _drafts
└── _posts
themes

安装butterfly主题

在刚新建的文件夹下
打开cmd
执行

1
git clone https://gitee.com/immyw/hexo-theme-butterfly themes/butterfly

启用主题

在_config.yml中将
::: warning
_config.yml
theme: landscape
:::
改为
::: tips
_config.yml
theme: butterfly
:::

配置

在hexo根目录下新建_config.butterfly.yml
写进如下内容

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
# Main menu navigation (導航目錄)
# see https://butterfly.js.org/posts/4aa8abbe/#導航菜單
# --------------------------------------

menu:
  首页: / || # fas fa-home
  文章||:
    归档: /archives/ || # fas fa-archive
    标签: /tags/ || # fas fa-tags
    分类: /categories/ || # fas fa-folder-open
  # List||fas fa-list:
    # Music: /music/ || fas fa-music
    # Movie: /movies/ || fas fa-video
  开往||:
    友链: /link/ # || fas fa-link
    关于: /about/ # || fas fa-heart
  更多||:
    敬请期待: /
    

# Code Blocks (代碼相關)
# --------------------------------------

highlight_theme: pale night #  darker / pale night / light / ocean / mac / mac light / false
highlight_copy: true # copy button
highlight_lang: true # show the code language
highlight_shrink: false # true: shrink the code blocks / false: expand the code blocks | none: expand code blocks and hide the button
highlight_height_limit: false # unit: px
code_word_wrap: false

# copy settings
# copyright: Add the copyright information after copied content (複製的內容後面加上版權信息)
copy:
  enable: true
  copyright:
    enable: false
    limit_count: 50

# social settings (社交圖標設置)
# formal:
#   icon: link || the description
social:
  # fab fa-github: https://github.com/xxxxx || Github
  # fas fa-envelope: mailto:xxxxxx@gmail.com || Email

# search (搜索)
# see https://butterfly.js.org/posts/ceeb73f/#搜索系統
# --------------------------------------

# Algolia search
algolia_search:
  enable: false
  hits:
    per_page: 6

# Local search
local_search:
  enable: false
  preload: false
  CDN:

# Math (數學)
# --------------------------------------
# About the per_page
# if you set it to true, it will load mathjax/katex script in each page (true 表示每一頁都加載js)
# if you set it to false, it will load mathjax/katex script according to your setting (add the 'mathjax: true' in page's front-matter)
# (false 需要時加載，須在使用的 Markdown Front-matter 加上 mathjax: true)

# MathJax
mathjax:
  enable: false
  per_page: false

# KaTeX
katex:
  enable: false
  per_page: false
  hide_scrollbar: true

# Image (圖片設置)
# --------------------------------------

# Favicon（網站圖標）
favicon: /img/avatar.png

# Avatar (頭像)
avatar:
  img: /img/avatar.png
  effect: true

# Disable all banner image
disable_top_img: true

# The banner image of home page
index_img:

# If the banner of page not setting, it will show the top_img
default_top_img:

# The banner image of archive page
archive_img:

# If the banner of tag page not setting, it will show the top_img
# note: tag page, not tags page (子標籤頁面的 top_img)
tag_img:

# The banner image of tag page
# format:
#  - tag name: xxxxx
tag_per_img:

# If the banner of category page not setting, it will show the top_img
# note: category page, not categories page (子分類頁面的 top_img)
category_img:

# The banner image of category page
# format:
#  - category name: xxxxx
category_per_img:

cover:
  # display the cover or not (是否顯示文章封面)
  index_enable: true
  aside_enable: true
  archives_enable: true
  # the position of cover in home page (封面顯示的位置)
  # left/right/both
  position: right
  # When cover is not set, the default cover is displayed (當沒有設置cover時，默認的封面顯示)
  default_cover:
    - /img/1.jpg
    - /img/2.jpg
    - /img/3.jpg
    - /img/4.jpg
    - /img/5.jpg
    - /img/6.jpg
    - /img/7.jpg
    - /img/8.jpg
    - /img/9.jpg
    - /img/10.jpg
    - /img/11.jpg

# Replace Broken Images (替換無法顯示的圖片)
error_img:
  flink: /img/friend_404.gif
  post_page: /img/404.png

# A simple 404 page
error_404:
  enable: false
  subtitle: 'Page Not Found'
  background: https://i.loli.net/2020/05/19/aKOcLiyPl2JQdFD.png

post_meta:
  page: # Home Page
    date_type: created # created or updated or both 主頁文章日期是創建日或者更新日或都顯示
    date_format: date # date/relative 顯示日期還是相對日期
    categories: true # true or false 主頁是否顯示分類
    tags: false # true or false 主頁是否顯示標籤
    label: true # true or false 顯示描述性文字
  post:
    date_type: both # created or updated or both 文章頁日期是創建日或者更新日或都顯示
    date_format: date # date/relative 顯示日期還是相對日期
    categories: true # true or false 文章頁是否顯示分類
    tags: true # true or false 文章頁是否顯示標籤
    label: true # true or false 顯示描述性文字

# wordcount (字數統計)
# see https://butterfly.js.org/posts/ceeb73f/#字數統計
wordcount:
  enable: false
  post_wordcount: true
  min2read: true
  total_wordcount: true

# Display the article introduction on homepage
# 1: description
# 2: both (if the description exists, it will show description, or show the auto_excerpt)
# 3: auto_excerpt (default)
# false: do not show the article introduction
index_post_content:
  method: 3
  length: 500 # if you set method to 2 or 3, the length need to config

# anchor
anchor:
  button:
    enable: false
    always_show: false
    icon: # the unicode value of Font Awesome icon, such as '\3423'
  auto_update: false # when you scroll in post, the URL will update according to header id.

# Post
# --------------------------------------

# toc (目錄)
toc:
  post: true
  page: false
  number: true
  expand: false
  style_simple: false # for post

post_copyright:
  enable: true
  decode: false
  author_href:
  license: CC BY-NC-SA 4.0
  license_url: https://creativecommons.org/licenses/by-nc-sa/4.0/

# Sponsor/reward
reward:
  enable: true
  QR_code:
    - img: /img/wechatpay.jpg
      link:
      text: wechat

# Post edit
# Easily browse and edit blog source code online.
post_edit:
  enable: false
  # url: https://github.com/user-name/repo-name/edit/branch-name/subdirectory-name/
  # For example: https://github.com/jerryc127/butterfly.js.org/edit/main/source/
  url:

# Related Articles
related_post:
  enable: true
  limit: 6 # Number of posts displayed
  date_type: created # or created or updated 文章日期顯示創建日或者更新日

# figcaption (圖片描述文字)
photofigcaption: false

# post_pagination (分頁)
# value: 1 || 2 || false
# 1: The 'next post' will link to old post
# 2: The 'next post' will link to new post
# false: disable pagination
post_pagination: 1

# Displays outdated notice for a post (文章過期提醒)
noticeOutdate:
  enable: false
  style: flat # style: simple/flat
  limit_day: 500 # When will it be shown
  position: top # position: top/bottom
  message_prev: It has been
  message_next: days since the last update, the content of the article may be outdated.

# Share System (分享功能)
# --------------------------------------

# AddThis
# https://www.addthis.com/
addThis:
  enable: false
  pubid:

# Share.js
# https://github.com/overtrue/share.js
sharejs:
  enable: true
  sites: facebook,twitter,wechat,weibo,qq

# AddToAny
# https://www.addtoany.com/
addtoany:
  enable: false
  item: facebook,twitter,wechat,sina_weibo,facebook_messenger,email,copy_link

# Comments System
# --------------------------------------

comments:
  # Up to two comments system, the first will be shown as default
  # Choose: Disqus/Disqusjs/Livere/Gitalk/Valine/Waline/Utterances/Facebook Comments/Twikoo/Giscus/Remark42/Artalk
  use: # Valine,Disqus
  text: true # Display the comment name next to the button
  # lazyload: The comment system will be load when comment element enters the browser's viewport.
  # If you set it to true, the comment count will be invalid
  lazyload: true
  count: false # Display comment count in post's top_img
  card_post_count: false # Display comment count in Home Page

# disqus
# https://disqus.com/
disqus:
  shortname:
  apikey: # For newest comments widget

# Alternative Disqus - Render comments with Disqus API
# DisqusJS 評論系統，可以實現在網路審查地區載入 Disqus 評論列表，兼容原版
# https://github.com/SukkaW/DisqusJS
disqusjs:
  shortname:
  apikey:
  option:

# livere (來必力)
# https://www.livere.com/
livere:
  uid:

# gitalk
# https://github.com/gitalk/gitalk
gitalk:
  client_id:
  client_secret:
  repo:
  owner:
  admin:
  option:

# valine
# https://valine.js.org
valine:
  appId: # leancloud application app id
  appKey: # leancloud application app key
  avatar: monsterid # gravatar style https://valine.js.org/#/avatar
  serverURLs: # This configuration is suitable for domestic custom domain name users, overseas version will be automatically detected (no need to manually fill in)
  bg: # valine background
  visitor: false
  option:

# waline - A simple comment system with backend support fork from Valine
# https://waline.js.org/
waline:
  serverURL: # Waline server address url
  bg: # waline background
  pageview: false
  option:

# utterances
# https://utteranc.es/
utterances:
  repo:
  # Issue Mapping: pathname/url/title/og:title
  issue_term: pathname
  # Theme: github-light/github-dark/github-dark-orange/icy-dark/dark-blue/photon-dark
  light_theme: github-light
  dark_theme: photon-dark

# Facebook Comments Plugin
# https://developers.facebook.com/docs/plugins/comments/
facebook_comments:
  app_id:
  user_id: # optional
  pageSize: 10 # The number of comments to show
  order_by: social # social/time/reverse_time
  lang: zh_TW # Language en_US/zh_CN/zh_TW and so on

# Twikoo
# https://github.com/imaegoo/twikoo
twikoo:
  envId:
  region:
  visitor: false
  option:

# Giscus
# https://giscus.app/
giscus:
  repo:
  repo_id:
  category_id:
  theme:
    light: light
    dark: dark
  option:

# Remark42
# https://remark42.com/docs/configuration/frontend/
remark42:
  host: # Your Host URL
  siteId: # Your Site ID
  option:

# Artalk
# https://artalk.js.org/guide/frontend/config.html
artalk:
  server:
  site:
  visitor: false
  option:

# Chat Services
# --------------------------------------

# Chat Button [recommend]
# It will create a button in the bottom right corner of website, and hide the origin button
chat_btn: false

# The origin chat button is displayed when scrolling up, and the button is hidden when scrolling down
chat_hide_show: false

# chatra
# https://chatra.io/
chatra:
  enable: false
  id:

# tidio
# https://www.tidio.com/
tidio:
  enable: false
  public_key:

# daovoice
# http://daovoice.io/
daovoice:
  enable: false
  app_id:

# gitter
# https://gitter.im/
gitter:
  enable: false
  room:

# crisp
# https://crisp.chat/en/
crisp:
  enable: false
  website_id:

# messenger
# https://developers.facebook.com/docs/messenger-platform/discovery/facebook-chat-plugin/
messenger:
  enable: false
  pageID:
  lang: zh_TW # Language en_US/zh_CN/zh_TW and so on

# Footer Settings
# --------------------------------------
footer:
  owner:
    enable: true
    since: 2077
  custom_text:
  copyright: true # Copyright of theme and framework

# Analysis
# --------------------------------------

# Baidu Analytics
# https://tongji.baidu.com/web/welcome/login
baidu_analytics:

# Google Analytics
# https://analytics.google.com/analytics/web/
google_analytics:

# CNZZ Analytics
# https://www.umeng.com/
cnzz_analytics:

# Cloudflare Analytics
# https://www.cloudflare.com/zh-tw/web-analytics/
cloudflare_analytics:

# Microsoft Clarity
# https://clarity.microsoft.com/
microsoft_clarity:

# Advertisement
# --------------------------------------

# Google Adsense (谷歌廣告)
google_adsense:
  enable: false
  auto_ads: true
  js: https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js
  client:
  enable_page_level_ads: true

# Insert ads manually (手動插入廣告)
# ad:
#   index:
#   aside:
#   post:

# Verification (站長驗證)
# --------------------------------------

site_verification:
  # - name: google-site-verification
  #   content: xxxxxx
  # - name: baidu-site-verification
  #   content: xxxxxxx

# Beautify/Effect (美化/效果)
# --------------------------------------

# Theme color for customize
# Notice: color value must in double quotes like "#000" or may cause error!

# theme_color:
#   enable: true
#   main: "#32C9EB"
#   paginator: "#ff7a7a"
#   button_hover: "#ff7a7a"
#   text_selection: "#ff7a7a"
#   link_color: "#99a9bf"
#   meta_color: "#858585"
#   hr_color: "#A4D8FA"
#   code_foreground: "#F47466"
#   code_background: "rgba(27, 31, 35, .05)"
#   toc_color: "#ff7a7a"
#   blockquote_padding_color: "#32C9EB"
#   blockquote_background_color: "#32C9EB"
#   scrollbar_color: "#32C9EB"
#   meta_theme_color_light: "ffffff"
#   meta_theme_color_dark: "#0d0d0d"

# The top_img settings of home page
# default: top img - full screen, site info - middle (默認top_img全屏，site_info在中間)
# The position of site info, eg: 300px/300em/300rem/10% (主頁標題距離頂部距離)
index_site_info_top:
# The height of top_img, eg: 300px/300em/300rem (主頁top_img高度)
index_top_img_height:

# The user interface setting of category and tag page (category和tag頁的UI設置)
# index - same as Homepage UI (index 值代表 UI將與首頁的UI一樣)
# default - same as archives UI 默認跟archives頁面UI一樣
category_ui: # 留空或 index
tag_ui: # 留空或 index

# Website Background (設置網站背景)
# can set it to color or image (可設置圖片 或者 顔色)
# The formal of image: url(http://xxxxxx.com/xxx.jpg)
background: url(/img/yanse.jpg)

# Footer Background
footer_bg: false

# the position of bottom right button/default unit: px (右下角按鈕距離底部的距離/默認單位為px)
rightside-bottom:

# Enter transitions (開啓網頁進入效果)
enter_transitions: true

# Background effects (背景特效)
# --------------------------------------

# canvas_ribbon (靜止彩帶背景)
# See: https://github.com/hustcc/ribbon.js
canvas_ribbon:
  enable: false
  size: 150
  alpha: 0.6
  zIndex: -1
  click_to_change: false
  mobile: false

# Fluttering Ribbon (動態彩帶)
canvas_fluttering_ribbon:
  enable: true
  mobile: true

# canvas_nest
# https://github.com/hustcc/canvas-nest.js
canvas_nest:
  enable: false
  color: '0,0,255' #color of lines, default: '0,0,0'; RGB values: (R,G,B).(note: use ',' to separate.)
  opacity: 0.7 # the opacity of line (0~1), default: 0.5.
  zIndex: -1 # z-index property of the background, default: -1.
  count: 99 # the number of lines, default: 99.
  mobile: false

# Typewriter Effect (打字效果)
# https://github.com/disjukr/activate-power-mode
activate_power_mode:
  enable: true
  colorful: true # open particle animation (冒光特效)
  shake: true #  open shake (抖動特效)
  mobile: true

# Mouse click effects: fireworks (鼠標點擊效果: 煙火特效)
fireworks:
  enable: false
  zIndex: 0
  mobile: true

# Mouse click effects: Heart symbol (鼠標點擊效果: 愛心)
click_heart:
  enable: false
  mobile: false

# Mouse click effects: words (鼠標點擊效果: 文字)
ClickShowText:
  enable: false
  text:
     -Aegcbx
  fontSize: 15px
  random: false
  mobile: true

# Default display mode (網站默認的顯示模式)
# light (default) / dark
display_mode: light

# Beautify (美化頁面顯示)
beautify:
  enable: false
  field: post # site/post
  title-prefix-icon: # '\f0c1'
  title-prefix-icon-color: # '#F47466'

# Global font settings
# Don't modify the following settings unless you know how they work (非必要不要修改)
font:
  global-font-size:
  code-font-size:
  font-family:
  code-font-family:

# Font settings for the site title and site subtitle
# 左上角網站名字 主頁居中網站名字
blog_title_font:
  font_link:
  font-family:

# The setting of divider icon (水平分隔線圖標設置)
hr_icon:
  enable: true
  icon: # the unicode value of Font Awesome icon, such as '\3423'
  icon-top:

# the subtitle on homepage (主頁subtitle)
subtitle:
  enable: true
  # Typewriter Effect (打字效果)
  effect: true
  # Effect Speed Options (打字效果速度參數)
  startDelay: 300 # time before typing starts in milliseconds
  typeSpeed: 150 # type speed in milliseconds
  backSpeed: 50 # backspacing speed in milliseconds
  # loop (循環打字)
  loop: false
  # source 調用第三方服務
  # source: false 關閉調用
  # source: 1  調用一言網的一句話（簡體） https://hitokoto.cn/
  # source: 2  調用一句網（簡體） http://yijuzhan.com/
  # source: 3  調用今日詩詞（簡體） https://www.jinrishici.com/
  # subtitle 會先顯示 source , 再顯示 sub 的內容
  source: false
  # 如果關閉打字效果，subtitle 只會顯示 sub 的第一行文字
  sub: 欢迎来到Aegcbx的博客

# Loading Animation (加載動畫)
preloader:
  enable: true
  # source
  # 1. fullpage-loading
  # 2. pace (progress bar)
  source: 3
  # pace theme (see https://codebyzach.github.io/pace/)
  pace_css_url: /css/progress_bar.css

# aside (側邊欄)
# --------------------------------------

aside:
  enable: true
  hide: false
  button: true
  mobile: true # display on mobile
  position: right # left or right
  display:
    archive: true
    tag: true
    category: true
  card_author:
    enable: true
    description:
    button:
      enable: true
      icon: fab fa-github
      text: Follow Me
      link: https://github.com/ezgx
# 公告
  card_announcement:
    enable: false
    content: This is my Blog
  card_recent_post:
    enable: true
    limit: 5 # if set 0 will show all
    sort: date # date or updated
    sort_order: # Don't modify the setting unless you know how it works
  card_categories:
    enable: true
    limit: 8 # if set 0 will show all
    expand: none # none/true/false
    sort_order: # Don't modify the setting unless you know how it works
  card_tags:
    enable: true
    limit: 40 # if set 0 will show all
    color: false
    sort_order: # Don't modify the setting unless you know how it works
  card_archives:
    enable: true
    type: monthly # yearly or monthly
    format: MMMM YYYY # eg: YYYY年MM月
    order: -1 # Sort of order. 1, asc for ascending; -1, desc for descending
    limit: 8 # if set 0 will show all
    sort_order: # Don't modify the setting unless you know how it works
  card_webinfo:
    enable: true
    post_count: true
    last_push_date: true
    sort_order: # Don't modify the setting unless you know how it works

# busuanzi count for PV / UV in site
# 訪問人數
busuanzi:
  site_uv: false
  site_pv: false
  page_pv: false

# Time difference between publish date and now (網頁運行時間)
# Formal: Month/Day/Year Time or Year/Month/Day Time
runtimeshow:
  enable: false
  publish_date:

# Aside widget - Newest Comments
newest_comments:
  enable: false
  sort_order: # Don't modify the setting unless you know how it works
  limit: 6
  storage: 10 # unit: mins, save data to localStorage
  avatar: true

# Bottom right button (右下角按鈕)
# --------------------------------------

# Conversion between Traditional and Simplified Chinese (簡繁轉換)
translate:
  enable: true
  # The text of a button
  default: 简
  # the language of website (1 - Traditional Chinese/ 2 - Simplified Chinese）
  defaultEncoding: 2
  # Time delay
  translateDelay: 0
  # The text of the button when the language is Simplified Chinese
  msgToTraditionalChinese: '繁'
  # The text of the button when the language is Traditional Chinese
  msgToSimplifiedChinese: '簡'

# Read Mode (閲讀模式)
readmode: true

# dark mode
darkmode:
  enable: true
  # Toggle Button to switch dark/light mode
  button: true
  # Switch dark/light mode automatically (自動切換 dark mode和 light mode)
  # autoChangeMode: 1  Following System Settings, if the system doesn't support dark mode, it will switch dark mode between 6 pm to 6 am
  # autoChangeMode: 2  Switch dark mode between 6 pm to 6 am
  # autoChangeMode: false
  autoChangeMode: false

# Don't modify the following settings unless you know how they work (非必要請不要修改 )
# Choose: readmode,translate,darkmode,hideAside,toc,chat,comment
# Don't repeat 不要重複
rightside_item_order:
  enable: false
  hide: # readmode,translate,darkmode,hideAside
  show: # toc,chat,comment

# Lightbox (圖片大圖查看模式)
# --------------------------------------
# You can only choose one, or neither (只能選擇一個 或者 兩個都不選)

# medium-zoom
# https://github.com/francoischalifour/medium-zoom
medium_zoom: false

# fancybox
# http://fancyapps.com/fancybox/3/
fancybox: true

# Tag Plugins settings (標籤外掛)
# --------------------------------------

# mermaid
# see https://github.com/mermaid-js/mermaid
mermaid:
  enable: false
  # built-in themes: default/forest/dark/neutral
  theme:
    light: default
    dark: dark

# Note (Bootstrap Callout)
note:
  # Note tag style values:
  #  - simple    bs-callout old alert style. Default.
  #  - modern    bs-callout new (v2-v3) alert style.
  #  - flat      flat callout style with background, like on Mozilla or StackOverflow.
  #  - disabled  disable all CSS styles import of note tag.
  style: flat
  icons: true
  border_radius: 3
  # Offset lighter of background in % for modern and flat styles (modern: -12 | 12; flat: -18 | 6).
  # Offset also applied to label tag variables. This option can work with disabled note tag.
  light_bg_offset: 0

# other
# --------------------------------------

# Pjax
# It may contain bugs and unstable, give feedback when you find the bugs.
# https://github.com/MoOx/pjax
pjax:
  enable: false
  exclude:
    # - xxxx
    # - xxxx

# Inject the css and script (aplayer/meting)
aplayerInject:
  enable: false
  per_page: true

# Snackbar (Toast Notification 彈窗)
# https://github.com/polonel/SnackBar
# position 彈窗位置
# 可選 top-left / top-center / top-right / bottom-left / bottom-center / bottom-right
snackbar:
  enable: false
  position: bottom-left
  bg_light: '#32C9EB' # The background color of Toast Notification in light mode
  bg_dark: '#1f1f1f' # The background color of Toast Notification in dark mode

# https://instant.page/
# prefetch (預加載)
instantpage: false

# https://github.com/vinta/pangu.js
# Insert a space between Chinese character and English character (中英文之間添加空格)
pangu:
  enable: false
  field: site # site/post

# Lazyload (圖片懶加載)
# https://github.com/verlok/vanilla-lazyload
lazyload:
  enable: true
  field: site # site/post
  placeholder:
  blur: true

# PWA
# See https://github.com/JLHwung/hexo-offline
# ---------------
# pwa:
#   enable: false
#   manifest: /pwa/manifest.json
#   apple_touch_icon: /pwa/apple-touch-icon.png
#   favicon_32_32: /pwa/32.png
#   favicon_16_16: /pwa/16.png
#   mask_icon: /pwa/safari-pinned-tab.svg

# Open graph meta tags
# https://developers.facebook.com/docs/sharing/webmasters/
Open_Graph_meta:
  enable: true
  option:
    # twitter_card:
    # twitter_image:
    # twitter_id:
    # twitter_site:
    # google_plus:
    # fb_admins:
    # fb_app_id:

# Add the vendor prefixes to ensure compatibility
css_prefix: true

# Inject
# Insert the code to head (before '</head>' tag) and the bottom (before '</body>' tag)
# 插入代码到头部 </head> 之前 和 底部 </body> 之前
inject:
  head:
  bottom:
    - <script src="/js/bar.js"></script>
    - <script src="/js/sticky.js"></script>

# CDN
# Don't modify the following settings unless you know how they work
# 非必要請不要修改
CDN:
  # The CDN provider of internal scripts (主題內部 js 的 cdn 配置)
  # option: local/jsdelivr/unpkg/cdnjs/custom
  # Dev version can only choose. ( dev版的主題只能設置為 local )
  internal_provider: local

  # The CDN provider of third party scripts (第三方 js 的 cdn 配置)
  # option: local/jsdelivr/unpkg/cdnjs/custom
  # when set it to local, you need to install hexo-butterfly-extjs
  third_party_provider: jsdelivr

  # Add version number to CDN, true or false  
  version: false

  # Custom format
  # For example: https://cdn.staticfile.org/${cdnjs_name}/${version}/${min_cdnjs_file}
  custom_format:

  option:
    # main_css:
    # main:
    # utils:
    # translate:
    # local_search:
    # algolia_js:
    # algolia_search_v4:
    # instantsearch_v4:
    # pjax:
    # gitalk:
    # gitalk_css:
    # blueimp_md5:
    # valine:
    # disqusjs:
    # disqusjs_css:
    # twikoo:
    # waline_js:
    # waline_css:
    # sharejs:
    # sharejs_css:
    # mathjax:
    # katex:
    # katex_copytex:
    # mermaid:
    # canvas_ribbon:
    # canvas_fluttering_ribbon:
    # canvas_nest:
    # lazyload:
    # instantpage:
    # typed:
    # pangu:
    # fancybox_css_v4:
    # fancybox_v4:
    # medium_zoom:
    # snackbar_css:
    # snackbar:
    # activate_power_mode:
    # fireworks:
    # click_heart:
    # ClickShowText:
    # fontawesomeV6:
    # flickr_justified_gallery_js:
    # flickr_justified_gallery_css:
    # aplayer_css:
    # aplayer_js:
    # meting_js:
    # prismjs_js:
    # prismjs_lineNumber_js:
    # prismjs_autoloader:
    # artalk_js:
    # artalk_css:

::: success
然后进入_config.butterfly.yml里自行配置
:::

安装==pug==和==styuls==渲染器

1
npm install hexo-renderer-pug hexo-renderer-stylus --save

==严禁抄袭我的个人配置！！！==
==严禁抄袭我的个人配置！！！==
==严禁抄袭我的个人配置！！！==

hexo博客搭建-1-快速开始&安装主题
http://uu.sssu.us/archives/52676/
作者
径曲山斜
发布于
2022-10-03
更新于
2023-07-02
许可协议
CC BY 4.0
hexo
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/53971/index.html b/archives/53971/index.html index e3b1a783f..c94809c36 100644 --- a/archives/53971/index.html +++ b/archives/53971/index.html @@ -1 +1 @@ -Ecx-UI-5-侧栏 | 径曲山斜のBlog

Ecx-UI-5-侧栏

发表于|更新于|ui魔改
|阅读量:

Ecx-UI第五期

  1. 侧栏
  • 一般情况
    1
    2
    3
    4
    5
    6
    7
    8
    9
    /* 侧边栏颜色&悬浮 */
    #aside-content .card-widget {
        position: relative;
        overflow: hidden;
        margin-top: 20px;
        padding: 20px 24px;
        box-shadow: 0px 0px 10px 5px rgb(104, 104, 104) inset;
        background: rgba(236, 240, 0, 0.8);
    }
  • 如果你装了历史上的今天插件，还需要额外添加下面这些，注意是额外添加！，不是替换！
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    /* 历史上的今天部分白色bug修复 */
    .history_slide {
        text-align: left;
        font-size: 14px;
        background: var(--card-bg);
        display: flex;
        flex-direction: column;
        background: rgba(0, 0, 0, 0) !important;
        box-shadow: 0px 0px 10px 5px rgb(104, 104, 104);
        align-items: flex-start;
    }

  • 手机端菜单

    1
    2
    3
    4
    5
    6
    #sidebar #sidebar-menus.open {
      background-image: linear-gradient(25deg, #4f73cd, #919fde, #c9ceef, #d7eafc);
    }
    #sidebar #menu-mask {
      background: #ffffff7e;
    }

  • 作者卡片

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    /* 侧边栏作者卡片动态渐变色 */
    #aside-content > .card-widget.card-info {
        background: linear-gradient(
          -45deg,
          #ec0909,
          #bd06ce,
          #0fdbe2,
          #49ec08,
          #f8e800,
          #ec0909
        );
        box-shadow: 0px 0px 10px 5px rgb(128, 128, 128) inset;
        position: relative;
        background-size: 400% 400%;
        -webkit-animation: Gradient 10s ease infinite;
        -moz-animation: Gradient 10s ease infinite;
        animation: Gradient 10s ease infinite !important;
      }
      @-webkit-keyframes Gradient {
        0% {
          background-position: 0% 50%;
        }
        50% {
          background-position: 100% 50%;
        }
        100% {
          background-position: 0% 50%;
        }
      }
      @-moz-keyframes Gradient {
        0% {
          background-position: 0% 50%;
        }
        50% {
          background-position: 100% 50%;
        }
        100% {
          background-position: 0% 50%;
        }
      }
      @keyframes Gradient {
        0% {
          background-position: 0% 50%;
        }
        50% {
          background-position: 100% 50%;
        }
        100% {
          background-position: 0% 50%;
        }
      }
  • 头像变方
    1
    2
    3
    4
    /* 方形头像 */
    .avatar-img {
      border-radius: 20px 20px 20px 20px !important;
    }
  • 框内阴影
    1
    2
    3
    4
    5
    6
    /* 名片框内阴影 */
    .is-center {
        box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 40%);
        border-radius: 10px;
        text-align: center;
    }
Ecx-UI-5-侧栏
http://uu.sssu.us/archives/53971/
作者
径曲山斜
发布于
2023-01-15
更新于
2023-07-28
许可协议
CC BY 4.0
hexo教程Ecx-UI魔改butterfly
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
抱歉，该文章无目录
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +Ecx-UI-5-侧栏 | 径曲山斜のBlog

Ecx-UI-5-侧栏

发表于|更新于|ui魔改
|阅读量:

Ecx-UI第五期

  1. 侧栏
  • 一般情况
    1
    2
    3
    4
    5
    6
    7
    8
    9
    /* 侧边栏颜色&悬浮 */
    #aside-content .card-widget {
        position: relative;
        overflow: hidden;
        margin-top: 20px;
        padding: 20px 24px;
        box-shadow: 0px 0px 10px 5px rgb(104, 104, 104) inset;
        background: rgba(236, 240, 0, 0.8);
    }
  • 如果你装了历史上的今天插件，还需要额外添加下面这些，注意是额外添加！，不是替换！
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    /* 历史上的今天部分白色bug修复 */
    .history_slide {
        text-align: left;
        font-size: 14px;
        background: var(--card-bg);
        display: flex;
        flex-direction: column;
        background: rgba(0, 0, 0, 0) !important;
        box-shadow: 0px 0px 10px 5px rgb(104, 104, 104);
        align-items: flex-start;
    }

  • 手机端菜单

    1
    2
    3
    4
    5
    6
    #sidebar #sidebar-menus.open {
      background-image: linear-gradient(25deg, #4f73cd, #919fde, #c9ceef, #d7eafc);
    }
    #sidebar #menu-mask {
      background: #ffffff7e;
    }

  • 作者卡片

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    /* 侧边栏作者卡片动态渐变色 */
    #aside-content > .card-widget.card-info {
        background: linear-gradient(
          -45deg,
          #ec0909,
          #bd06ce,
          #0fdbe2,
          #49ec08,
          #f8e800,
          #ec0909
        );
        box-shadow: 0px 0px 10px 5px rgb(128, 128, 128) inset;
        position: relative;
        background-size: 400% 400%;
        -webkit-animation: Gradient 10s ease infinite;
        -moz-animation: Gradient 10s ease infinite;
        animation: Gradient 10s ease infinite !important;
      }
      @-webkit-keyframes Gradient {
        0% {
          background-position: 0% 50%;
        }
        50% {
          background-position: 100% 50%;
        }
        100% {
          background-position: 0% 50%;
        }
      }
      @-moz-keyframes Gradient {
        0% {
          background-position: 0% 50%;
        }
        50% {
          background-position: 100% 50%;
        }
        100% {
          background-position: 0% 50%;
        }
      }
      @keyframes Gradient {
        0% {
          background-position: 0% 50%;
        }
        50% {
          background-position: 100% 50%;
        }
        100% {
          background-position: 0% 50%;
        }
      }
  • 头像变方
    1
    2
    3
    4
    /* 方形头像 */
    .avatar-img {
      border-radius: 20px 20px 20px 20px !important;
    }
  • 框内阴影
    1
    2
    3
    4
    5
    6
    /* 名片框内阴影 */
    .is-center {
        box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 40%);
        border-radius: 10px;
        text-align: center;
    }
Ecx-UI-5-侧栏
http://uu.sssu.us/archives/53971/
作者
径曲山斜
发布于
2023-01-15
更新于
2023-07-28
许可协议
CC BY 4.0
hexo教程Ecx-UI魔改butterfly
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
抱歉，该文章无目录
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/54656/index.html b/archives/54656/index.html index d1927283b..ad52f827f 100644 --- a/archives/54656/index.html +++ b/archives/54656/index.html @@ -1 +1 @@ -markdown-it语法 | 径曲山斜のBlog

markdown-it语法

发表于|更新于
|阅读量:

+++ 点击折叠
这是被隐藏的内容
+++

1
2
3
+++ **点击折叠**
这是被隐藏的内容
+++

::: tips
提示
这是一个提示
:::

::: warning
注意
这是一个警告
:::

::: danger
警告
这是一个危险信号
:::

::: success
成功
这是一个成功信号
:::

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
::: tips
**提示**
这是一个提示
:::

::: warning
**注意**
这是一个警告
:::

::: danger
**警告**
这是一个危险信号
:::

::: success
**成功**
这是一个成功信号
:::

==标记==

:) :(

++下划线++

H~2~O

X^2^

1
2
3
4
5
6
7
8
9
==标记==

:) :(

++下划线++

H~2~O

X^2^
  • [x] Markdown
  • [ ] JavaScript
SyntaxDescription
HeaderTitle
ParagraphText

aaa

1
2
3
4
5
6
7
8
9
- [x] Markdown  
- [ ] JavaScript 

| Syntax | Description |
| --- | ----------- |
| Header | Title |
| Paragraph | Text |

`aaa`

1
---
markdown-it语法
http://uu.sssu.us/archives/54656/
作者
径曲山斜
发布于
2022-12-12
更新于
2023-07-02
许可协议
CC BY 4.0
打赏
  • 微信
    微信
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +markdown-it语法 | 径曲山斜のBlog

markdown-it语法

发表于|更新于
|阅读量:

+++ 点击折叠
这是被隐藏的内容
+++

1
2
3
+++ **点击折叠**
这是被隐藏的内容
+++

::: tips
提示
这是一个提示
:::

::: warning
注意
这是一个警告
:::

::: danger
警告
这是一个危险信号
:::

::: success
成功
这是一个成功信号
:::

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
::: tips
**提示**
这是一个提示
:::

::: warning
**注意**
这是一个警告
:::

::: danger
**警告**
这是一个危险信号
:::

::: success
**成功**
这是一个成功信号
:::

==标记==

:) :(

++下划线++

H~2~O

X^2^

1
2
3
4
5
6
7
8
9
==标记==

:) :(

++下划线++

H~2~O

X^2^
  • [x] Markdown
  • [ ] JavaScript
SyntaxDescription
HeaderTitle
ParagraphText

aaa

1
2
3
4
5
6
7
8
9
- [x] Markdown  
- [ ] JavaScript 

| Syntax | Description |
| --- | ----------- |
| Header | Title |
| Paragraph | Text |

`aaa`

1
---
markdown-it语法
http://uu.sssu.us/archives/54656/
作者
径曲山斜
发布于
2022-12-12
更新于
2023-07-02
许可协议
CC BY 4.0
打赏
  • 微信
    微信
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/55282/index.html b/archives/55282/index.html index 8bfb306ab..2b7485859 100644 --- a/archives/55282/index.html +++ b/archives/55282/index.html @@ -1 +1 @@ -css日记1 | 径曲山斜のBlog

css日记1

发表于|更新于|css
|阅读量:

css学习日记1：开始

:::danger
首先声明，这个系列大部分是写给我自己看的，如果你是专业前端工程师或者是大神，那么你看完或许会想骂人（因为都是基础的）
:::

第一次接触前端这个东西，嗯，怎么说呢，还是很有兴趣的！

css到也不难，但是牵一发而动全身啊，还得学配色，布局，设计哈哈。

1
<c id="1" class="2">test</c>
1
2
3
4
5
6
7
8
9
10
11
#1 {
  background: cyan;
}

.2 {
  background: green;
}

c {
  background: blue;
}

css的话，嗯肯定先来弄选择器了！
.是class选择器，#是id选择器，没有.也没有#就是直接选择容器。
当然，用id还是class取决于你自己。

语法：

1
2
3
选择器 {
  属性: 值;
}

也了解了几个属性（其实是我要开始改博客才学的css）

1
2
3
4
5
6
7
8
9
10
11
12
.id {
  background（背景
  border-radius（圆角
  border（边框线
  clip-path（控制可见区域
  padding（不好解释，算是内边界大小吧
  margin(*&left&right&top&bottom)（外边界
  left&top&right&bottom（偏移
  box-shadow（阴影，可以inset
  color（字体颜色
  z-index（高低层级，决定一个盒子在其他盒子的上方还是下方
}

单位目前用到过：

1
vh,px,rem,%

:::warning
目前接触到的就这些了，如有大佬，欢迎指点！
:::

css日记1
http://uu.sssu.us/archives/55282/
作者
径曲山斜
发布于
2023-01-24
更新于
2023-07-02
许可协议
CC BY 4.0
碎碎念前端
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
抱歉，该文章无目录
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +css日记1 | 径曲山斜のBlog

css日记1

发表于|更新于|css
|阅读量:

css学习日记1：开始

:::danger
首先声明，这个系列大部分是写给我自己看的，如果你是专业前端工程师或者是大神，那么你看完或许会想骂人（因为都是基础的）
:::

第一次接触前端这个东西，嗯，怎么说呢，还是很有兴趣的！

css到也不难，但是牵一发而动全身啊，还得学配色，布局，设计哈哈。

1
<c id="1" class="2">test</c>
1
2
3
4
5
6
7
8
9
10
11
#1 {
  background: cyan;
}

.2 {
  background: green;
}

c {
  background: blue;
}

css的话，嗯肯定先来弄选择器了！
.是class选择器，#是id选择器，没有.也没有#就是直接选择容器。
当然，用id还是class取决于你自己。

语法：

1
2
3
选择器 {
  属性: 值;
}

也了解了几个属性（其实是我要开始改博客才学的css）

1
2
3
4
5
6
7
8
9
10
11
12
.id {
  background（背景
  border-radius（圆角
  border（边框线
  clip-path（控制可见区域
  padding（不好解释，算是内边界大小吧
  margin(*&left&right&top&bottom)（外边界
  left&top&right&bottom（偏移
  box-shadow（阴影，可以inset
  color（字体颜色
  z-index（高低层级，决定一个盒子在其他盒子的上方还是下方
}

单位目前用到过：

1
vh,px,rem,%

:::warning
目前接触到的就这些了，如有大佬，欢迎指点！
:::

css日记1
http://uu.sssu.us/archives/55282/
作者
径曲山斜
发布于
2023-01-24
更新于
2023-07-02
许可协议
CC BY 4.0
碎碎念前端
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
抱歉，该文章无目录
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/56791/index.html b/archives/56791/index.html index bb983dee6..21b0da4a3 100644 --- a/archives/56791/index.html +++ b/archives/56791/index.html @@ -1 +1 @@ -Tor洋葱路由 | 径曲山斜のBlog

Tor洋葱路由

发表于|更新于
|阅读量:

历史背景

1995年，美国军方希望军事情报机构可以让情报人员的网上活动不被敌对国进行监控，从而可以秘密的进行开源情报收集。于是，美国海军研究实验室的科学家开始开发一种匿名技术，可以避免人们的行迹在Internet上被追踪到。他们把这个技术叫做“洋葱路由”。“洋葱路由”利用P2P网络，把网络流量随机的通过P2P的节点进行转发，这样可以掩盖源地址与目标地址的路径。使得在Internet上难以确定使用者的身份和地址。

可以看出Tor最初始并非为保护大众的隐私而开发，Tor的大众化应用是由于Tor网络如果单纯的只提供给情报部门使用的话反而使得流量不能安全（Tor网络上的所有流量都是情报部分的机密数据， 人们一看到来自这个系统的流量就知道，啊，这是一个CIA的间谍）。所以，为了将情报部门的流量进行混淆就将Tor开放给大众，这样情报流量就很好的隐藏了。

匿名原理

首先，了解一下日常生活中我们的上网流量是怎么样进行路由处理的，简化版上网流量传输模型如下（PC/客户端 ==> 家庭路由器 ==> 骨干路由器 ==> 数据源/网站服务器）：

流量报文中包含了的请求来源和目的地，它才能将网站服务器的响应准确的返回你的上网PC。这样的话，从网络截取的流量就可以轻松的追踪到你的IP地址，进一步通过电信局的IP分配记录就可以找到真实的你“查水表”了。

而洋葱路由器要解决正是为了解决上述的问题：中间人即使在Internet上截获通信的流量也无法判定通信的源头与目的地。

洋葱路由的原理就好像你送一封匿名信，不是自己送或者通过邮差送，而是大街上随便找一个不认识的人让他帮你送。这样收信方就很难往回找到你。

实现原理描述：Tor网络由大量的志愿者贡献自己的PC/服务器运行洋葱路由协议的节点（node）而组成，Tor客户端（如嵌入Tor的浏览器）随机的从Tor网络中选取3台路由器形成一个私有网络路径传输加密的流量，每台节点路由器只知道数据送往的一下跳，而不知道发送流量的来源。这样就保证了这3个节点没有谁知道完整的流量传输路径。也就是说，Tor网络将流量的源地址与目的地址进行了隔断，从而无法根据截取的流量进行源地址追踪。

Tor洋葱路由
http://uu.sssu.us/archives/56791/
作者
径曲山斜
发布于
2023-02-28
更新于
2023-07-05
许可协议
CC BY 4.0
打赏
  • 微信
    微信
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +Tor洋葱路由 | 径曲山斜のBlog

Tor洋葱路由

发表于|更新于
|阅读量:

历史背景

1995年，美国军方希望军事情报机构可以让情报人员的网上活动不被敌对国进行监控，从而可以秘密的进行开源情报收集。于是，美国海军研究实验室的科学家开始开发一种匿名技术，可以避免人们的行迹在Internet上被追踪到。他们把这个技术叫做“洋葱路由”。“洋葱路由”利用P2P网络，把网络流量随机的通过P2P的节点进行转发，这样可以掩盖源地址与目标地址的路径。使得在Internet上难以确定使用者的身份和地址。

可以看出Tor最初始并非为保护大众的隐私而开发，Tor的大众化应用是由于Tor网络如果单纯的只提供给情报部门使用的话反而使得流量不能安全（Tor网络上的所有流量都是情报部分的机密数据， 人们一看到来自这个系统的流量就知道，啊，这是一个CIA的间谍）。所以，为了将情报部门的流量进行混淆就将Tor开放给大众，这样情报流量就很好的隐藏了。

匿名原理

首先，了解一下日常生活中我们的上网流量是怎么样进行路由处理的，简化版上网流量传输模型如下（PC/客户端 ==> 家庭路由器 ==> 骨干路由器 ==> 数据源/网站服务器）：

流量报文中包含了的请求来源和目的地，它才能将网站服务器的响应准确的返回你的上网PC。这样的话，从网络截取的流量就可以轻松的追踪到你的IP地址，进一步通过电信局的IP分配记录就可以找到真实的你“查水表”了。

而洋葱路由器要解决正是为了解决上述的问题：中间人即使在Internet上截获通信的流量也无法判定通信的源头与目的地。

洋葱路由的原理就好像你送一封匿名信，不是自己送或者通过邮差送，而是大街上随便找一个不认识的人让他帮你送。这样收信方就很难往回找到你。

实现原理描述：Tor网络由大量的志愿者贡献自己的PC/服务器运行洋葱路由协议的节点（node）而组成，Tor客户端（如嵌入Tor的浏览器）随机的从Tor网络中选取3台路由器形成一个私有网络路径传输加密的流量，每台节点路由器只知道数据送往的一下跳，而不知道发送流量的来源。这样就保证了这3个节点没有谁知道完整的流量传输路径。也就是说，Tor网络将流量的源地址与目的地址进行了隔断，从而无法根据截取的流量进行源地址追踪。

Tor洋葱路由
http://uu.sssu.us/archives/56791/
作者
径曲山斜
发布于
2023-02-28
更新于
2023-07-05
许可协议
CC BY 4.0
打赏
  • 微信
    微信
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/57464/index.html b/archives/57464/index.html index f1ec9d1bb..f49d540d9 100644 --- a/archives/57464/index.html +++ b/archives/57464/index.html @@ -1 +1 @@ -使用mmd制作3d动画-初步 | 径曲山斜のBlog

使用mmd制作3d动画-初步

发表于|更新于
|阅读量:

前言

前两天闲得慌跟xg上刷视频，刷到了一些整活的动画，经过了解之后发现是mmd/blender制作的

难度原因，我先上手了mmd（全称mikumikudance），其实blender也没有多难，都差不多，我没接触过，就先玩了mmd

我以后会教渲染的，但是电脑带不动，只能纸上谈兵，不过今天这期还是有图哒！

准备工作

材料

  • mmd软件，这个随便搜点就有了，最好汉化的，看着方便（英文大佬当我没说）
  • 一定的素材，比如动作，人物，场景
  • windows电脑（一定要是windows，linux佬弄个虚拟机，别用wine玩这个）

确认以下事项

  • 你是个正常人
  • 你有电脑
  • 你有手

开始

打开软件

有手就行（

导入人物

打开文件夹，把pmx文件拖放进去，或者点载入，然后选文件。

导入后应为图中效果。

像我这样的低配电脑可能会无响应一下，等等就好。

添加动作

同样托进去就行了，现在按p键看看动作效果

场景

其实场景也是一个pmx文件，同样拖放进去就好了。

音乐

老规矩鼠标拖放进去

成品

第一次做的水准，不喜勿喷谢谢！

洛天依+只因你太美
来自-径曲山斜-的视频。

注意事项

  • 在添加动作的时候，一定要注意选中的模型，不然会看到场景跳舞或者人物螺旋升天的场面（别问我怎么知道的）
  • 保存，保存，保存！重要的事情说三遍。
  • 盈利用途注意版权，玩这个真的很容易侵权吃官司。
  • 导出的时候选择保留wave才会有声音！！！！不然别来问我：“作者，为啥我弄完没有声音了啊？”

资源推荐

我的资源都是在这个模之屋下载的

使用mmd制作3d动画-初步
http://uu.sssu.us/archives/57464/
作者
径曲山斜
发布于
2023-09-10
更新于
2023-09-10
许可协议
CC BY 4.0
教程mmd
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +使用mmd制作3d动画-初步 | 径曲山斜のBlog

使用mmd制作3d动画-初步

发表于|更新于
|阅读量:

前言

前两天闲得慌跟xg上刷视频，刷到了一些整活的动画，经过了解之后发现是mmd/blender制作的

难度原因，我先上手了mmd（全称mikumikudance），其实blender也没有多难，都差不多，我没接触过，就先玩了mmd

我以后会教渲染的，但是电脑带不动，只能纸上谈兵，不过今天这期还是有图哒！

准备工作

材料

  • mmd软件，这个随便搜点就有了，最好汉化的，看着方便（英文大佬当我没说）
  • 一定的素材，比如动作，人物，场景
  • windows电脑（一定要是windows，linux佬弄个虚拟机，别用wine玩这个）

确认以下事项

  • 你是个正常人
  • 你有电脑
  • 你有手

开始

打开软件

有手就行（

导入人物

打开文件夹，把pmx文件拖放进去，或者点载入，然后选文件。

导入后应为图中效果。

像我这样的低配电脑可能会无响应一下，等等就好。

添加动作

同样托进去就行了，现在按p键看看动作效果

场景

其实场景也是一个pmx文件，同样拖放进去就好了。

音乐

老规矩鼠标拖放进去

成品

第一次做的水准，不喜勿喷谢谢！

洛天依+只因你太美
来自-径曲山斜-的视频。

注意事项

  • 在添加动作的时候，一定要注意选中的模型，不然会看到场景跳舞或者人物螺旋升天的场面（别问我怎么知道的）
  • 保存，保存，保存！重要的事情说三遍。
  • 盈利用途注意版权，玩这个真的很容易侵权吃官司。
  • 导出的时候选择保留wave才会有声音！！！！不然别来问我：“作者，为啥我弄完没有声音了啊？”

资源推荐

我的资源都是在这个模之屋下载的

使用mmd制作3d动画-初步
http://uu.sssu.us/archives/57464/
作者
径曲山斜
发布于
2023-09-10
更新于
2023-09-10
许可协议
CC BY 4.0
教程mmd
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/5781/index.html b/archives/5781/index.html index 0f84f9900..5f3ee84ad 100644 --- a/archives/5781/index.html +++ b/archives/5781/index.html @@ -1 +1 @@ -【转载】一篇文章butterfly主题heo化！ | 径曲山斜のBlog

【转载】一篇文章butterfly主题heo化！

发表于|更新于|杂谈教程
|阅读量:

:::danger
最近想要洪化，一直在网上找教程，非常难找到，洪哥收录的教程也不足以洪化。一篇篇教程很零散，我的收藏夹都一大堆了。

今天汇总一下教程（本篇为转载，已标明来源）
:::

:::warning
本篇文章信息量超大！
:::

教你搞定heo化！

作者卡片

将themes\butterfly\layout\includes\widget\card_author.pug下的内容替换为：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
.card-widget.card-info
      .card-content
        .card-info-avatar.is-center
          .author-info__sayhi#author-info__sayhi 晚上好！我是
          .author-info__name 张洪Heo
          .author-info__description
            | 这有关于
            b 产品、设计、开发
            | 相关的问题和看法，还有
            b 文章翻译
            | 和
            b 分享
            | 。
          .author-info__description2
            | 相信你可以在这里找到对你有用的
            b 知识
            | 和
            b 教程
            | 。
      .banner-button-group
        a.banner-button(onclick='pjax.loadUrl("/about/")', data-pjax-state)
          i.fas.fa-circle-chevron-right
          span.banner-button-text 了解更多
      a.button--animated#card-info-btn(target='_blank', rel='noopener external nofollow', href='https://github.com/zhheo')
        i.fab.fa-github
        span Github
      .card-info-social-icons.is-center
        a.social-icon(href='https://dribbble.com/zhheo', rel='external nofollow', target='_blank', title='Dribbble')
          i.ri-dribbble-line
        a.social-icon(href='https://github.com/zhheo', rel='external nofollow', target='_blank', title='Github')
          i.ri-github-line

添加并引入：
js：

1
2
3
4
5
6
7
8
9
10
11
12
13
var custom = {
    getTimeState: function() {
        var e = (new Date).getHours()
          , t = "";
        return 0 <= e && e <= 5 ? t = "晚安😴" : 5 < e && e <= 10 ? t = "早上好👋" : 10 < e && e <= 14 ? t = "中午好👋" : 14 < e && e <= 18 ? t = "下午好👋" : 18 < e && e <= 24 && (t = "晚上好👋"),
        t
    },
    sayhi: function() {
        var e = document.getElementById("author-info__sayhi");
        e && (e.innerHTML = custom.getTimeState() + "！我是")
    },
}
custom.sayhi();

Css：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
/* 作者打招呼 */
div#author-info__sayhi {
  text-align: left;
  color: var(--heo-white);
  background: var(--heo-white-op);
  font-size: 12px;
  margin-right: auto;
  padding: 2px 8px;
  border-radius: 12px;
  width: fit-content;
}

#aside-content .card-info .author-info__name {
  text-align: left;
  font-weight: bold;
  color: var(--heo-white);
  font-size: 28px;
  line-height: 1.1;
  margin-top: 0.8rem;
  margin-bottom: 1rem;
}

/* 作者卡片背景 */
#aside-content>.card-widget:first-child {
  transition: 0.3s;
  border: none;
  box-shadow: none;
  background: var(--heo-main);
  margin-top: 0px;
}


#aside-content>.card-widget.card-info {
  background: var(--heo-card-bg);
  box-shadow: var(--heo-shadow-black);
  position: relative;
}

#aside-content>.card-widget.card-info::before {
  background: linear-gradient(-25deg, var(--heo-main), var(--heo-main-op-deep), var(--heo-main), var(--heo-main-op-deep));
  background-size: 400%;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: '';
  animation: gradient 15s ease infinite;
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}


@media screen and (max-width: 1300px) {
  #aside-content>.card-widget:first-child {
    min-height: 329px;
  }
}

/* 作者卡片描述 */
#aside-content>div.card-widget.card-info>div>div.card-info-avatar.is-center>div.author-info__description {
  line-height: 1.38;
  margin: .3rem 0;
  text-align: justify;
  color: rgba(255, 255, 255, 0.8);
}

#aside-content>div.card-widget.card-info>div>div.card-info-avatar.is-center>div.author-info__description b {
  color: var(--heo-white);
}

/* 作者卡片描述2 */
.author-info__description2 {
  line-height: 1.38;
  margin: .3rem 0;
  text-align: justify;
  width: 100%;
  z-index: 2;
  color: rgba(255, 255, 255, 0.8);
}

.author-info__description2 b {
  color: var(--heo-white);
}

.card-widget.card-info .banner-button-group {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  display: flex;
}

.card-widget.card-info .banner-button-group .banner-button {
  padding: 8px 12px;
  background: var(--heo-white-op);
  border-radius: 12px;
  color: var(--heo-white);
  display: flex;
  align-items: center;
  z-index: 1;
  transition: 0.3s;
  cursor: pointer;
}

.card-widget.card-info .banner-button-group .banner-button:hover {
  background: var(--heo-white);
  color: var(--heo-black);
}

.card-widget.card-info .banner-button-group .banner-button i {
  margin-right: 8px;
  font-size: 1rem;
}


/* 头像背景 */
/* 隐藏文章数等信息 */
#aside-content .card-info .card-info-data {
  display: none;
}

/* 作者头像 */
#aside-content .card-info a img {
  border-radius: 0px;
  height: 200px;
  display: inherit;
  filter: drop-shadow(-5px 14px 8px #00000008);
  position: absolute;
  right: -24px;
  bottom: -82px;
  width: auto;
  z-index: 0;
  transition: cubic-bezier(0.48, -0.21, 0, 1.5) 0.3s;
}

#aside-content .card-info a img:hover {
  bottom: -42px;
}

[data-theme=light] #aside-content .card-info a img {
  filter: drop-shadow(-5px 14px 8px #ffffff08);
}

.card-widget.card-info {
  padding: 0 !important;
}

#aside-content>div.card-widget.card-info>div.card-content {
  padding: 1rem 1.2rem;
  min-height: 330px;
  position: relative;
}

#aside-content>div.card-widget.card-info>div.card-info-avatarimg {
  overflow: hidden;
  background: var(--heo-yellow);
  transition: 1.5s;
  min-height: 160px;
  position: relative;
  box-shadow: var(--heo-shadow-yellow);
}

#aside-content>div.card-widget.card-info>div.card-info-avatarimg:hover img {
  transform: scale(1.03);
}

/* 作者文章列表链接 */
#aside-content>div.card-widget.card-info>div>div.card-info-data>div:nth-child()>a>div.headline {
  font-weight: bold;
}

/* 作者名称和头像间距 */
/* #aside-content .card-info .author-info__name{
  padding-top: 30px;
} */

/* pad端隐藏部分侧边栏 */
@media screen and (max-width: 900px) {
  #aside-content .card-announcement {
    display: none;
  }

  #aside-content #card-funds {
    display: none;
  }
}

/* 社交按钮 */
#aside-content .card-info #card-info-btn {
  display: none;
}

#aside-content .card-info .card-info-social-icons {
  margin: 0;
  padding-top: 10px;
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  cursor: pointer;
  position: absolute;
  bottom: 1rem;
  left: 1rem;
}

#aside-content .card-info .card-info-social-icons .social-icon {
  margin: 0;
  margin-right: 8px;
}

#aside-content .card-info .card-info-social-icons i {
  background: var(--heo-white-op);
  color: var(--heo-white);
  font-size: 1.2rem;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
}

#aside-content .card-info .card-info-social-icons i:hover {
  background: var(--heo-secondbg);
  transform: scale(0.97);
  color: var(--heo-main);
  box-shadow: none;
}

#aside-content .card-info .banner-button {
  height: 40px;
  width: 124px;
  border-radius: 20px;
  justify-content: center;
}

@media screen and (min-width: 1300px) {
  #aside-content .card-info .card-info-social-icons i {
    color: var(--heo-white);
  }

  [data-theme=dark] #aside-content .card-info .card-info-social-icons i {
    color: var(--heo-white);
  }
}

#aside-content .card-info .card-info-data>.card-info-data-item:hover {
  background: var(--heo-post-blockquote-bg);
  transform: scale(0.97);
}

#aside-content>div.card-widget.card-info>div.card-content>div.card-info-data>.card-info-data-item:hover>a>div.headline,
#aside-content>div.card-widget.card-info>div.card-content>div.card-info-data>.card-info-data-item:hover>a>div.length-num {
  color: var(--heo-blue);
}

/* 公告 */
.announcement_content p {
  margin: 0.5rem 0 0 0;
  line-height: 1.38;
}

/* 卡片标题 */
#aside-content .item-headline {
  padding-bottom: 0;
  margin-left: 8px;
  font-size: 1em;
  font-weight: bold;
}

#aside-content .item-headline i {
  min-width: 19.5px;
}

#aside-content .item-headline+div,
#aside-content .item-headline+ul {
  padding: 0;
}

@media screen and (min-width: 1300px) {
  #aside-content .card-widget {
    margin-top: 1rem;
  }
}

@media screen and (max-width: 768px) {
  #aside-content .card-widget {
    border-radius: 12px;
  }
}

/* 卡片根据时间查看文章底部查看更多按钮 */
#aside-content>div.sticky_layout>div.card-widget.card-archives>div>ul>li.card-archive-list-item.more.is-center {
  margin-top: 8px;
  background: var(--heo-card-btn-bg);
  border-radius: 8px;
  transition: 0.3s !important;
}

#aside-content>div.sticky_layout>div.card-widget.card-archives>div>ul>li.card-archive-list-item.more.is-center :hover {
  color: var(--heo-white);
  background: var(--heo-blue);
  border-radius: 8px;
  transition: 0.3s !important;
}

#aside-content .card-archives ul.card-archive-list>.card-archive-list-item.more span,
#aside-content .card-categories ul.card-category-list>.card-category-list-item.more span {
  transition: 0.3s !important;
}

#aside-content .card-archives ul.card-archive-list>.card-archive-list-item:hover.more span,
#aside-content .card-categories ul.card-category-list>.card-category-list-item.more span {
  transition: 0.3s !important;
}

#aside-content>div.sticky_layout>div.card-widget.card-archives>div>ul>li.card-archive-list-item.more.is-center :hover span {
  background: none;
}

#web_bg {
  background-repeat: repeat;
  background-size: auto;
  width: 200%;
  height: 200%;
  top: -50%;
  left: -50%;
  transform: rotate(-15deg);
  opacity: 1;
  background-color: var(--heo-background);
}

#web_bg:before {
  background-color: var(--heo-background) !important;
  opacity: 1;
}

[data-theme='dark'] #web_bg:before,
[data-theme='dark'] #footer:before,
[data-theme='dark'] #page-header:before {
  background-color: var(--heo-none) !important;
}

[data-theme=dark]#web_bg {
  opacity: 1;
}

洪式顶部一大坨

来自bywind

在themes/butterfly/layout/includes下创建hometop.pug

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
if is_home()
    #home_top
        .recent-top-post-group#recent-top-post-group
            .recent-post-top#recent-post-top
                #bannerGroup
                    #banners
                        .banners-title
                            .banners-title-big 无限活力
                            .banners-title-big 与热爱生活
                            .banners-title-small BYWIND.XYZ
                        .tags-group-all
                            .tags-group-wrapper
                                each i in site.data.creativity
                                    - const evenNum = i.creativity_list.filter((x, index) => index % 2 === 0);
                                    - const oddNum = i.creativity_list.filter((x, index) => index % 2 === 1);
                                    each item, index in i.creativity_list
                                        if ((index + 1 <= evenNum.length) && (index + 1 <= oddNum.length))
                                            .tags-group-icon-pair
                                                .tags-group-icon(style=`background: ${evenNum[index].color}`)
                                                    img(src=evenNum[index].icon, onerror='this.onerror=null,this.src="/img/friend_404.gif"', title=evenNum[index].name, alt=evenNum[index].name)
                                                .tags-group-icon(style=`background: ${oddNum[index].color}`)
                                                    img(src=oddNum[index].icon, onerror='this.onerror=null,this.src="/img/friend_404.gif"', title=oddNum[index].name, alt=oddNum[index].name)
                                each i in site.data.creativity
                                    - const evenNum = i.creativity_list.filter((x, index) => index % 2 === 0);
                                    - const oddNum = i.creativity_list.filter((x, index) => index % 2 === 1);
                                    each item, index in i.creativity_list
                                        if ((index + 1 <= evenNum.length) && (index + 1 <= oddNum.length))
                                            .tags-group-icon-pair
                                                .tags-group-icon(style=`background: ${evenNum[index].color}`)
                                                    img(src=evenNum[index].icon, onerror='this.onerror=null,this.src="/img/friend_404.gif"', title=evenNum[index].name, alt=evenNum[index].name)
                                                .tags-group-icon(style=`background: ${oddNum[index].color}`)
                                                    img(src=oddNum[index].icon, onerror='this.onerror=null,this.src="/img/friend_404.gif"', title=oddNum[index].name, alt=oddNum[index].name)
                        a#banner-hover(onclick='toRandomPost()')
                            span.bannerText 随便逛逛
                            i.fas.fa-arrow-right.banner-righticon
                    .categoryGroup
                        .categoryItem(style='box-shadow:var(--bywind-shadow-blue)')
                            a.categoryButton.CB1.bikan(href='/categories/学习笔记/')
                                span.categoryButtonText 必看精选
                                i.fas.fa-dove
                        .categoryItem(style='box-shadow:var(--bywind-shadow-red)')
                            a.categoryButton.remen(href='/categories/Hexo魔改/')
                                span.categoryButtonText 热门文章
                                i.fas.fa-burn
                        .categoryItem(style='box-shadow:var(--bywind-shadow-green)')
                            a.categoryButton.shiyong(href='/categories/后端/')
                                span.categoryButtonText 实用教程
                                i.fas.fa-book
                .topGroup
                    if site.data.slider
                        each i in site.data.slider
                            .recent-post-item
                                .post_cover.left_radius
                                    a(href=url_for(i.link), title=i.title)
                                        span.recent-post-top-text(onclick=`pjax.loadUrl("`+i.link+`")`) 荐
                                        img.post_bg.entered.loaded(src=url_for(i.cover) onerror="this.onerror=null,this.src='/img/404.png'")
                                .recent-post-info(onclick=`pjax.loadUrl("`+i.link+`")`)
                                    a.article-title(href=url_for(i.link), title=i.title)= i.title

在layout/includes/layout.pug大概第20行处添加：

1
2
3
4
5
    if page.type !== '404'
      #body-wrap(class=pageType)
        include ./header/index.pug
+        if theme.hometop.enable
+          include ./hometop.pug

:::warning
注：

在我的博客复制使用diff代码框时，只需删掉加号，不需增加空格！
:::

在source/_data下创建creativity.yml文件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
- class_name: 开启创造力
  creativity_list:
    - name: Vue
      color: "#b8f0ae"
      icon: https://cdn.bywind.xyz/img/banners/vue.webp
    - name: Java
      color: "#fff"
      icon: https://cdn.bywind.xyz/img/banners/Java.webp
    - name: Docker
      color: "#57b6e6"
      icon: https://cdn.bywind.xyz/img/banners/docker.webp
    - name: Webpack
      color: "#2e3a41"
      icon: https://cdn.bywind.xyz/img/banners/webpack.webp
    - name: Photoshop
      color: "#4082c3"
      icon: https://cdn.bywind.xyz/img/banners/PS.webp
    - name: Swift
      color: "#eb6840"
      icon: https://cdn.bywind.xyz/img/banners/swift.webp
    - name: Python
      color: "#fff"
      icon: https://cdn.bywind.xyz/img/banners/python.webp
    - name: Node
      color: "#333"
      icon: https://cdn.bywind.xyz/img/banners/node-logo.svg
    - name: Git
      color: "#df5b40"
      icon: https://cdn.bywind.xyz/img/banners/git.webp
    - name: Css
      color: "#2c51db"
      icon: https://cdn.bywind.xyz/img/banners/css.webp
    - name: Js
      color: "#f7cb4f"
      icon: https://cdn.bywind.xyz/img/banners/js.webp

在source/_data下创建slider.yml文件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
- cover: https://cloud-image-host.oss-cn-beijing.aliyuncs.com/background/45663c9f2ce54eb2ae8628efb0c43390.jpg
  link: /posts/e255a10a.html
  title: 大学课程 - 计算机网络

- cover: https://cloud-image-host.oss-cn-beijing.aliyuncs.com/background/fe86174cbe99485e85f43b37c16622da.jpg
  link: /posts/8d4b7ae1.html
  title: 大学课程 - 计算机组成原理

- cover: https://cloud-image-host.oss-cn-beijing.aliyuncs.com/background/v2-8e40cc0dbad304617ad773d0f256d339_r.jpg
  link: posts/d04bd5bc.html
  title: 大学课程 - 操作系统

- cover: https://cloud-image-host.oss-cn-beijing.aliyuncs.com/background/63233ec9893f4.webp
  link: /posts/f73eaef5.html
  title: Fiddler抓包 - 功能非常强大的web调试利器

- cover: https://cloud-image-host.oss-cn-beijing.aliyuncs.com/page/cover/2022112902.png
  link: /posts/5f262806.html
  title: 博客美化日记 - 囊括本博客Butterfly主题的基本美化升级

- cover: https://cdn.bywind.xyz/img/cover/image-20221208194011653.png
  link: /posts/e9cd2bbc.html
  title: 基于Butterfly的外挂标签引入 - 独特的风格让你的博客别具一格

添加`butterfly/scripts/helpers/random.js

1
2
3
4
5
6
7
8
9
10
11
hexo.extend.generator.register('random', function (locals) {
    const config = hexo.config.random || {}
    const posts = []
    for (const post of locals.posts.data) {
        if (post.random !== false) posts.push(post.path)
    }
    return {
        path: config.path || 'zhheo/random.js',
        data: `var posts=${JSON.stringify(posts)};function toRandomPost(){pjax.loadUrl('/'+posts[Math.floor(Math.random() * posts.length)]);};`
    }
})

引入：

1
2
3
inject:
  bottom:
    - <script src="/zhheo/random.js"></script>

:::success
随机文章这边特别鸣谢：怕冷爱上雪
image
:::

添加css：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
#home_top {
    max-width: 1400px;
    margin: auto;
    margin-top: .5rem;
    padding: 0 1.5rem;
    width: 100%
}

@media screen and (max-width: 768px) {
    #home_top {
        padding:0;
        margin-top: 0
    }
}

.recent-top-post-group {
    border-radius: 12px;
    overflow: hidden;
    overflow-x: auto;
    width: 100%;
    margin-bottom: 0
}

.recent-post-top {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    overflow-x: scroll
}

.recent-post-top::-webkit-scrollbar {
    display: none
}

.recent-post-top .recent-post-item {
    display: flex;
    width: 200px;
    flex-direction: column;
    align-items: flex-start;
    margin-left: .5rem;
    background: var(--bywind-card-bg);
    border-radius: 12px;
    overflow: hidden;
    min-width: 200px;
    height: 164px;
    max-height: 164px;
    border: var(--style-border-always);
    transition: .3s;
    position: relative;
    box-shadow: var(--bywind-shadow-border)
}

@media screen and (max-width: 768px) {
    .recent-post-top .recent-post-item {
        border-radius:8px;
        box-shadow: none;
        clip-path: inset(0 0 0 0 round 8px)
    }

    .recent-post-top .recent-post-item:last-child {
        margin-right: 1rem
    }
}

@media screen and (min-width: 1300px) {
    .recent-post-top .recent-post-item {
        margin-right:0;
        margin-bottom: .5rem
    }

    .recent-post-top .recent-post-item:active {
        transform: scale(.97)
    }

    .recent-post-top {
        overflow-x: visible
    }

    .recent-top-post-group {
        overflow: visible;
        overflow-x: visible
    }
}

span.recent-post-top-text {
    position: absolute;
    top: 0;
    left: -40px;
    display: flex;
    z-index: 1;
    background: var(--bywind-theme);
    color: var(--bywind-white);
    padding: 2px 8px;
    font-size: .6rem;
    border-radius: 12px 0 12px 0;
    transition: .3s;
    cursor: pointer
}

.recent-post-item:hover .recent-post-top-text {
    left: 0
}

@media screen and (min-width: 1300px) {
    .recent-post-top .recent-post-item:hover {
        border:var(--style-border-hover);
        box-shadow: var(--bywind-shadow-main);
        transform: scale(1.03)
    }

    .recent-post-top .recent-post-item:active {
        transform: scale(.97)
    }
}

@media screen and (max-width: 768px) {
    .recent-top-post-group {
        border-radius:0;
        background: var(--bywind-background)
    }

    .recent-post-top-text {
        display: none!important
    }

    .recent-post-top .recent-post-item .post_cover img {
        border-radius: 8px 8px 0 0!important
    }
}

.recent-post-top .recent-post-item .post_cover a {
    height: 100px;
    overflow: hidden;
    display: flex
}

.recent-post-top .recent-post-item .post_cover img {
    object-fit: cover;
    width: 100%;
    background: var(--bywind-secondbg);
    border-radius: 12px 12px 0 0
}

.recent-post-top .recent-post-item:hover .post_cover img {
    transform: scale(1)
}

.recent-post-top .recent-post-item .recent-post-info {
    padding: .3rem .5rem .3rem .5rem!important;
    transition: .3s
}

.recent-post-top .recent-post-item:hover .recent-post-info a {
    color: var(--bywind-fontcolor)
}

@media screen and (max-width: 1300px) {
    .recent-post-top .recent-post-item:hover .recent-post-info a {
        color:var(--bywind-theme);
        transition: .3s
    }
}

.recent-post-top .recent-post-item .recent-post-info .article-title {
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    justify-content: center;
    align-items: flex-end;
    align-content: center;
    padding-top: .5rem;
    font-weight: 700;
    font-size: .8rem!important;
    padding: 0!important
}

.categoryItem {
  overflow: hidden;
  transform: scale(1);
  transition: all 0.8s cubic-bezier(0.65, 0.15, 0.37, 1.19);
  height: 48%;
  border-radius: 12px;
}

a.categoryButton {
  height: 100%;
  width: 100%;
  background: var(--bywind-card-bg);
  border-radius: 12px;
  display: inline-block;
  text-align: left;
  line-height: 4em;
  font-weight: bold;
  font-size: 0.9rem;
  color: var(--bywind-white);
  transition: all 0.8s cubic-bezier(0.39, 0.575, 0.565, 1);
  transform: scale(1);
  overflow: hidden;
  font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei;
}

a.categoryButton i {
  transform: scale(1.0) rotate(15deg);
}

@media screen and (min-width: 1300px) {
  a.categoryButton:active {
    transform: scale(0.97);
  }
}

@media screen and (max-width: 768px) {
  a.categoryButton {
    border-radius: 8px;
  }

  .categoryItem {
    border-radius: 0px;
    height: 47%;
    box-shadow: none !important;
  }
}

a.categoryButton:after {
  top: 50px;
  width: 1rem;
  left: 21px;
  height: 2px;
  background: var(--bywind-white);
  content: "";
  border-radius: 1px;
  position: absolute;
}

.categoryButtonText {
  padding-left: 21px;
}

a.categoryButton i {
  font-size: 5rem;
  opacity: 0.2;
  position: absolute;
  right: 0%;
  top: 20%;
  transition: 0.3s;
  width: 100px;
  text-align: center;
  filter: blur(2px);
}

@media screen and (max-width: 768px) {
  a.categoryButton i {
    display: none;
  }

  .recent-post-top .categoryGroup {
    min-width: 130px !important;
    margin-bottom: 0.5rem;
    margin-left: 1rem;
    max-height: 164px;
    overflow: hidden;
    position: relative;
  }
}

.topGroup {
  display: flex;
}

#bannerGroup {
  display: flex;
}

div#banners {
  display: none;
}

@media screen and (min-width: 1300px) {
  .topGroup {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    height: calc(328px + 0.5rem);
    align-content: space-between;
    width: calc(600px + 1.5rem);
    position: relative;
  }

  div#bannerGroup {
    width: calc(100% - 600px - 2rem);
    margin-right: 0.5rem;
    height: calc(328px + 0.5rem);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  div#banners {
    display: flex;
    width: 100%;
    height: 76%;
    background: var(--bywind-card-bg);
    margin-bottom: 0.5rem;
    border: var(--style-border);
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    box-shadow: var(--bywind-shadow-border);
    flex-direction: column;
    overflow: hidden;
    transition: 0.3s;
    clip-path: inset(0 0 0 0 round 12px);
  }

  div#banners:hover {
    box-shadow: var(--bywind-shadow-main);
  }

  #banners.flink {
    margin-bottom: 0.5rem;
  }

  #banners .banner-button-group {
    position: absolute;
    right: 2rem;
    top: 2rem;
    display: flex;
  }

  #banners .banner-button {
    padding: 8px 12px;
    background: var(--bywind-fontcolor);
    border-radius: 12px;
    color: var(--bywind-card-bg);
    display: flex;
    align-items: center;
    z-index: 1;
    transition: 0.3s;
    cursor: pointer;
    box-shadow: var(--bywind-shadow-black);
  }

  #banners .banner-button.secondary {
    background: var(--bywind-secondbg);
    border: var(--style-border-always);
    color: var(--bywind-lighttext);
    margin-right: 1rem;
    box-shadow: var(--bywind-shadow-border);
  }

  #banners .banner-button:hover {
    background: var(--bywind-theme);
    color: var(--bywind-white);
  }

  #banners .banner-button i {
    margin-right: 8px;
    font-size: 1rem;
  }

  .banners-title {
    top: 2rem;
    left: 1.5rem;
    position: absolute;
    display: flex;
    flex-direction: column;
  }
  

  .banners-title-big {
    font-size: 36px;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 8px;
  }

  .banners-title-small {
    font-size: 12px;
    line-height: 1;
    color: var(--bywind-secondtext);
    margin-top: 8px;
    margin-bottom: 0.5rem;
  }

  #banner-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--bywind-theme);
    color: var(--bywind-white);
    padding-left: 0.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
    transition: cubic-bezier(0.71, 0.15, 0.16, 1.15) 0.6s;
  }

  .bannerText {
    font-size: 4rem;
    line-height: 4rem;
    font-weight: bold;
  }

  .banner-righticon {
    font-size: 4rem;
    opacity: 0.6;
  }

  #banners:hover #banner-hover {
    opacity: 1;
    padding-left: 2rem;
    background: #4259efc9;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transition: 0.3s;
    background-size: 200%;
    cursor: pointer;
  }
}
.tags-group-icon {
    width: 120px;
    height: 120px;
    border-radius: 30px
}

.tags-group-all {
    display: flex;
    transform: rotate(-30deg)
}

.tags-group-all.nowrapMove {
    transform: rotate(0);
    padding-bottom: 2rem
}

.tags-group-wrapper {
    margin-top: 5rem;
    display: flex;
    flex-wrap: nowrap;
    animation: rowup 60s linear infinite
}

.nowrapMove .tags-group-wrapper {
    margin-top: 7rem;
    animation: rowup 120s linear infinite
}

.tags-group-icon-pair .tags-group-icon:nth-child(even) {
    margin-top: 1rem;
    transform: translate(-60px)
}

.tags-group-icon-pair {
    margin-left: 1rem
}

.tags-group-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 66px;
    font-weight: 700;
    box-shadow: var(--bywind-shadow-blackdeep)
}

.nowrapMove .tags-group-icon {
    border-radius: 50%
}

.tags-group-icon img {
    width: 60%
}
.nowrapMove .tags-group-icon img {
    min-width: 100%;
    min-height: 100%;
    border-radius: 50%;
    object-fit: cover
}

.categoryItem:hover i {
    opacity: .8;
    transition: .8s;
    transition-delay: .15s;
    transform: scale(1.03) rotate(0);
    font-size: 2.5rem;
    filter: blur(0)
}

@media screen and (min-width: 1300px) {
    .categoryItem:hover i {
        transform:scale(1.03) rotate(0)
    }
}

.cate-button-text {
    box-shadow: var(--bywind-shadow-black)
}

.recent-post-top .categoryGroup {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 200px
}

.categoryGroup .categoryItem:nth-child(3) {
    display: none
}

@media screen and (min-width: 1300px) {
    .recent-post-top .categoryGroup {
        flex-direction:row;
        height: 24%
    }

    .categoryItem {
        width: calc(100% / 3 - .33rem);
        height: 100%;
        margin-right: .5rem
    }

    .categoryItem:last-child {
        margin-right: 0
    }

    .categoryItem:hover {
        width: 50%
    }

    .categoryGroup .categoryItem:nth-child(3) {
        display: flex
    }
}

a.categoryButton.bikan {
    background: linear-gradient(to right,#358bff,#15c6ff);
    background-size: 200%
}

a.categoryButton.remen {
    background: linear-gradient(to right,#f65,#ffbf37);
    background-size: 200%
}

a.categoryButton.shiyong {
    background: linear-gradient(to right,#18e7ae,#1eebeb);
    background-size: 200%
}

[data-theme=dark] a.categoryButton.bikan {
    background: linear-gradient(to right,#0653b8,#2fcbff);
    background-size: 200%
}

[data-theme=dark] a.categoryButton.remen {
    background: linear-gradient(to right,#e22a16,#da980c);
    background-size: 200%
}

[data-theme=dark] a.categoryButton.shiyong {
    background: linear-gradient(to right,#099e74,#0ea4a4);
    background-size: 200%
}

a.categoryButton:hover {
    background-position: 100% 0
}
@keyframes rowup {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(-50%)
    }
}

只因刻短文

在source/_data目录下创建essay.yml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
- class_name: 即刻短文
  essay_list:
    - content: 文章推荐卡片教程推出
      image: https://cdn.bywind.xyz/img/cover/image-20221221154442479.png
      link: https://blog.bywind.xyz/posts/ab6e072d.html
      date: 2022-12-21
    - content: 关于本站
      link: https://blog.bywind.xyz/about/
      date: 2022-12-20
    - content: 即刻短文头图换成视频，更显动态感
      date: 2022-12-19 23:07:23
    - content: 李荣浩的歌还是那么好听，两人配合太棒了！
      music:
        server: tencent
        id: 001wG84E4bOj3V
      date: 2022-12-19 08:07:23

输入hexo new page essay，生成文件在source/essay/index.md

1
2
3
4
5
6
7
8
---
title: 即刻短文
date: 2022-12-20 22:06:17
comments: true
aside: false
top_img: false
type: essay
---

在themes/butterfly/layout/includes/page目录下创建essay.pug

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
.author-content.author-content-item.essayPage.single.essayVideo
    .card-content
        .author-content-item-tips 即刻短文
        span.author-content-item-title 分享生活的小确幸
        .content-bottom
            .tips 使用 即刻短文静态部署版 构建
        .banner-button-group
            a.banner-button(onclick='pjax.loadUrl("/about/")', data-pjax-state)
                i.fas.fa-circle-chevron-right
                span.banner-button-text 部署项目
#bber
    section.timeline.page-1
        ul#waterfall.list.show
            each i in site.data.essay
                each item, index in i.essay_list
                    if index < 30
                        li.item
                            .bber-content
                                p.datacont= item.content
                                    if item.image
                                        .bber-content-img
                                            a.fancybox(target='_blank', rel='noopener', href=item.image, data-fancybox='gallery', data-caption)
                                                img.bber-content-image-self.entered.loading(src=item.image,data-ll-status='loading')
                            if item.music
                                .bber-music
                                    meting-js(server=item.music.server, type='song', id=item.music.id, mutex='true', preload='none', theme='var(--bywind-main)', data-lrctype='0')
                            hr
                            .bber-bottom
                                .bber-info
                                    .bber-info-time
                                        i.fa-solid.fa-calendar-days
                                        - var datedata = new Date(item.date).toISOString()

                                        time.datatime(datetime= item.date)= datedata
                                    if item.link
                                        a.bber-content-link(href=item.link, target="_blank", rel="external nofollow", title="跳转到短文指引的链接")
                                            i.fas.fa-link
                                            | 链接
                                a.bber-reply(onclick=`rm.rightMenuCommentText('${item.content}')`)
                                    i.fa-solid.fa-message

#bber-tips(style='color: var(--bywind-secondtext);')
    | - 只展示最近30条短文 -

修改themes/butterfly/layout/page.pug

1
2
3
4
5
6
7
    case page.type
      when 'tags'
        include includes/page/tags.pug
      when 'link'
        include includes/page/flink.pug
+      when 'essay'
+        include includes/page/essay.pug

新建themes/butterfly/layout/includes/bbTimeList.pug

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
#bbTimeList.bbTimeList.container
    i.bber-logo.iconfont.icon-bblogo(onclick=`pjax.loadUrl("/essay/")`,title="即刻短文",style="font-size: 2rem;")
    #bbtalk.swiper-container.swiper-no-swiping(tabindex="-1")
        #bber-talk.swiper-wrapper(onclick=`pjax.loadUrl("/essay/")`)
            each i in site.data.essay
                each item, index in i.essay_list
                    if index < 10
                        - var contentText = item.content
                        if item.image
                            - contentText= item.content + ' [图片]'
                        else if item.music
                            - contentText= item.content + ' [音乐]'
                        .li-style.swiper-slide= contentText

    i.bber-gotobb.fas.fa-arrow-circle-right(onclick=`pjax.loadUrl("/essay/")`,title="查看全文")
script(src='https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.js',data-pjax='')

引入到主页:

1
2
3
4
5
6
7
block content
  include ./includes/mixins/post-ui.pug
  #recent-posts.recent-posts
    include includes/categoryList.pug
+    include includes/bbTimeList.pug
    +postUI
    include includes/pagination.pug

引入样式：

1
2
3
4
5
inject:
  head:
+		- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.css">
+		- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/js-heo@1.0.11/bb/showbb_in_index.css">
+		- <script src="https://cdn.staticaly.com/gh/haonan15/CDN@main/source/waterfall.min.js"></script> # 瀑布流

自定义js：

1
2
3
4
5
6
7
8
9
10
if (document.querySelector('#bber-talk')) {
      var swiper = new Swiper('.swiper-container', {
        direction: 'vertical', 
        loop: true,
        autoplay: {
        delay: 3000,
        pauseOnMouseEnter: true
      },
      });
    }

导航栏

来自：安知鱼

添加自定义css nav_menu.css

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
#nav a:hover {
  background: var(--anzhiyu-main);
  transition: 0.3s;
}

#nav-totop:hover .totopbtn i {
  opacity: 1;
}
#nav-totop #percent {
  font-size: 12px;
  background: var(--anzhiyu-white);
  color: var(--anzhiyu-main);
  width: 25px;
  height: 25px;
  border-radius: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}
.nav-fixed #nav-totop #percent,
.page #nav-totop #percent {
  background: var(--font-color);
  color: var(--card-bg);
  font-size: 13px;
}

#nav-totop {
  width: 35px;
}
#page-header:not(.is-top-bar) #percent {
  transition: 0.3s;
}
#page-header:not(.is-top-bar) #nav-totop {
  width: 0;
  opacity: 0;
  transition: width 0.3s, opacity 0.2s;
  margin-left: 0 !important;
}
#nav-totop #percent {
  font-weight: 700;
}
#nav-totop:hover #percent {
  opacity: 0;
  transform: scale(1.5);
  font-weight: 700;
}
#page-header #nav #nav-right div {
  margin-left: 0.5rem;
  padding: 0;
}

#nav-totop {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}
.nav-button {
  cursor: pointer;
}
div#menus {
  display: flex;
  align-items: center;
}
#page-header #nav .nav-button a {
  height: 35px;
  width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#nav .site-page {
  padding-bottom: 0px;
}
#nav *::after {
  background-color: transparent !important;
}

/* 顶栏修改 */
#nav .menus_items .menus_item .menus_item_child li a {
  padding: 2px 16px;
}
#nav .menus_items .menus_item .menus_item_child li:hover a {
  color: white !important;
}

#nav .menus_items .menus_item .menus_item_child li {
  margin: 6px;
  border-radius: 5px;
  transition: all 0.3s;
  display: inline-block;
  margin: 0 3px;
}
#nav .menus_items .menus_item .menus_item_child:before {
  top: -19px;
}
#site-name,
.shuoshuo {
  white-space: nowrap;
  overflow: hidden;
}
#site-name {
  padding: 0 8px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}

#blog_name #site-name i {
  opacity: 0;
  position: absolute;
}

#blog_name #site-name:hover .title {
  opacity: 0;
}

#blog_name #site-name:hover i {
  opacity: 1;
  transform: scale(1.01);
  color: white;
}
/* 圆角隐藏 */
ul.menus_item_child {
  border-radius: 5px;
}

/* 一级菜单居中 */
#nav .menus_items {
  position: absolute;
  width: fit-content;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 60px;
}

#nav .menus_items .menus_item:hover .menus_item_child {
  display: block;
  transform: translateX(-50%);
  right: auto;
  left: auto !important;
  padding: 6px 4px;
  box-sizing: content-box;
  line-height: 35px;
}
#nav .menus_items .menus_item:hover {
  padding: 0 5px 27px 5px !important;
  margin-bottom: -14.5px !important;
}

#nav .menus_items .menus_item .menus_item_child {
  top: 44px;
}

@media screen and (min-width: 768px) {
  .page .menus_item:hover > a.site-page {
    color: var(--anzhiyu-white) !important;
    background: var(--anzhiyu-main);
    transition: 0.3s;
    box-shadow: var(--anzhiyu-shadow-main);
  }
}

.nav-fixed #nav {
  transform: translateY(58px) !important;
}
#nav {
  padding: 0 calc((100% - 1420px) / 2);
  backdrop-filter: saturate(180%) blur(20px);
}

#nav a {
  border-radius: 8px;
  color: var(--font-color);
}
.page #nav a:hover {
  color: var(--anzhiyu-white) !important;
  background: var(--anzhiyu-main);
  transition: 0.3s;
  box-shadow: var(--anzhiyu-shadow-main);
}

#menus > div.menus_items > div > a {
  letter-spacing: 0.3rem;
  font-weight: 700;
  padding: 0em 0.3em 0em 0.5em;
  height: 35px;
  line-height: 35px;
}
#nav .menus_items .menus_item {
  padding: 0 5px;
  display: flex;
  flex-direction: column;
  margin: auto;
  align-items: center;
}

#nav div#toggle-menu {
  padding: 2px 0 4px 6px;
}

#nav-totop .totopbtn i {
  position: absolute;
  display: flex;
  opacity: 0;
}
#page-name::before {
  font-size: 18px;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  color: white !important;
  top: 0;
  left: 0;
  content: "回到顶部";
  background-color: var(--anzhiyu-theme);
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  opacity: 0;
  box-shadow: 0 0 3px var(--anzhiyu-theme);
  line-height: 45px; /*如果垂直位置不居中可以微调此值，也可以删了*/
}
#page-name:hover:before {
  opacity: 1;
}
#name-container {
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
#name-container:hover {
  transform: translateX(-50%) scale(1.03);
}
#page-name {
  position: relative;
  padding: 10px 30px;
}

center#name-container {
  position: absolute;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  font-family: "ZhuZiAYuanJWD";
}
.nav-fixed.nav-visible #name-container {
  transition: 0.3s;
  transform: translate(-50%, 60px);
}
.nav-fixed.nav-visible #menus .menus_items {
  transform: translate(-50%);
  transition: 0.3s;
  line-height: 60px;
}
.nav-fixed #menus .menus_items {
  transform: translate(-50%, -60px);
  transition: 0.3s;
}
.nav-fixed #name-container {
  top: 15%;
  transition: 0.3s;
}
#name-container {
  bottom: 60px;
}

.mask-name-container {
  max-width: 1200px;
  width: 50%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (max-width: 992px) {
  .mask-name-container {
    width: 65%;
  }
}

@media screen and (max-width: 768px) {
  .mask-name-container {
    display: none;
  }
}
#sidebar #sidebar-menus .menus_items .site-page:hover {
  color: var(--anzhiyu-white);
  border-radius: var(--anzhiyu-border-radius);
}
#nav .menus_items .menus_item > a > i:last-child {
  display: none;
}
#nav #search-button {
  font-size: 1.3em;
}

@media screen and (min-width: 900px) {
  #nav .back-home-button:hover {
    box-shadow: var(--anzhiyu-shadow-main);
  }
}

.back-home-button:hover {
  background: var(--anzhiyu-main);
  color: var(--anzhiyu-white) !important;
}
.back-home-button {
  display: flex;
  width: 35px;
  height: 35px;
  padding: 0 !important;
  align-items: center;
  justify-content: center;
  margin-right: 4px;
  transition: 0.3s;
  border-radius: 8px;
}

.back-home-button:hover .back-menu-list-groups {
  display: flex;
  opacity: 1;
  transition: 0.3s;
  top: 55px;
  pointer-events: auto;
  left: 0;
}
.back-home-button .back-menu-list-groups {
  position: absolute;
  top: 65px;
  left: 0;
  background: var(--anzhiyu-card-bg);
  border-radius: 12px;
  border: var(--style-border);
  flex-direction: column;
  font-size: 12px;
  color: var(--anzhiyu-secondtext);
  box-shadow: var(--anzhiyu-shadow-border);
  transition: 0s;
  opacity: 0;
  pointer-events: none;
}

.back-home-button .back-menu-list-group {
  display: flex;
  flex-direction: column;
}
.back-home-button .back-menu-list-group .back-menu-list-title {
  margin: 8px 0 0 16px;
  transition: 0.3s;
}
.back-home-button .back-menu-list {
  display: flex;
  flex-direction: column;
}
.back-home-button .back-menu-list::before {
  position: absolute;
  top: -22px;
  left: 0px;
  width: 100%;
  height: 25px;
  content: "";
}

.back-home-button .back-menu-list-group:hover .back-menu-list-title {
  color: var(--anzhiyu-main);
}
.back-home-button .back-menu-list-groups:hover {
  border: var(--style-border-hover);
}
.back-home-button .back-menu-list .back-menu-item {
  display: flex;
  align-items: center;
  margin: 4px 8px;
  padding: 4px 8px !important;
  transition: 0.3s;
  border-radius: 8px;
}
.back-home-button .back-menu-list .back-menu-item .back-menu-item-text {
  font-size: var(--global-font-size);
  margin-left: 0.5rem;
  color: var(--anzhiyu-fontcolor);
  white-space: nowrap;
}
#nav #blog_name {
  flex-wrap: nowrap;
  height: 60px;
  display: flex;
  align-items: center;
  /* z-index: 102; */
  transition: 0.3s;
}
.back-home-button .back-menu-list .back-menu-item .back-menu-item-icon {
  width: 24px;
  height: 24px;
  border-radius: 24px;
  background: var(--anzhiyu-secondbg);
}
#page-header #nav .back-home-button {
  cursor: pointer;
  position: relative;
}

@media screen and (min-width: 1300px) {
  #nav a:hover {
    transform: scale(1.03);
  }
}
.back-home-button .back-menu-list .back-menu-item:hover .back-menu-item-text {
  color: var(--anzhiyu-white);
}
.back-menu-item-icon.loading img {
  width: 25px;
}

#page-header #nav #menus .nav-button.long a.totopbtn,
#page-header #nav #menus .nav-button.long,
#page-header #nav #menus .nav-button.long a.totopbtn span {
  width: 70px;
}
#page-header #nav #menus .nav-button.long a.totopbtn span {
  border-radius: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
  white-space: nowrap;
}

#page-header #nav #menus .nav-button.long a.totopbtn:hover {
  border-radius: 35px;
  height: 30px;
}

#nav #search-button {
  padding-left: 0;
}
#page-header #nav .nav-button {
  margin-left: 0.5rem;
  padding: 0;
}
#page-header:not(.is-top-bar) #nav-totop a {
  display: none;
}
#search-button a.site-page.social-icon.search span {
  display: none;
}

颜色css：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
/* 颜色 */
:root {
  --anzhiyu-theme-op: #4259ef23;
  --anzhiyu-white: #fff;
  --anzhiyu-black: #000;
  --anzhiyu-none: rgba(0, 0, 0, 0);
  --anzhiyu-gray: #999999;
  --anzhiyu-yellow: #ffc93e;
  --anzhiyu-border-radius: 8px;
  --anzhiyu-main: var(--anzhiyu-theme);
  --anzhiyu-main-op: var(--anzhiyu-theme-op);
  --anzhiyu-shadow-theme: 0 8px 12px -3px var(--anzhiyu-theme-op);
  --anzhiyu-shadow-main: 0 8px 12px -3px var(--anzhiyu-main-op);
  --anzhiyu-shadow-blue: 0 8px 12px -3px rgba(40, 109, 234, 0.2);
  --anzhiyu-shadow-white: 0 8px 12px -3px rgba(255, 255, 255, 0.2);
  --anzhiyu-shadow-black: 0 0 12px 4px rgba(0, 0, 0, 0.05);
  --anzhiyu-shadow-yellow: 0px 38px 77px -26px rgba(255, 201, 62, 0.12);
  --anzhiyu-shadow-red: 0 8px 12px -3px #ee7d7936;
  --anzhiyu-shadow-green: 0 8px 12px -3px #87ee7936;
  --anzhiyu-shadow-border: 0 8px 16px -4px #2c2d300c;
  --anzhiyu-logo-color: linear-gradient(215deg, #4584ff 30%, #ff7676 70%);
  --style-border: 1px solid var(--anzhiyu-card-border);
  --anzhiyu-blue-main: #ff7a7a;
  --style-border-hover: 1px solid var(--anzhiyu-main);
  --style-border-dashed: 1px dashed var(--anzhiyu-theme-op);
  --style-border-avatar: 4px solid var(--anzhiyu-background);
  --style-border-always: 1px solid var(--anzhiyu-card-border);
  --anzhiyu-white-acrylic1: #fefeff !important;
  --anzhiyu-white-acrylic2: #fcfdff !important;
  --anzhiyu-black-acrylic2: #08080a !important;
  --anzhiyu-black-acrylic1: #0b0b0e !important;
}

[data-theme="light"] {
  --anzhiyu-theme: #ff7a7a;
  --anzhiyu-theme-op: #4259ef23;
  --anzhiyu-blue: #ff7a7a;
  --anzhiyu-red: #d8213c;
  --anzhiyu-pink: #ff7a7a;
  --anzhiyu-green: #57bd6a;
  --anzhiyu-fontcolor: #363636;
  --anzhiyu-background: #f7f9fe;
  --anzhiyu-reverse: #000;
  --anzhiyu-maskbg: rgba(255, 255, 255, 0.6);
  --anzhiyu-maskbgdeep: rgba(255, 255, 255, 0.85);
  --anzhiyu-hovertext: var(--anzhiyu-theme);
  --anzhiyu-ahoverbg: #f7f7fa;
  --anzhiyu-lighttext: var(--anzhiyu-main);
  --anzhiyu-secondtext: rgba(60, 60, 67, 0.6);
  --anzhiyu-scrollbar: rgba(60, 60, 67, 0.4);
  --anzhiyu-card-btn-bg: #edf0f7;
  --anzhiyu-post-blockquote-bg: #fafcff;
  --anzhiyu-post-tabs-bg: #f2f5f8;
  --anzhiyu-secondbg: #edf0f7;
  --anzhiyu-shadow-nav: 0 5px 12px -5px rgba(102, 68, 68, 0.05);
  --anzhiyu-card-bg: #fff;
  --anzhiyu-shadow-lightblack: 0 5px 12px -5px rgba(102, 68, 68, 0);
  --anzhiyu-shadow-light2black: 0 5px 12px -5px rgba(102, 68, 68, 0);
  --anzhiyu-card-border: #c0c6d8;
}

[data-theme="dark"] {
  --anzhiyu-theme: #0084ff;
  --anzhiyu-theme-op: #0084ff23;
  --anzhiyu-blue: #0084ff;
  --anzhiyu-red: #ff3842;
  --anzhiyu-pink: #ff7a7a;
  --anzhiyu-green: #57bd6a;
  --anzhiyu-fontcolor: #f7f7fa;
  --anzhiyu-background: #18171d;
  --anzhiyu-reverse: #fff;
  --anzhiyu-maskbg: rgba(0, 0, 0, 0.6);
  --anzhiyu-maskbgdeep: rgba(0, 0, 0, 0.85);
  --anzhiyu-hovertext: #0a84ff;
  --anzhiyu-ahoverbg: #fff;
  --anzhiyu-lighttext: #f2b94b;
  --anzhiyu-secondtext: #a1a2b8;
  --anzhiyu-scrollbar: rgba(200, 200, 223, 0.4);
  --anzhiyu-card-btn-bg: #30343f;
  --anzhiyu-post-blockquote-bg: #000;
  --anzhiyu-post-tabs-bg: #121212;
  --anzhiyu-secondbg: #30343f;
  --anzhiyu-shadow-nav: 0 5px 20px 0px rgba(28, 28, 28, 0.4);
  --anzhiyu-card-bg: #1d1b26;
  --anzhiyu-shadow-lightblack: 0 5px 12px -5px rgba(102, 68, 68, 0);
  --anzhiyu-shadow-light2black: 0 5px 12px -5px rgba(102, 68, 68, 0);
  --anzhiyu-card-border: #42444a;
}

js：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
// 返回顶部 显示网页阅读进度
window.onscroll = percent; // 执行函数
// 页面百分比
function percent() {
  let a = document.documentElement.scrollTop || window.pageYOffset, // 卷去高度
    b =
      Math.max(
        document.body.scrollHeight,
        document.documentElement.scrollHeight,
        document.body.offsetHeight,
        document.documentElement.offsetHeight,
        document.body.clientHeight,
        document.documentElement.clientHeight
      ) - document.documentElement.clientHeight, // 整个网页高度 减去 可视高度
    result = Math.round((a / b) * 100), // 计算百分比
    btn = document.querySelector("#percent"); // 获取图标

  result <= 99 || (result = 99), (btn.innerHTML = result);
}

document.getElementById("page-name").innerText = document.title.split(" | name")[0];

修改本地themes/butterfly/source/js/main.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
  window.scrollCollect = () => {
        return btf.throttle(function (e) {
          const currentTop = window.scrollY || document.documentElement.scrollTop
          const isDown = scrollDirection(currentTop)
          if (currentTop > 56) {
+           $header.classList.add('is-top-bar')
            if (isDown) {
              if ($header.classList.contains('nav-visible')) $header.classList.remove('nav-visible')
              if (isChatBtnShow && isChatShow === true) {
                chatBtnHide()
                isChatShow = false
              }
            } else {
              if (!$header.classList.contains('nav-visible')) $header.classList.add('nav-visible')
              if (isChatBtnHide && isChatShow === false) {
                chatBtnShow()
                isChatShow = true
              }
            }
            $header.classList.add('nav-fixed')
            if (window.getComputedStyle($rightside).getPropertyValue('opacity') === '0') {
              $rightside.style.cssText = 'opacity: 0.8; transform: translateX(-58px)'
            }
          } else {
            if (currentTop === 0) {
-             $header.classList.remove('nav-fixed', 'nav-visible')
+             $header.classList.remove('is-top-bar')
            }
            $rightside.style.cssText = "opacity: ''; transform: ''"
          }

          if (document.body.scrollHeight <= innerHeight) {
            $rightside.style.cssText = 'opacity: 0.8; transform: translateX(-58px)'
          }
        }, 200)()
      }

修改themes/butterfly/layout/includes/header/index.pug

1
2
3
4
5
6
7
8
9
  if top_img !== false
    - var imgSource = top_img && top_img.indexOf('/') !== -1 ? `background-image: url('${url_for(top_img)}')` : `background: ${top_img}`
    - var bg_img = top_img ? imgSource : ''
    - var site_title = page.title || page.tag || page.category || config.title
-   - var isHomeClass = is_home() ? 'full_page' : 'not-home-page'
+   - var isHomeClass = is_home() ? 'full_page nav-fixed nav-visible' : 'not-home-page'
    - is_post() ? isHomeClass = 'post-bg' : isHomeClass
  else
    - var isHomeClass = 'not-top-img'

替换themes/butterfly/layout/includes/header/nav.pug

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
- const { darkmode } = theme
nav#nav
  span#blog_name
    .back-home-button(tabindex='-1')
      i.back-home-button-icon.fas.fa-grip-vertical
      .back-menu-list-groups
        .back-menu-list-group
          .back-menu-list-title 网页
          .back-menu-list
            a.back-menu-item(href='/', title='前往博客主页', target='_blank', one-link-mark='yes')
              img.back-menu-item-icon(src='https://img02.anzhiy.cn/adminuploads/1/2022/09/05/6315ec9737ac4.png')
              span.back-menu-item-text 博客
            a.back-menu-item(href='https://www.cloud.anzhiy.cn/', rel='external nofollow', title='前往云盘主页', target='_blank', one-link-mark='yes')
              img.back-menu-item-icon(src='https://img02.anzhiy.cn/adminuploads/1/2022/09/15/63232b7d91d22.jpg')
              span.back-menu-item-text 云盘主页
            a.back-menu-item(href='https://cloud.anzhiy.cn/', rel='external nofollow', title='前往安知鱼云盘', target='_blank', one-link-mark='yes')
              img.back-menu-item-icon(src='https://img02.anzhiy.cn/adminuploads/1/2022/04/27/6268e7d9de532.png')
              span.back-menu-item-text 安知鱼云盘
        .back-menu-list-group
          .back-menu-list-title 项目
          .back-menu-list
            a.back-menu-item(href='http://blgou.net/#/main/home', title='查看德信官网', target='_blank', rel='noopener nofollow', one-link-mark='yes')
              img.back-menu-item-icon(src='https://img02.anzhiy.cn/adminuploads/1/2022/09/15/6322cd942dbd9.png')
              span.back-menu-item-text 德信官网

    a#site-name(href=url_for('/'))
      .title #[=config.title]
      i.fa-solid.fa-house

  div.mask-name-container
    center(id="name-container")
      a(id="page-name" href="javascript:rmf.scrollToTop()") PAGE_NAME

  #menus
    if (theme.algolia_search.enable || theme.local_search.enable)
      div.nav-button#search-button
        a.site-page.social-icon.search
          i.fas.fa-search.fa-fw
          span=' '+_p('search.title')

    if darkmode.enable && darkmode.button
      div.nav-button#darkmode_navswitch
        a.darkmode_switchbutton(type="button" title=_p('rightside.night_mode_title') onclick="rmf.switchDarkMode()")
          i.fas.fa-adjust

    div.nav-button#nav-totop
      a.totopbtn
        i.fas.fa-arrow-up
        span#percent(onclick="btf.scrollToDest(0,500)") 0


    !=partial('includes/header/menu_item', {}, {cache: true})

    #toggle-menu
      a.site-page
        i.fas.fa-bars.fa-fw

页脚

修改themes/butterfly/layout/includes/footer.pug文件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
#footer_deal
  a.deal_link(href="" title="mail")
    i.iconfont.icon-mail
  a.deal_link(href="" title="qq" target="_blank")
    i.iconfont.icon-qq1
  a.deal_link(href="" title="微博" target="_blank")
    i.iconfont.icon-weibo1
  a.deal_link(href="https://github.com/JayHrn" title="github"  target="_blank")
    i.iconfont.icon-github1
  img.footer_mini_logo.entered.loading(style="border-radius:50%" src='图片路径' onclick="btf.scrollToDest(0,500)" title="返回顶部")
  a.deal_link(href="" title="dribbble")
    i.iconfont.icon-dribbble_F
  a.deal_link(href="" title="facebook" target="_blank")
    i.iconfont.icon-facebook1
  a.deal_link(href="" title="Twitter" target="_blank")
    i.iconfont.icon-twitter
  a.deal_link(href="" title="Telegram" target="_blank")
    i.iconfont.icon-telegram
#Jay-footer
  .footer-group
    h3.footer-title 直达
    .footer-links
      a.footer-item(href="https://www.jayhrn.com" target="_blank") 我的主页
      a.footer-item(href="/music") 音乐欣赏
      a.footer-item(href="/harbour") 心灵港湾
      a.footer-item(href="/random.html") 随机文章
  .footer-group
    h3.footer-title 分类
    .footer-links
      a.footer-item(href="/categories/📚学习笔记/") 学习笔记
      a.footer-item(href="/categories/🦋魔改教程/") 魔改教程
      a.footer-item(href="/categories/🌈算法笔记/") 算法笔记
      a.footer-item(href="/categories/📙语法教程/") 语法教程
  .footer-group
    h3.footer-title 关于
    .footer-links
      a.footer-item(href="/about/") 关于我
      a.footer-item(href="/charts/") 博客统计
      a.footer-item(href="/archives") 文章归档
      a.footer-item(href="/update") 更新记录
  .footer-group
    h3.footer-title 友链
    .footer-links#friend-links-in-footer
  .footer-group
    h3.footer-title 协议
    .footer-links
      a.footer-item(href="/privacy/") 隐私协议
      a.footer-item(href="/cookies/") Cookie
      a.footer-item(href="/cc/") 版权协议
#footer-banner
  .footer-banner-links
    .footer-banner-left
      .footer-banner-left
        #footer-banner-tips
        script(src='https://cdn.jsdelivr.net/npm/typed.js/lib/typed.min.js')
        script.
          var typed = new Typed("#footer-banner-tips", {
            strings: ["念念不忘，必有回响。", "Never forget, there will be echoes."],
            startDelay: 200,
            backDelay: 2000,
            typeSpeed: 100,
            loop: true,
            backSpeed: 20
          })

    .footer-banner-right
      a.footer-banner-link(href="https://hexo.io/zh-cn/" title="Hexo") 框架
      a.footer-banner-link |
      a.footer-banner-link(href="https://github.com/jerryc127/hexo-theme-butterfly" title="theme") 主题
      a.footer-banner-link |
      a.footer-banner-link(href="/atom.xml" title="RSS") 订阅
      a.footer-banner-link |
      a.footer-banner-link(href="/about/" title="about") 关于
      a.footer-banner-link |
      a.footer-banner-link.cc(href="/cc/" title="cc协议")
        i.iconfont.icon-cc
        span 协议

引入：

1
2
3
inject:
  head:
+    - <script src="https://at.alicdn.com/t/c/font_3570527_dthoqrrv2tv.css"></script>

css：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
#footer-wrap {
    color: var(--Jay-fontcolor)
}

#footer-wrap a {
    color: var(--Jay-fontcolor);
    height: 44px;
    line-height: 36px
}

#footer-wrap a:hover {
    color: var(--Jay-hovertext);
    background-color: var(--Jay-none)
}

div#footer_deal {
    justify-content: center;
    display: flex;
    padding-top: 2rem;
    align-items: center
}

@media screen and (max-width: 768px) {
    img.footer_mini_logo {
        display: none
    }

    div#footer_deal {
        flex-wrap: wrap;
        flex-direction: row
    }
}


a.deal_link {
    display: flex;
    margin: 1rem 27px;
    color: var(--Jay-card-bg);
    border-radius: 3rem;
    width: 32px;
    height: 32px;
    background: var(--font-color);
    justify-content: center;
    align-items: center;
    transition: .3s
}

a.deal_link:hover {
    color: var(--Jay-white);
    background: var(--Jay-main)
}

img.footer_mini_logo {
    width: 50px;
    height: 50px;
    margin: 0 1rem;
    cursor: pointer;
    /*filter: drop-shadow(0 12px 12px #ee7d7936);*/
    transition: cubic-bezier(0, 0, 0, 1.29) .5s
}

img.footer_mini_logo:hover {
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d
}

@media screen and (min-width: 1300px) {
    img.footer_mini_logo:hover {
        transform: scale(1.03)
    }

    img.footer_mini_logo:active {
        transform: scale(.97)
    }
}

#weblogo {
    align-self: center
}

#footer-wrap a#Jayblog_footerlogo:hover {
    background: var(--Jay-none)
}

.Jayblog_footerlogo_img {
    filter: drop-shadow(0 12px 12px #ee7d7936)
}

.Jayblog_footerlogo_img:hover {
    transform: scale(1.03)
}

#footer {
    background: linear-gradient(180deg, var(--Jay-background) 0, var(--Jay-card-bg) 25%);
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    z-index: 1002
}

@media screen and (max-width: 768px) {
    #footer {
        background: linear-gradient(180deg, var(--Jay-background) 0, var(--Jay-card-bg) 25%);
        margin-top: 0;
        z-index: 999
    }
}

[data-theme=dark] #footer:before, [data-theme=dark] #page-header:before, [data-theme=dark] #web_bg:before {
    background-color: var(--Jay-none) !important
}

@media screen and (max-width: 768px) {
    #letlink {
        flex-direction: column !important;
        text-align: center !important
    }

    #letlogo {
        display: none !important
    }

    #footer-wrap {
        margin-top: 1rem !important
    }
}

.footer-banner-right {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

#footer-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 20px 50px 0 50px;
    text-align: left !important;
    max-width: 1200px;
    margin: 0 auto
}

#footer-wrap h1 {
    font-size: 1.5rem;
    margin: 0
}

#footer-wrap h3 {
    padding: 0 12px
}

#footer-wrap p {
    margin: 0 0 0 .2rem;
    font-size: .8rem;
    opacity: .8
}

#footer-wrap i {
    margin-right: .5rem;
    width: 22px;
    font-size: 18px;
    display: inline-block
}

#footer-wrap #letlogo {
    display: flex;
    flex-direction: column;
    /*margin-right: 60px;*/
    align-self: center;
    margin: auto 0;
    max-width: 200px
}

#footer-wrap #letlink .link_group {
    display: flex;
    flex-direction: column;
    margin-right: 20px;
    min-width: 180px
}

#footer-wrap #letlink {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin: 0 0 1rem 0
}

#weblogo i {
    font-size: 2rem;
    line-height: 2rem;
    letter-spacing: -10px
}

#footer:before {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    content: '' !important;
    z-index: -1
}

#Jay-footer .footer-links {
    display: flex;
    flex-direction: column
}

#Jay-footer {
    display: flex;
    flex-direction: row;
    width: 100%;
    max-width: 1200px;
    margin: 1rem auto;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 3rem;
    padding: 0 1rem
}

#Jay-footer .footer-item {
    font-size: 1rem;
    line-height: .8rem;
    margin: .38rem 0;
    color: var(--Jay-fontcolor);
    /*margin-right: auto*/
}

#Jay-footer .footer-item:hover {
    color: var(--Jay-theme)
}

#Jay-footer .footer-group {
    min-width: 120px
}

#Jay-footer .footer-title {
    color: var(--Jay-secondtext);
    font-size: 1rem
}

#footer-banner {
    padding: 1rem;
    color: var(--Jay-fontcolor);
    margin-top: 1rem;
    background: var(--Jay-secondbg);
    display: flex;
    overflow: hidden;
    z-index: 1002;
    transition: .3s;
    /*border-top: var(--style-border)*/
}

[data-theme=dark] #footer-banner {
    background: var(--Jay-secondbg)
}

#footer-banner .footer-banner-links {
    display: flex;
    justify-content: space-between;
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    flex-wrap: wrap;
    align-items: center;
}

#footer-banner .footer-banner-left {
    display: flex;
    flex-wrap: wrap;
    min-height: 32px
}

#footer-banner .footer-banner-link {
    margin-right: 1rem;
    color: var(--Jay-fontcolor);
    font-size: 1rem;
    font-weight: 700;
    white-space: nowrap
}

#footer-banner .footer-banner-link.cc {
    margin-right: 0
}

#footer-banner .footer-banner-link.cc i {
    margin-right: .5rem
}

#footer-banner .footer-banner-link:hover {
    color: var(--Jay-theme)
}

#footer-banner > div > div.footer-banner-left > span {
    margin-right: 1rem
}

#footer-banner .footer-banner-right a:hover {
    color: var(--Jay-lighttext)
}

#footer_deal i {
    font-size: 1.6rem;
    transition: .3s;
    line-height: 1.3rem;
    height: 1.3rem
}

关于页

新建 themes/butterfly/layout/includes/page/about.pug

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
#about-page
  .author-box
    .author-img
      img.no-lightbox(src='https://img02.anzhiy.cn/adminuploads/1/2022/09/15/63232b7d91d22.jpg')
    .image-dot
  p.p.center.logo.large 关于我
  p.p.center.small 生活明朗，万物可爱✨
  .author-content
    .author-content-item.myInfoAndSayHello
      .title1 你好，很高兴认识你👋
      .title2
        | 我叫
        span.inline-word 陈志伟
      .title1
        | 是一名 前端工程师、学生、独立开发者、
        span.inline-word 博主
    .aboutsiteTips.author-content-item
      .author-content-item-tips 追求
      h2
        | 源于
        br
        | 热爱而去
        span.inline-word 感受
        .mask
          span.first-tips 学习
          |
          span 生活
          |
          span(data-up) 程序
          |
          span(data-show) 体验

  .hello-about
    .cursor(style='translate:none;rotate:none;scale:none;transform:translate(721px,180px)')
    .shapes
      .shape.shape-1(style='translate:none;rotate:none;scale:none;transform:translate(721px,180px)')
      .shape.shape-2(style='translate:none;rotate:none;scale:none;transform:translate(721px,180px)')
      .shape.shape-3(style='translate:none;rotate:none;scale:none;transform:translate(721px,180px)')
    .content
      h1 Hello there!

  .author-content
    .author-content-item.skills
      .card-content
        .author-content-item-tips 技能
        span.author-content-item-title 开启创造力
        .skills-style-group
          .tags-group-all
            .tags-group-wrapper
              each i in site.data.creativity
                - const evenNum = i.creativity_list.filter((x, index) => index % 2 === 0);
                - const oddNum = i.creativity_list.filter((x, index) => index % 2 === 1);
                each item, index in i.creativity_list
                  if ((index+1 <= evenNum.length) && (index+1 <= oddNum.length))
                    .tags-group-icon-pair
                      .tags-group-icon(style=`background: ${evenNum[index].color}`)
                        img.no-lightbox(title=evenNum[index].name, src=evenNum[index].icon)
                      .tags-group-icon(style=`background: ${oddNum[index].color}`)
                        img.no-lightbox(title=oddNum[index].name, src=oddNum[index].icon)
          .skills-list
            each i in site.data.creativity
              each item, index in i.creativity_list
                .skill-info
                  .skill-icon(style=`background: ${item.color}`)
                    img.no-lightbox(title=item.name, src=item.icon)
                  .skill-name
                    span=item.name
            .etc ...
    .author-content-item.careers
      .card-content
        .author-content-item-tips 生涯
        span.author-content-item-title 无限进步
        .careers-group
          .careers-item
            .circle(style='background:#357ef5')
            .name EDU,软件工程专业
        img.author-content-img.no-lightbox(alt='生涯', src='https://img02.anzhiy.cn/adminuploads/1/2022/09/26/6330e9bcc39cc.png')

  .author-content
    .about-statistic.author-content-item
      .card-content
        .author-content-item-tips 数据
        span.author-content-item-title 访问统计
        #statistic
        .post-tips
          | 统计信息来自
          a(href='https://invite.51.la/1NzKqTeb?target=V6', target='_blank', rel='noopener nofollow') 51la网站统计
        .banner-button-group
          a.banner-button(onclick='pjax.loadUrl("/archives/")', data-pjax-state)
            i.fas.fa-circle-arrow-up-right
            |
            span.banner-button-text 文章隧道
    .author-content-item-group.column.mapAndInfo
      .author-content-item.map.single
        span.map-title
          | 我现在住在
          b 中国，长沙市
      .author-content-item.selfInfo.single
        div
          span.selfInfo-title 生于
          |
          span.selfInfo-content#selfInfo-content-year(style='color:#43a6c6') 2002
        div
          span.selfInfo-title 湖南信息学院
          |
          span.selfInfo-content(style='color:#c69043') 软件工程
        div
          span.selfInfo-title 现在职业
          |
          span.selfInfo-content(style='color:#b04fe6') 大三学生👨‍🎓

  .author-content
    .author-content-item.personalities
      .author-content-item-tips 性格
      span.author-content-item-title 执政官
      .title2(style='color:#ac899c') ESFJ-A
      .post-tips
        | 在
        a(href='https://www.16personalities.com/', target='_blank', rel='noopener nofollow') 16personalities
        |  了解更多关于
        a(target='_blank', rel='noopener external nofollow', href='https://www.16personalities.com/ch/esfj-%E4%BA%BA%E6%A0%BC') 执政官
      .image
        img.no-lightbox(src='https://npm.elemecdn.com/anzhiyu-blog@2.0.8/img/svg/ESFJ-A.svg')
    .author-content-item.myphoto
      img.author-content-img.no-lightbox(alt='自拍', src='https://img02.anzhiy.cn/adminuploads/1/2022/09/24/632e9643611ec.jpg')

  .author-content
    .author-content-item.maxim
      .author-content-item-tips 座右铭
      span.maxim-title
        span(style='opacity:.6;margin-bottom:8px') 生活明朗，
        |
        span 万物可爱。
    .author-content-item.buff
      .card-content
        .author-content-item-tips 特长
        span.buff-title
          span(style='opacity:.6;margin-bottom:8px')
            | 脑回路新奇的
            span.inline-word 酸菜鱼
          |
          span
            | 二次元指数
            span.inline-word MAX
      .card-background-icon
        i.fas.fa-dice-d20

  .author-content
    .author-content-item.game-yuanshen
      .card-content
        .author-content-item-tips 爱好游戏
        span.author-content-item-title 原神
        .content-bottom
          .icon-group
            .loading-bar(role='presentation', aria-hidden='true')
              img.no-lightbox(src='https://yuanshen.site/imgs/loading-bar.png', alt='Loading...', longdesc='https://ys.mihoyo.com/main/')
          .tips.game-yuanshen-uid UID: 125766904
    .author-content-item.comic-content
      .card-content
        .author-content-item-tips 爱好番剧
        span.author-content-item-title 紫罗兰的永恒花园
        .content-bottom
          .banner-button-group
            a.banner-button(onclick='window.open("https://www.bilibili.com/bangumi/play/ep173286?from=search&seid=10927182858100936967&from_spmid=666.25.episode.0")', data-pjax-state)
              i.fas.fa-circle-arrow-up-right
              |
              span.banner-button-text 立即追番

  .author-content
    .author-content-item.like-technology
      .card-content
        .author-content-item-tips 关注偏好
        span.author-content-item-title 数码科技
        .content-bottom
          .tips 手机、电脑软硬件
    .author-content-item.like-music
      .card-content
        .author-content-item-tips 音乐偏好
        span.author-content-item-title 许嵩、民谣、
        |
        span.author-content-item-title 华语流行
        .content-bottom
          .tips 跟 安知鱼 一起欣赏更多音乐
        .banner-button-group
          a.banner-button(onclick='pjax.loadUrl("/music/")', data-pjax-state)
            i.fas.fa-circle-arrow-up-right
            |
            span.banner-button-text 更多推荐

  .author-content
    .create-site-post.author-content-item.single
      .author-content-item-tips 心路历程
      | 欢迎来到我的博客 😝，这里是我记笔记的地方 🙌，目前就读于长沙
      strong 湖南信息学院
      | 的
      strong 软件工程
      | 专业，虽然有时候常常会忘记更新笔记，咕咕 ✋~ 但是记笔记真的是一个很棒的习惯 💪，能把学下来的知识进行积累，沉淀，有一句话说的好，能教给别人的知识，才是真正学会了的知识 ⚡ 每周我都会尽量进行更新 ☁️，如果没更的话，可能是我忘了，也可能是我在钻研某个东西的时候太入迷了
      psw 肯定又熬夜了
      del 同学们不要学我，老是熬夜会长痘
      |  给大家推荐一部番：
      .site-card-group
        a.site-card(target='_blank', href='https://www.bilibili.com/bangumi/play/ss21542/?from=search&seid=10927182858100936967', data-title='紫罗兰的永恒花园')
          .wrapper.cover
            img.cover.fadeIn(src='https://npm.elemecdn.com/anzhiyu-blog@1.1.6/img/post/common/violet.jpg')
          .info
            img.flink-avatar(src='https://static.hdslb.com/images/favicon.ico', style='top: 19px')
            span.site-title 紫罗兰的永恒花园
      | 因为这部番，2018 年的一个夏天我看完以后心情久久不能释怀，为薇尔莉特与爱感到一种说不上来的味道，多年以后在看这部番，才明白原来这就是爱，喜欢这部番不仅仅是因为它制作的用心，不论是人物细节还是场景细节，不管是 op 还是 ed 都非常好听，最后的结局或许才是让我不能忘怀的原因，薇尔莉特，希望收到来自家人，朋友，恋人的那封 "信" ~
      .checkbox.blue.checked
        input(type='checkbox', checked)
        p
          | 致力于成为一个前端小姥🐷
          img.inline-img(src='https://cdn.jsdelivr.net/gh/volantis-x/cdn-emoji/aru-l/0000.gif/' data-fancybox='gallery', style='display: inline;margin: 0 3px;height: 1.1em;vertical-align: text-bottom;')
      .checkbox.blue.checked
        input(type='checkbox', checked)
        p
          | 又菜又爱玩🎮
          kbd ctrl
          |  +
          kbd C
          | 、
          kbd ctrl
          |  +
          kbd V
          | 高级CV工程师🏆
      .checkbox.times.red.checked
        input(type='checkbox', checked)
        p 擅长PS、Pr、Ae、Au、Ai、Dw、An、Id等软件的安装与卸载🎃
      .checkbox.times.red.checked
        input(type='checkbox', checked)
        p 精通Html、CSS、JavaScript、Vue、React、PHP、Java、Python、C、C++、C#、Go、TypeScript等单词的拼写🎲
      .checkbox.times.red.checked
        input(type='checkbox', checked)
        p 熟悉Windows、Linux、Mac、Android、IOS等系统的开关机👻
      span.p.h3 todoList
      .checkbox.checked
        input(type='checkbox', checked)
        p 原生微信小程序
      .checkbox.checked
        input(type='checkbox', checked)
        p vue3、vite、 pinia
      .checkbox.checked
        input(type='checkbox', checked)
        p 重装文档重写
      .checkbox
        input(type='checkbox')
        p Electron
      .checkbox
        input(type='checkbox')
        p 操作系统
      .checkbox.canvas
        input(type='checkbox')
        p svg绘制
      .checkbox
        input(type='checkbox')
        p threeJS
      .checkbox.Nuxt
        input(type='checkbox')
        p Next
      .checkbox
        input(type='checkbox')
        p Flutter
      .checkbox
        input(type='checkbox')
        p 智慧城市大前端
      .checkbox
        input(type='checkbox')
        p react18系统学习
      .checkbox
        input(type='checkbox')
        p 工业企业生产管理
      .checkbox
        input(type='checkbox')
        p 语言的魅力

  .author-content
    .author-content-item.single.reward
      .author-content-item-tips 致谢
      span.author-content-item-title 赞赏名单
      .author-content-item-description 感谢因为有你们，让我更加有创作的动力。
        each i in site.data.reward
          - let rawData = [...i.reward_list]
          .reward-list-all
            - let reward_list_amount = i.reward_list.sort((a,b)=>b.amount -  a.amount)
            each item, index in reward_list_amount
              .reward-list-item
                .reward-list-item-name=item.name
                .reward-list-bottom-group
                  if item.amount >= 50
                    .reward-list-item-money(style='background:var(--anzhiyu-yellow)')=`¥${item.amount}`
                  else
                    .reward-list-item-money=`¥${item.amount + (item.suffix ? item.suffix : "")}`
                  .datatime.reward-list-item-time(datatime=item.datatime)=new Date(item.datatime).toISOString().slice(0, -14)
          .reward-list-updateDate
            | 最新更新时间：
            time.datatime.reward-list-updateDate-time(datatime=rawData[0].datatime)=new Date(rawData[0].datatime).toISOString().slice(0, -14)
      .post-reward
        button.tip-button.reward-button
          span.tip-button__text 不给糖果就捣蛋
          .coin-wrapper
            .coin
              .coin__middle
              .coin__back
              .coin__front
          .reward-main
            ul.reward-all
              li.reward-item
                a(href='https://npm.elemecdn.com/anzhiyu-blog@1.1.6/img/post/common/qrcode-weichat.png', target='_blank')
                  img.post-qr-code-img(alt='wechat', src='https://npm.elemecdn.com/anzhiyu-blog@1.1.6/img/post/common/qrcode-weichat.png')
                .post-qr-code-desc wechat
              li.reward-item
                a(href='https://npm.elemecdn.com/anzhiyu-blog@1.1.6/img/post/common/qrcode-alipay.png', target='_blank')
                  img.post-qr-code-img(alt='alipay', src='https://npm.elemecdn.com/anzhiyu-blog@1.1.6/img/post/common/qrcode-alipay.png')
                .post-qr-code-desc alipay

script(src=url_for(theme.CDN.option.countup_js))
script.
  (() => {
    function isInViewPortOfOne(el) {
      if (!el) return;
      const viewPortHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
      const offsetTop = el.offsetTop;
      const scrollTop = document.documentElement.scrollTop;
      const top = offsetTop - scrollTop;
      return top <= viewPortHeight;
    }
    fetch('https://v6-widget.51.la/v6/{掩码ID}/quote.js').then(res => res.text()).then((data) => {
        let title = ['最近活跃', '今日人数', '今日访问', '昨日人数', '昨日访问', '本月访问', '总访问量']
        let num = data.match(/(<\/span><span>).*?(\/span><\/p>)/g)

        num = num.map((el) => {
          let val = el.replace(/(<\/span><span>)/g, '')
          let str = val.replace(/(<\/span><\/p>)/g, '')
          return str
        })

        let statisticEl = document.getElementById('statistic')

        // 自定义不显示哪个或者显示哪个，如下为不显示 最近活跃访客 和 总访问量
        let statistic = []
        for (let i = 0; i < num.length; i++) {
            if (!statisticEl) return
            if (i == 0 || i == num.length - 1) continue;
            statisticEl.innerHTML += '<div><span>' + title[i] + '</span><span id='+ title[i] + '>' + num[i] + '</span></div>'
            queueMicrotask(()=> {
              statistic.push(new CountUp(title[i], 0, num[i], 0, 2, {
                  useEasing: true,
                  useGrouping: true,
                  separator: ',',
                  decimal: '.',
                  prefix: '',
                  suffix: ''
              }))
            })
        }

        function statisticUP () {
          let statisticElment = document.querySelector('.about-statistic.author-content-item');
          if(isInViewPortOfOne(statisticElment)) {
            for (let i = 0; i < num.length; i++) {
              if (i == 0 || i == num.length - 1) continue;
              statistic[i-1].start();
            }
            document.removeEventListener('scroll', throttleStatisticUP);
          }
        }

        const selfInfoContentYear = new CountUp('selfInfo-content-year', 0, 2002, 0, 2, {
          useEasing: true,
          useGrouping: false,
          separator: ',',
          decimal: '.',
          prefix: '',
          suffix: ''
        })

        function scrollSelfInfoContentYear() {
          let selfInfoContentYearElment = document.querySelector('.author-content-item.selfInfo.single');
          if (selfInfoContentYearElment && isInViewPortOfOne(selfInfoContentYearElment)) {
            selfInfoContentYear.start()
            document.removeEventListener('scroll', throttleScrollSelfInfoContentYear);
          }
        }
        const throttleStatisticUP = btf.throttle(statisticUP, 200)
        document.addEventListener('scroll', throttleStatisticUP, {passive: true})

        const throttleScrollSelfInfoContentYear = btf.throttle(scrollSelfInfoContentYear, 200)
        document.addEventListener('scroll', throttleScrollSelfInfoContentYear, {passive: true})
    });

    var pursuitInterval = null;
      pursuitInterval = setInterval(function () {
        const show = document.querySelector('span[data-show]')
        const next = show.nextElementSibling || document.querySelector('.first-tips')
        const up = document.querySelector('span[data-up]')

        if (up) {
          up.removeAttribute('data-up')
        }

        show.removeAttribute('data-show')
        show.setAttribute('data-up', '')

        next.setAttribute('data-show', '')
      }, 2000)

      document.addEventListener('pjax:send', function(){
        clearInterval(pursuitInterval);
      });

      var helloAboutEl = document.querySelector('.hello-about')
      helloAboutEl.addEventListener("mousemove", evt => {
        const mouseX = evt.offsetX;
        const mouseY = evt.offsetY;
        gsap.set(".cursor", {
          x: mouseX,
          y: mouseY,
        })

        gsap.to(".shape", {
          x: mouseX,
          y: mouseY,
          stagger: -0.1
        })
      })
  })()

inject引入：

1
2
3
4
5
6
bottom:
  # 51la统计&灵雀统计
+  - <script charset="UTF-8" id="LA_COLLECT" src="https://sdk.51.la/js-sdk-pro.min.js"></script>
+  - <script src="https://sdk.51.la/perf/js-sdk-perf.min.js" crossorigin="anonymous"></script>
+  - <script> LA.init({id:"{YOU ID}",ck:"{YOU CK}"})</script>
+  - <script>new LingQue.Monitor().init({id:"YOU ID",sendSuspicious:true});</script>

修改_config.butterfly.yml, 注意缩进

1
2
3
4
5
6
  CDN:
    option:
      # main_css:
      .....
+     # countupJS
+     countup_js: /js/countup.js

新建 source/js/countup.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
var CountUp = function (target, startVal, endVal, decimals, duration, options) {
  var self = this;
  self.version = function () {
    return "1.9.2";
  };
  self.options = {
    useEasing: true,
    useGrouping: true,
    separator: ",",
    decimal: ".",
    easingFn: easeOutExpo,
    formattingFn: formatNumber,
    prefix: "",
    suffix: "",
    numerals: [],
  };
  if (options && typeof options === "object") {
    for (var key in self.options) {
      if (options.hasOwnProperty(key) && options[key] !== null) {
        self.options[key] = options[key];
      }
    }
  }
  if (self.options.separator === "") {
    self.options.useGrouping = false;
  } else {
    self.options.separator = "" + self.options.separator;
  }
  var lastTime = 0;
  var vendors = ["webkit", "moz", "ms", "o"];
  for (var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
    window.requestAnimationFrame = window[vendors[x] + "RequestAnimationFrame"];
    window.cancelAnimationFrame =
      window[vendors[x] + "CancelAnimationFrame"] || window[vendors[x] + "CancelRequestAnimationFrame"];
  }
  if (!window.requestAnimationFrame) {
    window.requestAnimationFrame = function (callback, element) {
      var currTime = new Date().getTime();
      var timeToCall = Math.max(0, 16 - (currTime - lastTime));
      var id = window.setTimeout(function () {
        callback(currTime + timeToCall);
      }, timeToCall);
      lastTime = currTime + timeToCall;
      return id;
    };
  }
  if (!window.cancelAnimationFrame) {
    window.cancelAnimationFrame = function (id) {
      clearTimeout(id);
    };
  }
  function formatNumber(num) {
    num = num.toFixed(self.decimals);
    num += "";
    var x, x1, x2, x3, i, l;
    x = num.split(".");
    x1 = x[0];
    x2 = x.length > 1 ? self.options.decimal + x[1] : "";
    if (self.options.useGrouping) {
      x3 = "";
      for (i = 0, l = x1.length; i < l; ++i) {
        if (i !== 0 && i % 3 === 0) {
          x3 = self.options.separator + x3;
        }
        x3 = x1[l - i - 1] + x3;
      }
      x1 = x3;
    }
    if (self.options.numerals.length) {
      x1 = x1.replace(/[0-9]/g, function (w) {
        return self.options.numerals[+w];
      });
      x2 = x2.replace(/[0-9]/g, function (w) {
        return self.options.numerals[+w];
      });
    }
    return self.options.prefix + x1 + x2 + self.options.suffix;
  }
  function easeOutExpo(t, b, c, d) {
    return (c * (-Math.pow(2, (-10 * t) / d) + 1) * 1024) / 1023 + b;
  }
  function ensureNumber(n) {
    return typeof n === "number" && !isNaN(n);
  }
  self.initialize = function () {
    if (self.initialized) {
      return true;
    }
    self.error = "";
    self.d = typeof target === "string" ? document.getElementById(target) : target;
    if (!self.d) {
      self.error = "[CountUp] target is null or undefined";
      return false;
    }
    self.startVal = Number(startVal);
    self.endVal = Number(endVal);
    if (ensureNumber(self.startVal) && ensureNumber(self.endVal)) {
      self.decimals = Math.max(0, decimals || 0);
      self.dec = Math.pow(10, self.decimals);
      self.duration = Number(duration) * 1000 || 2000;
      self.countDown = self.startVal > self.endVal;
      self.frameVal = self.startVal;
      self.initialized = true;
      return true;
    } else {
      self.error = "[CountUp] startVal (" + startVal + ") or endVal (" + endVal + ") is not a number";
      return false;
    }
  };
  self.printValue = function (value) {
    var result = self.options.formattingFn(value);
    if (self.d.tagName === "INPUT") {
      this.d.value = result;
    } else {
      if (self.d.tagName === "text" || self.d.tagName === "tspan") {
        this.d.textContent = result;
      } else {
        this.d.innerHTML = result;
      }
    }
  };
  self.count = function (timestamp) {
    if (!self.startTime) {
      self.startTime = timestamp;
    }
    self.timestamp = timestamp;
    var progress = timestamp - self.startTime;
    self.remaining = self.duration - progress;
    if (self.options.useEasing) {
      if (self.countDown) {
        self.frameVal = self.startVal - self.options.easingFn(progress, 0, self.startVal - self.endVal, self.duration);
      } else {
        self.frameVal = self.options.easingFn(progress, self.startVal, self.endVal - self.startVal, self.duration);
      }
    } else {
      if (self.countDown) {
        self.frameVal = self.startVal - (self.startVal - self.endVal) * (progress / self.duration);
      } else {
        self.frameVal = self.startVal + (self.endVal - self.startVal) * (progress / self.duration);
      }
    }
    if (self.countDown) {
      self.frameVal = self.frameVal < self.endVal ? self.endVal : self.frameVal;
    } else {
      self.frameVal = self.frameVal > self.endVal ? self.endVal : self.frameVal;
    }
    self.frameVal = Math.round(self.frameVal * self.dec) / self.dec;
    self.printValue(self.frameVal);
    if (progress < self.duration) {
      self.rAF = requestAnimationFrame(self.count);
    } else {
      if (self.callback) {
        self.callback();
      }
    }
  };
  self.start = function (callback) {
    if (!self.initialize()) {
      return;
    }
    self.callback = callback;
    self.rAF = requestAnimationFrame(self.count);
  };
  self.pauseResume = function () {
    if (!self.paused) {
      self.paused = true;
      cancelAnimationFrame(self.rAF);
    } else {
      self.paused = false;
      delete self.startTime;
      self.duration = self.remaining;
      self.startVal = self.frameVal;
      requestAnimationFrame(self.count);
    }
  };
  self.reset = function () {
    self.paused = false;
    delete self.startTime;
    self.initialized = false;
    if (self.initialize()) {
      cancelAnimationFrame(self.rAF);
      self.printValue(self.startVal);
    }
  };
  self.update = function (newEndVal) {
    if (!self.initialize()) {
      return;
    }
    newEndVal = Number(newEndVal);
    if (!ensureNumber(newEndVal)) {
      self.error = "[CountUp] update() - new endVal is not a number: " + newEndVal;
      return;
    }
    self.error = "";
    if (newEndVal === self.frameVal) {
      return;
    }
    cancelAnimationFrame(self.rAF);
    self.paused = false;
    delete self.startTime;
    self.startVal = self.frameVal;
    self.endVal = newEndVal;
    self.countDown = self.startVal > self.endVal;
    self.rAF = requestAnimationFrame(self.count);
  };
  if (self.initialize()) {
    self.printValue(self.startVal);
  }
};

修改themes/butterfly/layout/page.pug```

1
2
3
4
5
    case page.type
      when 'tags'
        include includes/page/tags.pug
+     when 'about'
+       include includes/page/about.pug

新建source/_data/reward.yml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
- class_name: 赞赏
  reward_list:
    - name: 鹿啵包
      amount: 10
      datatime: 2022-11-08
    - name: 疾速k
      amount: 50
      datatime: 2022-09-20
    - name: 伴舟先生大霖子
      amount: 4.03
      datatime: 2022-10-27
      suffix: 贝壳
    - name: Magica_0x0
      amount: 3.36
      datatime: 2022-10-07
      suffix: 贝壳
    - name: 名字就是要短像这样
      amount: 3.36
      datatime: 2022-08-25
      suffix: 贝壳
    - name: Leviathan520
      amount: 1.34
      datatime: 2022-08-23
      suffix: 贝壳
    - name: 托马斯
      amount: 10
      datatime: 2022-08-19
    - name: 哇是猫猫欸
      amount: 1.34
      datatime: 2022-08-19
      suffix: 贝壳

新建about.css

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
1001
1002
1003
1004
1005
1006
1007
1008
1009
1010
1011
1012
1013
1014
1015
1016
1017
1018
1019
1020
1021
1022
1023
1024
1025
1026
1027
1028
1029
1030
1031
1032
1033
1034
1035
1036
1037
1038
1039
1040
1041
1042
1043
1044
1045
1046
1047
1048
1049
1050
1051
1052
1053
1054
1055
1056
1057
1058
1059
1060
1061
1062
1063
1064
1065
1066
1067
1068
1069
1070
1071
1072
1073
1074
1075
1076
1077
1078
1079
1080
1081
1082
1083
1084
1085
1086
1087
1088
1089
1090
1091
1092
1093
1094
1095
1096
1097
1098
1099
1100
1101
1102
1103
1104
1105
1106
1107
1108
1109
1110
1111
1112
1113
1114
1115
1116
1117
1118
1119
1120
1121
1122
1123
1124
1125
1126
1127
1128
1129
1130
1131
1132
1133
1134
1135
1136
1137
1138
1139
1140
1141
1142
1143
1144
1145
1146
1147
1148
1149
1150
1151
1152
1153
1154
1155
1156
1157
1158
1159
1160
1161
1162
1163
1164
1165
1166
1167
1168
1169
1170
1171
1172
1173
1174
1175
1176
1177
1178
1179
1180
1181
1182
1183
1184
1185
1186
1187
1188
1189
1190
1191
1192
1193
1194
1195
1196
1197
1198
1199
1200
1201
1202
1203
1204
1205
1206
1207
1208
1209
1210
1211
1212
1213
1214
1215
1216
1217
1218
1219
1220
1221
1222
1223
1224
1225
1226
1227
1228
1229
1230
1231
1232
1233
1234
1235
1236
1237
1238
1239
1240
1241
1242
1243
1244
1245
1246
1247
1248
1249
1250
1251
1252
1253
1254
1255
1256
1257
1258
1259
1260
1261
1262
1263
1264
1265
1266
1267
1268
1269
1270
1271
1272
1273
1274
1275
1276
1277
1278
1279
1280
1281
1282
1283
1284
1285
1286
1287
1288
1289
1290
1291
1292
1293
1294
1295
1296
1297
1298
1299
1300
1301
1302
1303
1304
1305
1306
1307
1308
1309
1310
1311
1312
1313
1314
1315
1316
1317
1318
1319
1320
1321
1322
1323
1324
1325
1326
1327
1328
1329
1330
1331
1332
1333
1334
1335
1336
1337
1338
1339
1340
1341
1342
1343
1344
1345
1346
1347
1348
1349
1350
1351
1352
1353
1354
1355
1356
1357
1358
1359
1360
1361
1362
1363
1364
1365
1366
1367
1368
1369
1370
1371
1372
1373
1374
1375
1376
1377
1378
1379
1380
1381
1382
1383
1384
1385
1386
1387
1388
1389
1390
1391
1392
1393
1394
1395
1396
1397
1398
1399
1400
1401
1402
1403
#gitcalendar {
  margin: 0 auto;
  border-radius: 24px;
  background: var(--anzhiyu-card-bg);
  border: var(--style-border-always);
  box-shadow: var(--anzhiyu-shadow-border);
  position: relative;
  padding: 1rem 2rem;
  overflow: hidden;
}

#page:has(#about-page) {
  border: 0;
  box-shadow: none !important;
  padding: 0 !important;
  background: transparent !important;
}

#page:has(#about-page) .page-title {
  display: none;
}

.page:has(#about-page) #footer-wrap {
  opacity: 1;
  overflow: visible;
  height: auto !important;
  min-height: 16px;
  color: #666;
}

#web_bg ~ .page:has(#about-page) {
  background: var(--anzhiyu-background);
}

#about-page .author-box {
  position: relative;
}
#about-page .author-box .author-img {
  margin: auto;
  border-radius: 50%;
  overflow: hidden;
  width: 180px;
  height: 180px;
}
#about-page .author-box .author-img img {
  border-radius: 50%;
  overflow: hidden;
  width: 180px;
  height: 180px;
}

#about-page .author-box .image-dot {
  width: 45px;
  height: 45px;
  background: #6bdf8f;
  position: absolute;
  border-radius: 50%;
  border: 6px solid var(--anzhiyu-background);
  top: 50%;
  left: 50%;
  transform: translate(35px, 45px);
}

.author-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  margin-top: 1rem;
}

#about-page .myInfoAndSayHello {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: var(--anzhiyu-white);
  background: linear-gradient(120deg, #5b27ff 0, #00d4ff 100%);
  background-size: 200%;
  animation: gradient 15s ease infinite;
  width: 59%;
}

.author-content-item {
  width: 49%;
  border-radius: 24px;
  background: var(--anzhiyu-card-bg);
  border: var(--style-border-always);
  box-shadow: var(--anzhiyu-shadow-border);
  position: relative;
  padding: 1rem 2rem;
  overflow: hidden;
}

#about-page .myInfoAndSayHello .title1 {
  opacity: 0.8;
  line-height: 1.3;
}

#about-page .myInfoAndSayHello .title2 {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.1;
  margin: 0.5rem 0;
}
.inline-word {
  word-break: keep-all;
  white-space: nowrap;
}

#about-page .myInfoAndSayHello .title1 {
  opacity: 0.8;
  line-height: 1.3;
}

.author-content-item.aboutsiteTips {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  width: 39%;
}

.aboutsiteTips h2 {
  margin-right: auto;
  font-size: 36px;
  font-family: Helvetica;
  line-height: 1.06;
  letter-spacing: -0.02em;
  color: var(--font-color);
  margin-top: 0;
}

.aboutsiteTips .mask {
  height: 36px;
  position: relative;
  overflow: hidden;
  margin-top: 4px;
}
.aboutsiteTips .mask span {
  display: block;
  box-sizing: border-box;
  position: absolute;
  top: 36px;
  padding-bottom: var(--offset);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  background-repeat: no-repeat;
}
.aboutsiteTips .mask span[data-show] {
  transform: translateY(-100%);
  transition: 0.5s transform ease-in-out;
}
.aboutsiteTips .mask span[data-up] {
  transform: translateY(-200%);
  transition: 0.5s transform ease-in-out;
}
.aboutsiteTips .mask span:nth-child(1) {
  background-image: linear-gradient(45deg, #0ecffe 50%, #07a6f1);
}
.aboutsiteTips .mask span:nth-child(2) {
  background-image: linear-gradient(45deg, #18e198 50%, #0ec15d);
}
.aboutsiteTips .mask span:nth-child(3) {
  background-image: linear-gradient(45deg, #8a7cfb 50%, #633e9c);
}
.aboutsiteTips .mask span:nth-child(4) {
  background-image: linear-gradient(45deg, #fa7671 50%, #f45f7f);
}
@media screen and (max-width: 768px) {
  .author-content-item.map {
    margin-bottom: 0;
  }
}
#about-page .about-statistic {
  min-height: 380px;
  width: 39%;
  background: url(https://img02.anzhiy.cn/adminuploads/1/2022/09/23/632d634f8376d.jpg) no-repeat top;
  background-size: cover;
  color: var(--anzhiyu-white);
  overflow: hidden;
}
#about-page .about-statistic::after {
  box-shadow: 0 -159px 173px 71px #0c1c2c inset;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.author-content-item .card-content {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  padding: 1rem 2rem;
}

.author-content-item .card-content .author-content-item-title {
  margin-bottom: 0.5rem;
}
.author-content-item .author-content-item-title {
  font-size: 36px;
  font-weight: 700;
  line-height: 1;
}
#statistic {
  font-size: 16px;
  border-radius: 15px;
  width: 100%;
  color: var(--anzhiyu-white);
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 1rem;
  margin-bottom: 2rem;
}
#statistic div span:first-child {
  opacity: 0.8;
  font-size: 0.6rem;
}
#statistic div span:last-child {
  font-weight: 700;
  font-size: 34px;
  line-height: 1;
  white-space: nowrap;
}
#statistic div {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  width: 50%;
  margin-bottom: 0.5rem;
}

.post-tips {
  color: var(--anzhiyu-gray);
  font-size: 14px;
  position: absolute;
  bottom: 1rem;
  left: 2rem;
}
.post-tips a {
  color: var(--anzhiyu-gray) !important;
  border: none !important;
}
.author-content-item .card-content .banner-button-group {
  position: absolute;
  bottom: 1.5rem;
  right: 2rem;
}
.author-content-item .card-content .banner-button-group .banner-button {
  height: 40px;
  width: 124px;
  border-radius: 20px;
  justify-content: center;
  background: var(--anzhiyu-card-bg);
  color: var(--font-color);
  display: flex;
  align-items: center;
  z-index: 1;
  transition: 0.3s;
  cursor: pointer;
  border-bottom: 0 !important;
}
.author-content-item .card-content .banner-button-group .banner-button i {
  margin-right: 8px;
  font-size: 1rem;
}
#about-page .author-content-item .card-content .banner-button-group .banner-button i {
  font-size: 1.5rem;
}

.author-content-item .card-content .banner-button-group .banner-button:hover {
  background: var(--anzhiyu-main);
  color: var(--anzhiyu-white);
  border-radius: 20px !important;
}
.author-content-item.personalities {
  position: relative;
  width: 59%;
}

.author-content-item.personalities .image {
  position: absolute;
  right: 30px;
  top: 10px;
  width: 220px;
  transition: transform 2s cubic-bezier(0.13, 0.45, 0.21, 1.02);
}
.author-content-item.personalities .image img {
  display: block;
  margin: 0 auto 20px;
  max-width: 100%;
  transition: filter 375ms ease-in 0.2s;
}
.author-content-item.personalities:hover .image {
  transform: rotate(-10deg);
}
.author-content-item.myphoto {
  height: 60%;
  min-height: 240px;
  position: relative;
  overflow: hidden;
  width: 39%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.author-content-item.myphoto img {
  position: absolute;
  min-width: 100%;
  object-fit: cover;
  transition: 0.6s;
  animation: coverIn 2s ease-out forwards;
  transition: transform 2s ease-out !important;
}
.author-content-item.myphoto:hover img {
  transform: scale(1.1);
}
.author-content-item:hover .card-background-icon {
  transform: rotate(20deg);
}
.author-content-item.personalities .title2 {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.1;
}

.author-content-item.map {
  background: url(https://img02.anzhiy.cn/adminuploads/1/2022/09/24/632e6f48981d8.jpg) no-repeat center;
  min-height: 160px;
  max-height: 400px;
  position: relative;
  overflow: hidden;
  margin-bottom: 0.5rem;
  height: 60%;
  background-size: 100%;
  transition: 1s ease-in-out;
}
[data-theme="dark"] .author-content-item.map {
  background: url(https://img02.anzhiy.cn/adminuploads/1/2022/09/26/6330ebf1f3e65.jpg) no-repeat center;
  background-size: 100%;
}

.author-content-item.single {
  width: 100%;
}

.author-content-item.map .map-title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: var(--anzhiyu-maskbg);
  padding: 0.5rem 2rem;
  backdrop-filter: saturate(180%) blur(20px);
  -webkit-backdrop-filter: blur(20px);
  transition: 1s ease-in-out;
  font-size: 20px;
}
.author-content-item.map .map-title b {
  color: var(--font-color);
}
.author-content-item.selfInfo {
  display: flex;
  min-height: 100px;
  max-height: 400px;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  height: -webkit-fill-available;
  height: 40%;
}
.author-content-item.selfInfo div {
  display: flex;
  flex-direction: column;
  margin: 0.5rem 2rem 0.5rem 0;
}
.author-content-item.selfInfo .selfInfo-title {
  opacity: 0.8;
  font-size: 0.6rem;
  line-height: 1;
  margin-bottom: 8px;
}
.author-content-item.selfInfo .selfInfo-content {
  font-weight: 700;
  font-size: 34px;
  line-height: 1;
}
.author-content-item-group.column.mapAndInfo {
  width: 59%;
}
.author-content-item.map:hover {
  background-size: 120%;
  transition: 4s ease-in-out;
  background-position-x: 0;
  background-position-y: 36%;
}
.author-content-item.map:hover .map-title {
  bottom: -100%;
}
.author-content-item-group.column {
  display: flex;
  flex-direction: column;
  width: 49%;
  justify-content: space-between;
}

.post-tips a:hover {
  color: var(--anzhiyu-main) !important;
  background: none !important;
}

.author-content-item.single.reward .reward-list-updateDate {
  color: var(--anzhiyu-gray);
  font-size: 14px;
}

.author-content-item.single.reward .post-reward {
  position: absolute;
  margin-top: 0px;
  width: auto;
  text-align: none;
  pointer-events: none;
  right: 2rem;
  top: 2rem;
}
.tip-button {
  border: 0;
  border-radius: 2.25rem;
  cursor: pointer;
  font-size: 20px;
  font-weight: 600;
  height: 2.6rem;
  margin-bottom: -4rem;
  outline: 0;
  position: relative;
  top: 0;
  transform-origin: 0 100%;
  transition: transform 50ms ease-in-out;
  width: auto;
  -webkit-tap-highlight-color: transparent;
}
.coin::before,
.coin__back,
.coin__back::after,
.coin__front,
.coin__front::after,
.coin__middle {
  border-radius: 50%;
  box-sizing: border-box;
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 3;
}
.coin-wrapper {
  background: 0 0;
  bottom: 0;
  height: 18rem;
  left: 0;
  opacity: 1;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  transform: none;
  transform-origin: 50% 100%;
  transition: opacity 0.2s linear 0.1s, transform 0.3s ease-out;
  width: 100%;
}
.coin__front::after {
  background: rgba(0, 0, 0, 0.2);
  content: "";
  opacity: var(--front-y-multiplier);
}
.coin__back::after {
  background: rgba(0, 0, 0, 0.2);
  content: "";
  opacity: var(--back-y-multiplier);
}
.coin__middle {
  background: #737c99;
  transform: translateY(calc(var(--middle-y-multiplier) * 0.3181818182rem / 2)) scaleY(var(--middle-scale-multiplier));
}
.coin::before {
  background: radial-gradient(circle at 25% 65%, transparent 50%, rgba(255, 255, 255, 0.9) 90%), linear-gradient(55deg, transparent
        calc(var(--shine-bg-multiplier) + 0), #e9f4ff calc(var(--shine-bg-multiplier) + 0), transparent calc(var(
              --shine-bg-multiplier
            ) + 50%));
  content: "";
  opacity: var(--shine-opacity-multiplier);
  transform: translateY(calc(var(--middle-y-multiplier) * 0.3181818182rem / -2)) scaleY(var(--middle-scale-multiplier))
    rotate(calc(var(--coin-rotation-multiplier) * 1deg));
  z-index: 10;
}

.coin {
  --front-y-multiplier: 0;
  --back-y-multiplier: 0;
  --coin-y-multiplier: 0;
  --coin-x-multiplier: 0;
  --coin-scale-multiplier: 0;
  --coin-rotation-multiplier: 0;
  --shine-opacity-multiplier: 0.4;
  --shine-bg-multiplier: 50%;
  bottom: calc(var(--coin-y-multiplier) * 1rem - 3.5rem);
  height: 3.5rem;
  margin-bottom: 3.05rem;
  position: absolute;
  right: calc(var(--coin-x-multiplier) * 34% + 16%);
  transform: translateX(50%) scale(calc(0.4 + var(--coin-scale-multiplier))) rotate(calc(var(
            --coin-rotation-multiplier
          ) * -1deg));
  transition: opacity 0.1s linear 0.2s;
  width: 3.5rem;
  z-index: 3;
}

.coin__back {
  background: radial-gradient(circle at 50% 50%, transparent 50%, rgba(115, 124, 153, 0.4) 54%, #c2cadf 54%),
    radial-gradient(circle at 50% 40%, #fcfaf9 23%, transparent 23%), radial-gradient(circle at 50% 100%, #fcfaf9 35%, transparent
        35%);
  background-color: #8590b3;
  background-size: 100% 100%;
  transform: translateY(calc(var(--back-y-multiplier) * 0.3181818182rem / 2)) scaleY(var(--back-scale-multiplier));
}
.coin__front {
  background: radial-gradient(circle at 50% 50%, transparent 50%, rgba(115, 124, 153, 0.4) 54%, #c2cadf 54%),
    linear-gradient(210deg, #8590b3 32%, transparent 32%), linear-gradient(150deg, #8590b3 32%, transparent 32%),
    linear-gradient(to right, #8590b3 22%, transparent 22%, transparent 78%, #8590b3 78%), linear-gradient(
      to bottom,
      #fcfaf9 44%,
      transparent 44%,
      transparent 65%,
      #fcfaf9 65%,
      #fcfaf9 71%,
      #8590b3 71%
    ), linear-gradient(to right, transparent 28%, #fcfaf9 28%, #fcfaf9 34%, #8590b3 34%, #8590b3 40%, #fcfaf9 40%, #fcfaf9
        47%, #8590b3 47%, #8590b3 53%, #fcfaf9 53%, #fcfaf9 60%, #8590b3 60%, #8590b3 66%, #fcfaf9 66%, #fcfaf9 72%, transparent
        72%);
  background-color: #8590b3;
  background-size: 100% 100%;
  transform: translateY(calc(var(--front-y-multiplier) * 0.3181818182rem / 2)) scaleY(var(--front-scale-multiplier));
}
.tip-button__text {
  color: #fff;
  margin-right: 1.8rem;
  opacity: 1;
  position: relative;
  transition: opacity 0.1s linear 0.5s;
  z-index: 3;
}
.author-content .post-reward .reward-main {
  bottom: 0;
  top: 50px;
  left: auto;
  right: 0;
}
.author-content .post-reward .reward-main .reward-all:before {
  top: -11px;
  bottom: auto;
}
#about-page .post-reward .reward-item a:hover {
  background: transparent !important;
}
#about-page .post-reward .reward-item a {
  border-bottom: none !important;
}
#about-page .post-reward .reward-item a img {
  margin-bottom: 0 !important;
}
#about-page .post-reward .reward-main .reward-all {
  border-radius: 10px;
  padding: 20px 10px !important;
}
.post-reward .reward-main .reward-all .reward-item {
  padding: 0 8px !important;
}
.post-reward .reward-main .reward-all li.reward-item::before {
  content: none !important;
}
.post-reward .reward-main .reward-all:after {
  content: none !important;
}
.author-content-item.maxim {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.1;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  width: 39%;
}
.author-content-item .author-content-item-tips {
  opacity: 0.8;
  font-size: 0.6rem;
  margin-bottom: 0.5rem;
}
.author-content-item.maxim .maxim-title {
  display: flex;
  flex-direction: column;
}
.author-content-item.buff {
  height: 200px;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.1;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  background: linear-gradient(120deg, #ff27e8 0, #ff8000 100%);
  color: var(--anzhiyu-white);
  background-size: 200%;
  animation: gradient 15s ease infinite;
  min-height: 200px;
  height: fit-content;
  width: 59%;
}
.author-content-item.buff .card-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.author-content-item.buff .buff-title {
  display: flex;
  flex-direction: column;
}
.card-background-icon {
  font-size: 12rem;
  opacity: 0.2;
  position: absolute;
  right: 0;
  bottom: -40%;
  transform: rotate(30deg);
  transition: 2s ease-in-out;
}
.author-content-item.game-yuanshen {
  background: url(https://img02.anzhiy.cn/adminuploads/1/2022/12/19/63a079ca63c8a.webp) no-repeat top;
  background-size: cover;
  min-height: 300px;
  overflow: hidden;
  color: var(--anzhiyu-white);
  width: 59%;
}

.author-content-item .content-bottom {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.author-content-item .content-bottom .icon-group {
  display: flex;
  position: relative;
}
.author-content-item .content-bottom .icon-group i {
  display: inline-block;
  width: 143px;
  height: 18px;
  margin-right: 0.5rem;
}
.icon-pos-mid {
  background: url(https://img02.anzhiy.cn/adminuploads/1/2022/09/25/632fb9cecfc8c.png);
}
.author-content-item.game-yuanshen::after {
  box-shadow: 0 -69px 203px 11px #575d8b inset;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.author-content-item.comic-content {
  width: 39%;
  background: url(https://npm.elemecdn.com/anzhiyu-blog@1.1.6/img/post/common/violet.jpg) no-repeat top;
  background-size: cover;
  min-height: 300px;
  overflow: hidden;
  color: violet;
}
.author-content-item.comic-content::after {
  box-shadow: 0 -48px 203px 11px #fbe9b8 inset;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.author-content-item.like-technology {
  background: url(https://img02.anzhiy.cn/adminuploads/1/2022/09/24/632f0dd8f33c6.webp) no-repeat;
  background-size: cover;
  min-height: 230px;
  color: var(--anzhiyu-white);
}

.author-content-item.like-music {
  background: url(https://p2.music.126.net/Mrg1i7DwcwjWBvQPIMt_Mg==/79164837213438.jpg) no-repeat top;
  background-size: cover;
  min-height: 400px;
  color: var(--anzhiyu-white);
  overflow: hidden;
}

.author-content-item .card-content .banner-button-group {
  position: absolute;
  bottom: 1.5rem;
  right: 2rem;
}

.author-content-item.like-music::after {
  box-shadow: 0 -69px 203px 11px #453e38 inset;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

@media screen and (max-width: 768px) {
  #gitcalendar {
    display: none;
  }
  [data-theme="dark"] .author-content-item .card-content .banner-button-group .banner-button {
    color: var(--anzhiyu-black) !important;
  }
  .author-content-item .card-content .banner-button-group .banner-button:hover {
    background: none !important;
  }
  .author-content-item.game-yuanshen .content-bottom {
    padding-bottom: 10px;
  }
  .author-content-item.game-yuanshen .game-yuanshen-uid {
    display: none;
  }
  .author-content {
    margin-top: 0;
  }
  .author-content-item {
    width: 100% !important;
    margin-top: 1rem;
    padding: 1rem;
  }
  .author-content-item.map {
    margin-bottom: 0;
  }
  .author-content-item-group.column {
    width: 100% !important;
  }
  .author-content-item.selfInfo {
    height: 95%;
  }
  .author-content-item.personalities {
    height: 170px;
  }
  .post-tips {
    left: auto;
  }
  .author-content-item.personalities .image {
    width: 90px;
  }
  .site-card-group > a {
    width: 100% !important;
  }
  .post-reward {
    display: none;
  }
  .reward-list-item {
    width: 100% !important;
  }
  .layout > div:first-child:not(.recent-posts) {
    /* border-radius: 0; */
    padding: 0 1rem !important;
    box-shadow: none !important;
    background: var(--anzhiyu-background);
  }
  .author-content-item .card-content .banner-button-group .banner-button-text {
    display: none;
  }
  .author-content-item .card-content .banner-button-group {
    right: 1rem;
    bottom: 1rem;
  }
  .author-content-item .card-content .banner-button-group .banner-button {
    background: 0 0;
    padding: 0;
  }
  .author-content-item .card-content .banner-button-group .banner-button i {
    margin-right: 0;
    font-size: 1.5rem;
    background: white;
    border-radius: 50%;
    padding: 6px;
    margin-left: 80px;
  }
  .author-content-item .card-content .banner-button-group .banner-button:hover i {
    background: var(--anzhiyu-background) !important;
    color: var(--anzhiyu-theme);
  }
  #selfInfo-content-year {
    width: 90px;
  }
}

@media screen and (min-width: 768px) and (max-width: 896px) {
  .author-content-item.like-music .content-bottom .tips {
    display: none;
  }
}

/* 赞赏的css */

.reward-list-all {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}

.reward-list-item {
  padding: 1rem;
  border-radius: 12px;
  border: var(--style-border-always);
  width: calc((100% / 3) - 0.5rem);
  margin: 0 0.25rem 0.5rem 0.25rem;
  box-shadow: var(--anzhiyu-shadow-border);
}

.reward-list-item .reward-list-item-name {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 0.5rem;
}

.reward-list-item .reward-list-bottom-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.reward-list-item .reward-list-item-money {
  padding: 4px;
  background: var(--font-color);
  color: var(--card-bg);
  font-size: 12px;
  line-height: 1;
  border-radius: 4px;
  margin-right: 4px;
  white-space: nowrap;
}

.reward-list-item .reward-list-item-time {
  font-size: 12px;
  color: var(--anzhiyu-secondtext);
  white-space: nowrap;
}

.author-content-item.careers {
  min-height: 400px;
}
.author-content-item.careers .careers-group {
  margin-top: 12px;
}
.author-content-item.careers .careers-item {
  display: flex;
  align-items: center;
}
.author-content-item.careers .careers-item .circle {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  border-radius: 16px;
}
.author-content-item.careers .careers-item .name {
  color: var(--anzhiyu-secondtext);
}
.author-content-item.careers .careers-item {
  display: flex;
  align-items: center;
}
.author-content-item.careers .careers-item .circle {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  border-radius: 16px;
}
.author-content-item.careers .careers-item .name {
  color: var(--anzhiyu-secondtext);
}
.author-content-item.careers img {
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 100%;
  transition: 0.6s;
}

:root {
  --loadingbar-background-color: #2c2b30;
  --loadingbar-prospect-color: #ece5d8;
}

/* html.dark body {
  background-color: #161d22;
} */

.loading-bar {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 500px;
  height: 62.5px;
  transform: translate(-25%, -50%) scale(0.5);
  transition: all 0.5s;
  user-select: none;
  overflow: hidden;
}

.loading-bar img {
  position: absolute;
  top: 500px;
  left: 0;
  filter: drop-shadow(0 -500px 0 var(--loadingbar-background-color));
}

.loading-bar::after {
  content: "";
  position: absolute;
  top: 500px;
  left: 0;
  filter: drop-shadow(0 -500px 0 var(--loadingbar-prospect-color));
  width: 500px;
  height: 62.5px;
  background: url("https://yuanshen.site/imgs/loading-bar.png") no-repeat left 100%;
  background-size: 500px 62.5px;
  background-position-x: 0;
}
.author-content-item.game-yuanshen:hover .loading-bar::after {
  animation: loading-bar 3.5s cubic-bezier(0.28, 0.11, 0.32, 1) infinite forwards;
}

@media screen and (max-width: 719px) {
  .loading-bar .loading-bar {
    display: none;
  }
}

@media screen and (max-width: 719px) and (orientation: landscape) {
  .loading-bar .loading-bar {
    display: block !important;
    transform: translate(-50%, -50%) scale(0.7) !important;
  }
}

@supports not (filter: drop-shadow(0 0 0 #fff)) {
  .loading-bar:before {
    content: "Your browser does not support the animation";
  }
}

@keyframes loading-bar {
  0% {
    width: 0;
    background-size: 500px 62.5px;
  }
  16.6% {
  }
  33.2% {
  }
  49.8% {
  }
  66.4% {
  }
  83% {
    width: 475px;
  }
  83.1% {
    width: 475px;
  }
  83.2% {
    width: 475px;
  }
  83.3% {
    width: 475px;
  }
  83.4% {
    width: 475px;
  }
  83.5% {
    width: 475px;
  }
  83.6% {
    width: 475px;
  }
  83.7% {
    width: 475px;
  }
  83.8% {
    width: 475px;
  }
  83.9% {
    width: 475px;
  }
  84% {
    width: 475px;
  }
  85% {
    width: 475px;
  }
  86% {
    width: 475px;
  }
  87% {
    width: 475px;
  }
  100% {
    width: 500px;
  }
}

.hello-about {
  margin: 20px auto;
  border-radius: 24px;
  background: var(--anzhiyu-card-bg);
  border: var(--style-border-always);
  box-shadow: var(--anzhiyu-shadow-border);
  position: relative;
  overflow: hidden;
  user-select: none;
}

.shapes {
  position: relative;
  height: 315px;
  width: 100%;
  background: #2128bd;
  overflow: hidden;
}

.shape {
  will-change: transform;
  position: absolute;
  border-radius: 50%;
}

.shape.shape-1 {
  background: #005ffe;
  width: 650px;
  height: 650px;
  margin: -325px 0 0 -325px;
}

.shape.shape-2 {
  background: #ffe5e3;
  width: 440px;
  height: 440px;
  margin: -220px 0 0 -220px;
}

.shape.shape-3 {
  background: #ffcc57;
  width: 270px;
  height: 270px;
  margin: -135px 0 0 -135px;
}

.hello-about .content {
  top: 0;
  left: 0;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 315px;
  width: 100%;
  background: #fff;
  mix-blend-mode: screen;
}
[data-theme="dark"] .hello-about .content {
  background: transparent;
}
[data-theme="dark"] .hello-about h1 {
  color: var(--anzhiyu-white);
}

.hello-about h1 {
  font-size: 200px;
  color: #000;
  margin: 0;
  text-align: center;
  font: inherit;
  vertical-align: baseline;
  line-height: 1;
  font-size: calc((0.0989119683 * 100vw + (58.5558852621px)));
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 419px) {
  .hello-about h1 {
    font-size: calc((0.0989119683 * 100vw + (58.5558852621px)));
  }
}

.cursor {
  position: absolute;
  background: #2128bd;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -10px;
  border-radius: 50%;
  will-change: transform;
  user-select: none;
  pointer-events: none;
  z-index: 3;
}

::selection {
  color: #fff;
  background: #2128bd;
}

.author-content-item.skills {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  width: 50%;
  min-height: 450px;
}

.author-content-item.skills .skills-style-group {
  position: relative;
}

.author-content-item.skills .tags-group-all {
  display: flex;
  transform: rotate(0);
  transition: 0.3s;
}
.author-content-item.skills .tags-group-wrapper {
  margin-top: 40px;
  display: flex;
  flex-wrap: nowrap;
  animation: rowup 60s linear infinite;
}
.tags-group-icon-pair {
  margin-left: 1rem;
}
.tags-group-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 66px;
  font-weight: 700;
  box-shadow: var(--anzhiyu-shadow-blackdeep);
  width: 120px;
  height: 120px;
  border-radius: 30px;
}
.tags-group-icon img {
  width: 60%;
  margin: 0 auto !important;
}
.tags-group-icon-pair .tags-group-icon:nth-child(even) {
  margin-top: 1rem;
  transform: translate(-60px);
}
.author-content-item.skills .skills-list {
  display: flex;
  opacity: 0;
  transition: 0.3s;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  flex-wrap: wrap;
  flex-direction: row;
  margin-top: 10px;
}
.author-content-item.skills .skill-info {
  display: flex;
  align-items: center;
  margin-right: 10px;
  margin-top: 10px;
  background: var(--anzhiyu-background);
  border-radius: 40px;
  padding: 4px 12px 4px 8px;
  border: var(--style-border);
  box-shadow: var(--anzhiyu-shadow-border);
}
.author-content-item.skills .skill-icon {
  width: 32px;
  height: 32px;
  border-radius: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
}
.author-content-item.skills .skill-icon img {
  width: 18px;
  height: 18px;
  margin: 0 auto !important;
}
.author-content-item.skills .etc {
  margin-right: 10px;
  margin-top: 10px;
}

@keyframes rowup {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.author-content-item.skills:hover .skills-style-group .tags-group-all {
  opacity: 0;
}
.author-content-item.skills:hover .skills-style-group .skills-list {
  opacity: 1;
}

.site-card-group .site-card .info {
  margin-top: 0;
}
.site-card-group > a {
  width: calc(100% / 4 - 0.5rem);
  height: 150px;
  position: relative;
  display: block;
  margin: 0.5rem 0.25rem;
  float: left;
  overflow: hidden;
  padding: 0;
  border-radius: 8px;
  -webkit-transition: all 0.3s ease 0s, -webkit-transform 0.6s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
  -moz-transition: all 0.3s ease 0s, -moz-transform 0.6s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
  -o-transition: all 0.3s ease 0s, -o-transform 0.6s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
  -ms-transition: all 0.3s ease 0s, -ms-transform 0.6s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
  transition: all 0.3s ease 0s, transform 0.6s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: var(--style-border) !important;
}

.site-card-group > a .wrapper {
  position: relative;
}

.site-card-group > a .cover {
  width: 100%;
  -webkit-transition: -webkit-transform 0.5s ease-out;
  -moz-transition: -moz-transform 0.5s ease-out;
  -o-transition: -o-transform 0.5s ease-out;
  -ms-transition: -ms-transform 0.5s ease-out;
  transition: transform 0.5s ease-out;
}

.site-card-group > a .info,
.site-card-group > a .wrapper .cover {
  position: absolute;
  top: 0;
  left: 0;
}

.site-card-group > a .info {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
  -o-transition: -o-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
  -ms-transition: -ms-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
  transition: transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
}

.site-card-group > a .info img {
  position: relative;
  top: 45px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 30%);
  box-shadow: 0 0 10px rgb(0 0 0 / 30%);
  z-index: 1;
  text-align: center;
  pointer-events: none;
}

.site-card-group > a .info span {
  padding: 20px 10% 60px 10%;
  font-size: 16px;
  width: 100%;
  text-align: center;
  -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 30%);
  box-shadow: 0 0 10px rgb(0 0 0 / 30%);
  background-color: rgba(255, 255, 255, 0.7);
  color: var(--font-color);
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.site-card-group .site-card:hover {
  border-color: var(--anzhiyu-main) !important;
  background-color: var(--anzhiyu-main) !important;
  -webkit-box-shadow: var(--anzhiyu-shadow-theme) !important;
  box-shadow: var(--anzhiyu-shadow-theme) !important;
}
.site-card-group > a:hover .wrapper img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.site-card-group > a .cover {
  width: 100%;
  -webkit-transition: -webkit-transform 0.5s ease-out;
  -moz-transition: -moz-transform 0.5s ease-out;
  -o-transition: -o-transform 0.5s ease-out;
  -ms-transition: -ms-transform 0.5s ease-out;
  transition: transform 0.5s ease-out;
}
.site-card-group > a .wrapper img {
  height: 150px;
  pointer-events: none;
}
.site-card-group .site-card .wrapper img {
  -webkit-transition: -webkit-transform 0.5s ease-out !important;
  -moz-transition: -moz-transform 0.5s ease-out !important;
  -o-transition: -o-transform 0.5s ease-out !important;
  -ms-transition: -ms-transform 0.5s ease-out !important;
  transition: transform 0.5s ease-out !important;
}
.site-card-group > a .wrapper .fadeIn {
  -webkit-animation: coverIn 0.8s ease-out forwards;
  -moz-animation: coverIn 0.8s ease-out forwards;
  -o-animation: coverIn 0.8s ease-out forwards;
  -ms-animation: coverIn 0.8s ease-out forwards;
  animation: coverIn 0.8s ease-out forwards;
}

.site-card-group > a:hover .info {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

目录效果

洪哥真细，目录都做了细节优化

亿点点css实现：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138

@media screen and (max-width: 768px) {
  #aside-content .card-widget:not(#card-toc) {
      display: none;
  }
}
@media screen and (min-width: 901px) {
  #aside-content #card-toc {
      right: 0px !important;
  }
}

@media screen and (max-width: 900px) {
  #aside-content #card-toc {
      position: fixed;
      right: -100%;
      bottom: 30px;
      z-index: 100;
      max-height: calc(100% - 60px);
      width: 300px;
      opacity: 0;
      transform-origin: right bottom;
  }
}

#aside-content #card-toc .toc-content {
  overflow-y: auto;
  max-height: calc(100vh - 120px);
}

@media screen and (max-width: 900px) {
  #aside-content #card-toc .toc-content {
      max-height: calc(100vh - 140px);
  }
}

#aside-content #card-toc .toc-content .toc-child {
  display: none;
}

@media screen and (max-width: 900px) {
  #aside-content #card-toc .toc-content .toc-child {
      display: block !important;
  }
}

#aside-content #card-toc .toc-content .toc-item.active .toc-child {
  display: block;
}

#aside-content #card-toc .toc-content li, #aside-content #card-toc .toc-content ol {
  list-style: none;
}

#aside-content #card-toc .toc-content > ol {
  padding: 0px !important;
}

#aside-content #card-toc .toc-content ol {
  margin: 0px;
  padding-left: 0.4rem;
}

#aside-content #card-toc .toc-content .toc-link {
  display: block;
  padding-left: 0.3rem;
  border-left: 3px solid transparent;
  color: var(--toc-link-color);
  transition: all 0.2s ease-in-out 0s;
}

#aside-content #card-toc .toc-content .toc-link.active {
  border-left-color: rgb(0, 97, 204);
  background: rgb(0, 121, 255);
  color: rgb(255, 255, 255);
}

#aside-content #card-toc .toc-content::before {
  position: absolute;
  top: 0.6rem;
  right: 1.2rem;
  color: rgb(169, 169, 169);
  content: attr(progress-percentage);
  font-style: italic;
  font-size: 1.2rem;
}

#aside-content #card-toc .toc-content .toc-link.active {
  line-height: 1.2;
  border-radius: 12px;
  border-left-color: var(--heo-hovertext);
  background-color: var(--heo-card-bg);
  color: var(--heo-lighttext);
  font-weight: 700;
  font-size: 20px;
}

[data-theme="dark"].toc .toc-item.active .toc-link .toc-text {
  color: var(--heo-white);
}

#aside-content #card-toc .toc-content .toc-item.active .toc-link {
  opacity: 1;
  border-radius: 8px;
}

#aside-content #card-toc .toc-content .toc-link {
  line-height: 1.2;
  padding: 8px;
  border-left: 0px solid transparent;
  border-radius: 12px;
  color: var(--heo-secondtext);
  cursor: default;
}

#aside-content #card-toc .toc-content .toc-link:not(.active) span {
  opacity: 0.6;
  cursor: pointer;
  filter: blur(1px);
  transition: all 0.3s ease 0s;
}

#aside-content #card-toc:hover .toc-content .toc-link:not(.active) span {
  filter: blur(0px);
  opacity: 1;
}

#aside-content #card-toc .toc-content .toc-link:not(.active) span:hover {
  color: var(--heo-lighttext);
}

#card-toc {
  padding: 0.5rem !important;
}

#aside-content #card-toc .toc-content::before {
  display: none;
}

文章页面封面图模糊

layout/includes/header/index.pug，打开这个文件，将原有page-header部分修改为：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
header#page-header(class=isHomeClass)
  img#post-cover(src=url_for(top_img) alt='cover')
  !=partial('includes/header/nav', {}, {cache:theme.fragment_cache})
  if top_img !== false
    if is_post()
      include ./post-info.pug
    else if is_home() 
      #site-info
        h1#site-title=site_title
        #site-subtitle
          span#subtitle
        if(theme.social)
          #site_social_icons
            !=fragment_cache('social', function(){return partial('includes/header/social')})
      #scroll-down
        i.fas.fa-angle-down.scroll-down-effects
    else
      #page-site-info
        h1#site-title=site_title

引入css：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
.post-bg #post-cover{
  width: 100%;
  height: 100%;  
  object-fit: cover;
}
#page-header #post-top-cover {
  filter: blur(10px);
}
#post-info .post-title {
    user-select: none;
    text-align: left;
}
.meta-firstline {
    text-align: left;
}

文章页波浪效果

修改 themes/butterfly/layout/includes/header/index.pug 大概第 33 行左右

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
if top_img !== false
  if is_post()
    include ./post-info.pug
+   section.main-hero-waves-area.waves-area
+     svg.waves-svg(xmlns='http://www.w3.org/2000/svg', xlink='http://www.w3.org/1999/xlink', viewBox='0 24 150 28', preserveAspectRatio='none', shape-rendering='auto')
+       defs
+         path#gentle-wave(d='M -160 44 c 30 0 58 -18 88 -18 s 58 18 88 18 s 58 -18 88 -18 s 58 18 88 18 v 44 h -352 Z')
+       g.parallax
+         use(href='#gentle-wave', x='48', y='0')
+         use(href='#gentle-wave', x='48', y='3')
+         use(href='#gentle-wave', x='48', y='5')
+         use(href='#gentle-wave', x='48', y='7')
    #post-top-cover
      img#post-top-bg(class='nolazyload' src=bg_img)
  else if is_home()
    #site-info
      h1#site-title=site_title
      if theme.subtitle.enable

添加waves.css

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
/* 波浪css */
.main-hero-waves-area {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -11px;
  z-index: 5;
}
.waves-area .waves-svg {
  width: 100%;
  height: 5rem;
}
/* Animation */

.parallax > use {
  animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
  fill: #f7f9febd;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
  fill: #f7f9fe82;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
  fill: #f7f9fe36;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
  fill: #f7f9fe;
}
/* 黑色模式背景 */
[data-theme="dark"] .parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
  fill: #18171dc8;
}
[data-theme="dark"] .parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
  fill: #18171d80;
}
[data-theme="dark"] .parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
  fill: #18171d3e;
}
[data-theme="dark"] .parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
  fill: #18171d;
}

@keyframes move-forever {
  0% {
    transform: translate3d(-90px, 0, 0);
  }
  100% {
    transform: translate3d(85px, 0, 0);
  }
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
  .waves-area .waves-svg {
    height: 40px;
    min-height: 40px;
  }
}
【转载】一篇文章butterfly主题heo化！
http://uu.sssu.us/archives/5781/
作者
径曲山斜
发布于
2023-02-11
更新于
2023-07-28
许可协议
CC BY 4.0
hexo魔改butterfly
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +【转载】一篇文章butterfly主题heo化！ | 径曲山斜のBlog

【转载】一篇文章butterfly主题heo化！

发表于|更新于|杂谈教程
|阅读量:

:::danger
最近想要洪化，一直在网上找教程，非常难找到，洪哥收录的教程也不足以洪化。一篇篇教程很零散，我的收藏夹都一大堆了。

今天汇总一下教程（本篇为转载，已标明来源）
:::

:::warning
本篇文章信息量超大！
:::

教你搞定heo化！

作者卡片

将themes\butterfly\layout\includes\widget\card_author.pug下的内容替换为：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
.card-widget.card-info
      .card-content
        .card-info-avatar.is-center
          .author-info__sayhi#author-info__sayhi 晚上好！我是
          .author-info__name 张洪Heo
          .author-info__description
            | 这有关于
            b 产品、设计、开发
            | 相关的问题和看法，还有
            b 文章翻译
            | 和
            b 分享
            | 。
          .author-info__description2
            | 相信你可以在这里找到对你有用的
            b 知识
            | 和
            b 教程
            | 。
      .banner-button-group
        a.banner-button(onclick='pjax.loadUrl("/about/")', data-pjax-state)
          i.fas.fa-circle-chevron-right
          span.banner-button-text 了解更多
      a.button--animated#card-info-btn(target='_blank', rel='noopener external nofollow', href='https://github.com/zhheo')
        i.fab.fa-github
        span Github
      .card-info-social-icons.is-center
        a.social-icon(href='https://dribbble.com/zhheo', rel='external nofollow', target='_blank', title='Dribbble')
          i.ri-dribbble-line
        a.social-icon(href='https://github.com/zhheo', rel='external nofollow', target='_blank', title='Github')
          i.ri-github-line

添加并引入：
js：

1
2
3
4
5
6
7
8
9
10
11
12
13
var custom = {
    getTimeState: function() {
        var e = (new Date).getHours()
          , t = "";
        return 0 <= e && e <= 5 ? t = "晚安😴" : 5 < e && e <= 10 ? t = "早上好👋" : 10 < e && e <= 14 ? t = "中午好👋" : 14 < e && e <= 18 ? t = "下午好👋" : 18 < e && e <= 24 && (t = "晚上好👋"),
        t
    },
    sayhi: function() {
        var e = document.getElementById("author-info__sayhi");
        e && (e.innerHTML = custom.getTimeState() + "！我是")
    },
}
custom.sayhi();

Css：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
/* 作者打招呼 */
div#author-info__sayhi {
  text-align: left;
  color: var(--heo-white);
  background: var(--heo-white-op);
  font-size: 12px;
  margin-right: auto;
  padding: 2px 8px;
  border-radius: 12px;
  width: fit-content;
}

#aside-content .card-info .author-info__name {
  text-align: left;
  font-weight: bold;
  color: var(--heo-white);
  font-size: 28px;
  line-height: 1.1;
  margin-top: 0.8rem;
  margin-bottom: 1rem;
}

/* 作者卡片背景 */
#aside-content>.card-widget:first-child {
  transition: 0.3s;
  border: none;
  box-shadow: none;
  background: var(--heo-main);
  margin-top: 0px;
}


#aside-content>.card-widget.card-info {
  background: var(--heo-card-bg);
  box-shadow: var(--heo-shadow-black);
  position: relative;
}

#aside-content>.card-widget.card-info::before {
  background: linear-gradient(-25deg, var(--heo-main), var(--heo-main-op-deep), var(--heo-main), var(--heo-main-op-deep));
  background-size: 400%;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: '';
  animation: gradient 15s ease infinite;
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}


@media screen and (max-width: 1300px) {
  #aside-content>.card-widget:first-child {
    min-height: 329px;
  }
}

/* 作者卡片描述 */
#aside-content>div.card-widget.card-info>div>div.card-info-avatar.is-center>div.author-info__description {
  line-height: 1.38;
  margin: .3rem 0;
  text-align: justify;
  color: rgba(255, 255, 255, 0.8);
}

#aside-content>div.card-widget.card-info>div>div.card-info-avatar.is-center>div.author-info__description b {
  color: var(--heo-white);
}

/* 作者卡片描述2 */
.author-info__description2 {
  line-height: 1.38;
  margin: .3rem 0;
  text-align: justify;
  width: 100%;
  z-index: 2;
  color: rgba(255, 255, 255, 0.8);
}

.author-info__description2 b {
  color: var(--heo-white);
}

.card-widget.card-info .banner-button-group {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  display: flex;
}

.card-widget.card-info .banner-button-group .banner-button {
  padding: 8px 12px;
  background: var(--heo-white-op);
  border-radius: 12px;
  color: var(--heo-white);
  display: flex;
  align-items: center;
  z-index: 1;
  transition: 0.3s;
  cursor: pointer;
}

.card-widget.card-info .banner-button-group .banner-button:hover {
  background: var(--heo-white);
  color: var(--heo-black);
}

.card-widget.card-info .banner-button-group .banner-button i {
  margin-right: 8px;
  font-size: 1rem;
}


/* 头像背景 */
/* 隐藏文章数等信息 */
#aside-content .card-info .card-info-data {
  display: none;
}

/* 作者头像 */
#aside-content .card-info a img {
  border-radius: 0px;
  height: 200px;
  display: inherit;
  filter: drop-shadow(-5px 14px 8px #00000008);
  position: absolute;
  right: -24px;
  bottom: -82px;
  width: auto;
  z-index: 0;
  transition: cubic-bezier(0.48, -0.21, 0, 1.5) 0.3s;
}

#aside-content .card-info a img:hover {
  bottom: -42px;
}

[data-theme=light] #aside-content .card-info a img {
  filter: drop-shadow(-5px 14px 8px #ffffff08);
}

.card-widget.card-info {
  padding: 0 !important;
}

#aside-content>div.card-widget.card-info>div.card-content {
  padding: 1rem 1.2rem;
  min-height: 330px;
  position: relative;
}

#aside-content>div.card-widget.card-info>div.card-info-avatarimg {
  overflow: hidden;
  background: var(--heo-yellow);
  transition: 1.5s;
  min-height: 160px;
  position: relative;
  box-shadow: var(--heo-shadow-yellow);
}

#aside-content>div.card-widget.card-info>div.card-info-avatarimg:hover img {
  transform: scale(1.03);
}

/* 作者文章列表链接 */
#aside-content>div.card-widget.card-info>div>div.card-info-data>div:nth-child()>a>div.headline {
  font-weight: bold;
}

/* 作者名称和头像间距 */
/* #aside-content .card-info .author-info__name{
  padding-top: 30px;
} */

/* pad端隐藏部分侧边栏 */
@media screen and (max-width: 900px) {
  #aside-content .card-announcement {
    display: none;
  }

  #aside-content #card-funds {
    display: none;
  }
}

/* 社交按钮 */
#aside-content .card-info #card-info-btn {
  display: none;
}

#aside-content .card-info .card-info-social-icons {
  margin: 0;
  padding-top: 10px;
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  cursor: pointer;
  position: absolute;
  bottom: 1rem;
  left: 1rem;
}

#aside-content .card-info .card-info-social-icons .social-icon {
  margin: 0;
  margin-right: 8px;
}

#aside-content .card-info .card-info-social-icons i {
  background: var(--heo-white-op);
  color: var(--heo-white);
  font-size: 1.2rem;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
}

#aside-content .card-info .card-info-social-icons i:hover {
  background: var(--heo-secondbg);
  transform: scale(0.97);
  color: var(--heo-main);
  box-shadow: none;
}

#aside-content .card-info .banner-button {
  height: 40px;
  width: 124px;
  border-radius: 20px;
  justify-content: center;
}

@media screen and (min-width: 1300px) {
  #aside-content .card-info .card-info-social-icons i {
    color: var(--heo-white);
  }

  [data-theme=dark] #aside-content .card-info .card-info-social-icons i {
    color: var(--heo-white);
  }
}

#aside-content .card-info .card-info-data>.card-info-data-item:hover {
  background: var(--heo-post-blockquote-bg);
  transform: scale(0.97);
}

#aside-content>div.card-widget.card-info>div.card-content>div.card-info-data>.card-info-data-item:hover>a>div.headline,
#aside-content>div.card-widget.card-info>div.card-content>div.card-info-data>.card-info-data-item:hover>a>div.length-num {
  color: var(--heo-blue);
}

/* 公告 */
.announcement_content p {
  margin: 0.5rem 0 0 0;
  line-height: 1.38;
}

/* 卡片标题 */
#aside-content .item-headline {
  padding-bottom: 0;
  margin-left: 8px;
  font-size: 1em;
  font-weight: bold;
}

#aside-content .item-headline i {
  min-width: 19.5px;
}

#aside-content .item-headline+div,
#aside-content .item-headline+ul {
  padding: 0;
}

@media screen and (min-width: 1300px) {
  #aside-content .card-widget {
    margin-top: 1rem;
  }
}

@media screen and (max-width: 768px) {
  #aside-content .card-widget {
    border-radius: 12px;
  }
}

/* 卡片根据时间查看文章底部查看更多按钮 */
#aside-content>div.sticky_layout>div.card-widget.card-archives>div>ul>li.card-archive-list-item.more.is-center {
  margin-top: 8px;
  background: var(--heo-card-btn-bg);
  border-radius: 8px;
  transition: 0.3s !important;
}

#aside-content>div.sticky_layout>div.card-widget.card-archives>div>ul>li.card-archive-list-item.more.is-center :hover {
  color: var(--heo-white);
  background: var(--heo-blue);
  border-radius: 8px;
  transition: 0.3s !important;
}

#aside-content .card-archives ul.card-archive-list>.card-archive-list-item.more span,
#aside-content .card-categories ul.card-category-list>.card-category-list-item.more span {
  transition: 0.3s !important;
}

#aside-content .card-archives ul.card-archive-list>.card-archive-list-item:hover.more span,
#aside-content .card-categories ul.card-category-list>.card-category-list-item.more span {
  transition: 0.3s !important;
}

#aside-content>div.sticky_layout>div.card-widget.card-archives>div>ul>li.card-archive-list-item.more.is-center :hover span {
  background: none;
}

#web_bg {
  background-repeat: repeat;
  background-size: auto;
  width: 200%;
  height: 200%;
  top: -50%;
  left: -50%;
  transform: rotate(-15deg);
  opacity: 1;
  background-color: var(--heo-background);
}

#web_bg:before {
  background-color: var(--heo-background) !important;
  opacity: 1;
}

[data-theme='dark'] #web_bg:before,
[data-theme='dark'] #footer:before,
[data-theme='dark'] #page-header:before {
  background-color: var(--heo-none) !important;
}

[data-theme=dark]#web_bg {
  opacity: 1;
}

洪式顶部一大坨

来自bywind

在themes/butterfly/layout/includes下创建hometop.pug

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
if is_home()
    #home_top
        .recent-top-post-group#recent-top-post-group
            .recent-post-top#recent-post-top
                #bannerGroup
                    #banners
                        .banners-title
                            .banners-title-big 无限活力
                            .banners-title-big 与热爱生活
                            .banners-title-small BYWIND.XYZ
                        .tags-group-all
                            .tags-group-wrapper
                                each i in site.data.creativity
                                    - const evenNum = i.creativity_list.filter((x, index) => index % 2 === 0);
                                    - const oddNum = i.creativity_list.filter((x, index) => index % 2 === 1);
                                    each item, index in i.creativity_list
                                        if ((index + 1 <= evenNum.length) && (index + 1 <= oddNum.length))
                                            .tags-group-icon-pair
                                                .tags-group-icon(style=`background: ${evenNum[index].color}`)
                                                    img(src=evenNum[index].icon, onerror='this.onerror=null,this.src="/img/friend_404.gif"', title=evenNum[index].name, alt=evenNum[index].name)
                                                .tags-group-icon(style=`background: ${oddNum[index].color}`)
                                                    img(src=oddNum[index].icon, onerror='this.onerror=null,this.src="/img/friend_404.gif"', title=oddNum[index].name, alt=oddNum[index].name)
                                each i in site.data.creativity
                                    - const evenNum = i.creativity_list.filter((x, index) => index % 2 === 0);
                                    - const oddNum = i.creativity_list.filter((x, index) => index % 2 === 1);
                                    each item, index in i.creativity_list
                                        if ((index + 1 <= evenNum.length) && (index + 1 <= oddNum.length))
                                            .tags-group-icon-pair
                                                .tags-group-icon(style=`background: ${evenNum[index].color}`)
                                                    img(src=evenNum[index].icon, onerror='this.onerror=null,this.src="/img/friend_404.gif"', title=evenNum[index].name, alt=evenNum[index].name)
                                                .tags-group-icon(style=`background: ${oddNum[index].color}`)
                                                    img(src=oddNum[index].icon, onerror='this.onerror=null,this.src="/img/friend_404.gif"', title=oddNum[index].name, alt=oddNum[index].name)
                        a#banner-hover(onclick='toRandomPost()')
                            span.bannerText 随便逛逛
                            i.fas.fa-arrow-right.banner-righticon
                    .categoryGroup
                        .categoryItem(style='box-shadow:var(--bywind-shadow-blue)')
                            a.categoryButton.CB1.bikan(href='/categories/学习笔记/')
                                span.categoryButtonText 必看精选
                                i.fas.fa-dove
                        .categoryItem(style='box-shadow:var(--bywind-shadow-red)')
                            a.categoryButton.remen(href='/categories/Hexo魔改/')
                                span.categoryButtonText 热门文章
                                i.fas.fa-burn
                        .categoryItem(style='box-shadow:var(--bywind-shadow-green)')
                            a.categoryButton.shiyong(href='/categories/后端/')
                                span.categoryButtonText 实用教程
                                i.fas.fa-book
                .topGroup
                    if site.data.slider
                        each i in site.data.slider
                            .recent-post-item
                                .post_cover.left_radius
                                    a(href=url_for(i.link), title=i.title)
                                        span.recent-post-top-text(onclick=`pjax.loadUrl("`+i.link+`")`) 荐
                                        img.post_bg.entered.loaded(src=url_for(i.cover) onerror="this.onerror=null,this.src='/img/404.png'")
                                .recent-post-info(onclick=`pjax.loadUrl("`+i.link+`")`)
                                    a.article-title(href=url_for(i.link), title=i.title)= i.title

在layout/includes/layout.pug大概第20行处添加：

1
2
3
4
5
    if page.type !== '404'
      #body-wrap(class=pageType)
        include ./header/index.pug
+        if theme.hometop.enable
+          include ./hometop.pug

:::warning
注：

在我的博客复制使用diff代码框时，只需删掉加号，不需增加空格！
:::

在source/_data下创建creativity.yml文件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
- class_name: 开启创造力
  creativity_list:
    - name: Vue
      color: "#b8f0ae"
      icon: https://cdn.bywind.xyz/img/banners/vue.webp
    - name: Java
      color: "#fff"
      icon: https://cdn.bywind.xyz/img/banners/Java.webp
    - name: Docker
      color: "#57b6e6"
      icon: https://cdn.bywind.xyz/img/banners/docker.webp
    - name: Webpack
      color: "#2e3a41"
      icon: https://cdn.bywind.xyz/img/banners/webpack.webp
    - name: Photoshop
      color: "#4082c3"
      icon: https://cdn.bywind.xyz/img/banners/PS.webp
    - name: Swift
      color: "#eb6840"
      icon: https://cdn.bywind.xyz/img/banners/swift.webp
    - name: Python
      color: "#fff"
      icon: https://cdn.bywind.xyz/img/banners/python.webp
    - name: Node
      color: "#333"
      icon: https://cdn.bywind.xyz/img/banners/node-logo.svg
    - name: Git
      color: "#df5b40"
      icon: https://cdn.bywind.xyz/img/banners/git.webp
    - name: Css
      color: "#2c51db"
      icon: https://cdn.bywind.xyz/img/banners/css.webp
    - name: Js
      color: "#f7cb4f"
      icon: https://cdn.bywind.xyz/img/banners/js.webp

在source/_data下创建slider.yml文件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
- cover: https://cloud-image-host.oss-cn-beijing.aliyuncs.com/background/45663c9f2ce54eb2ae8628efb0c43390.jpg
  link: /posts/e255a10a.html
  title: 大学课程 - 计算机网络

- cover: https://cloud-image-host.oss-cn-beijing.aliyuncs.com/background/fe86174cbe99485e85f43b37c16622da.jpg
  link: /posts/8d4b7ae1.html
  title: 大学课程 - 计算机组成原理

- cover: https://cloud-image-host.oss-cn-beijing.aliyuncs.com/background/v2-8e40cc0dbad304617ad773d0f256d339_r.jpg
  link: posts/d04bd5bc.html
  title: 大学课程 - 操作系统

- cover: https://cloud-image-host.oss-cn-beijing.aliyuncs.com/background/63233ec9893f4.webp
  link: /posts/f73eaef5.html
  title: Fiddler抓包 - 功能非常强大的web调试利器

- cover: https://cloud-image-host.oss-cn-beijing.aliyuncs.com/page/cover/2022112902.png
  link: /posts/5f262806.html
  title: 博客美化日记 - 囊括本博客Butterfly主题的基本美化升级

- cover: https://cdn.bywind.xyz/img/cover/image-20221208194011653.png
  link: /posts/e9cd2bbc.html
  title: 基于Butterfly的外挂标签引入 - 独特的风格让你的博客别具一格

添加`butterfly/scripts/helpers/random.js

1
2
3
4
5
6
7
8
9
10
11
hexo.extend.generator.register('random', function (locals) {
    const config = hexo.config.random || {}
    const posts = []
    for (const post of locals.posts.data) {
        if (post.random !== false) posts.push(post.path)
    }
    return {
        path: config.path || 'zhheo/random.js',
        data: `var posts=${JSON.stringify(posts)};function toRandomPost(){pjax.loadUrl('/'+posts[Math.floor(Math.random() * posts.length)]);};`
    }
})

引入：

1
2
3
inject:
  bottom:
    - <script src="/zhheo/random.js"></script>

:::success
随机文章这边特别鸣谢：怕冷爱上雪
image
:::

添加css：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
#home_top {
    max-width: 1400px;
    margin: auto;
    margin-top: .5rem;
    padding: 0 1.5rem;
    width: 100%
}

@media screen and (max-width: 768px) {
    #home_top {
        padding:0;
        margin-top: 0
    }
}

.recent-top-post-group {
    border-radius: 12px;
    overflow: hidden;
    overflow-x: auto;
    width: 100%;
    margin-bottom: 0
}

.recent-post-top {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    overflow-x: scroll
}

.recent-post-top::-webkit-scrollbar {
    display: none
}

.recent-post-top .recent-post-item {
    display: flex;
    width: 200px;
    flex-direction: column;
    align-items: flex-start;
    margin-left: .5rem;
    background: var(--bywind-card-bg);
    border-radius: 12px;
    overflow: hidden;
    min-width: 200px;
    height: 164px;
    max-height: 164px;
    border: var(--style-border-always);
    transition: .3s;
    position: relative;
    box-shadow: var(--bywind-shadow-border)
}

@media screen and (max-width: 768px) {
    .recent-post-top .recent-post-item {
        border-radius:8px;
        box-shadow: none;
        clip-path: inset(0 0 0 0 round 8px)
    }

    .recent-post-top .recent-post-item:last-child {
        margin-right: 1rem
    }
}

@media screen and (min-width: 1300px) {
    .recent-post-top .recent-post-item {
        margin-right:0;
        margin-bottom: .5rem
    }

    .recent-post-top .recent-post-item:active {
        transform: scale(.97)
    }

    .recent-post-top {
        overflow-x: visible
    }

    .recent-top-post-group {
        overflow: visible;
        overflow-x: visible
    }
}

span.recent-post-top-text {
    position: absolute;
    top: 0;
    left: -40px;
    display: flex;
    z-index: 1;
    background: var(--bywind-theme);
    color: var(--bywind-white);
    padding: 2px 8px;
    font-size: .6rem;
    border-radius: 12px 0 12px 0;
    transition: .3s;
    cursor: pointer
}

.recent-post-item:hover .recent-post-top-text {
    left: 0
}

@media screen and (min-width: 1300px) {
    .recent-post-top .recent-post-item:hover {
        border:var(--style-border-hover);
        box-shadow: var(--bywind-shadow-main);
        transform: scale(1.03)
    }

    .recent-post-top .recent-post-item:active {
        transform: scale(.97)
    }
}

@media screen and (max-width: 768px) {
    .recent-top-post-group {
        border-radius:0;
        background: var(--bywind-background)
    }

    .recent-post-top-text {
        display: none!important
    }

    .recent-post-top .recent-post-item .post_cover img {
        border-radius: 8px 8px 0 0!important
    }
}

.recent-post-top .recent-post-item .post_cover a {
    height: 100px;
    overflow: hidden;
    display: flex
}

.recent-post-top .recent-post-item .post_cover img {
    object-fit: cover;
    width: 100%;
    background: var(--bywind-secondbg);
    border-radius: 12px 12px 0 0
}

.recent-post-top .recent-post-item:hover .post_cover img {
    transform: scale(1)
}

.recent-post-top .recent-post-item .recent-post-info {
    padding: .3rem .5rem .3rem .5rem!important;
    transition: .3s
}

.recent-post-top .recent-post-item:hover .recent-post-info a {
    color: var(--bywind-fontcolor)
}

@media screen and (max-width: 1300px) {
    .recent-post-top .recent-post-item:hover .recent-post-info a {
        color:var(--bywind-theme);
        transition: .3s
    }
}

.recent-post-top .recent-post-item .recent-post-info .article-title {
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    justify-content: center;
    align-items: flex-end;
    align-content: center;
    padding-top: .5rem;
    font-weight: 700;
    font-size: .8rem!important;
    padding: 0!important
}

.categoryItem {
  overflow: hidden;
  transform: scale(1);
  transition: all 0.8s cubic-bezier(0.65, 0.15, 0.37, 1.19);
  height: 48%;
  border-radius: 12px;
}

a.categoryButton {
  height: 100%;
  width: 100%;
  background: var(--bywind-card-bg);
  border-radius: 12px;
  display: inline-block;
  text-align: left;
  line-height: 4em;
  font-weight: bold;
  font-size: 0.9rem;
  color: var(--bywind-white);
  transition: all 0.8s cubic-bezier(0.39, 0.575, 0.565, 1);
  transform: scale(1);
  overflow: hidden;
  font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei;
}

a.categoryButton i {
  transform: scale(1.0) rotate(15deg);
}

@media screen and (min-width: 1300px) {
  a.categoryButton:active {
    transform: scale(0.97);
  }
}

@media screen and (max-width: 768px) {
  a.categoryButton {
    border-radius: 8px;
  }

  .categoryItem {
    border-radius: 0px;
    height: 47%;
    box-shadow: none !important;
  }
}

a.categoryButton:after {
  top: 50px;
  width: 1rem;
  left: 21px;
  height: 2px;
  background: var(--bywind-white);
  content: "";
  border-radius: 1px;
  position: absolute;
}

.categoryButtonText {
  padding-left: 21px;
}

a.categoryButton i {
  font-size: 5rem;
  opacity: 0.2;
  position: absolute;
  right: 0%;
  top: 20%;
  transition: 0.3s;
  width: 100px;
  text-align: center;
  filter: blur(2px);
}

@media screen and (max-width: 768px) {
  a.categoryButton i {
    display: none;
  }

  .recent-post-top .categoryGroup {
    min-width: 130px !important;
    margin-bottom: 0.5rem;
    margin-left: 1rem;
    max-height: 164px;
    overflow: hidden;
    position: relative;
  }
}

.topGroup {
  display: flex;
}

#bannerGroup {
  display: flex;
}

div#banners {
  display: none;
}

@media screen and (min-width: 1300px) {
  .topGroup {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    height: calc(328px + 0.5rem);
    align-content: space-between;
    width: calc(600px + 1.5rem);
    position: relative;
  }

  div#bannerGroup {
    width: calc(100% - 600px - 2rem);
    margin-right: 0.5rem;
    height: calc(328px + 0.5rem);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  div#banners {
    display: flex;
    width: 100%;
    height: 76%;
    background: var(--bywind-card-bg);
    margin-bottom: 0.5rem;
    border: var(--style-border);
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    box-shadow: var(--bywind-shadow-border);
    flex-direction: column;
    overflow: hidden;
    transition: 0.3s;
    clip-path: inset(0 0 0 0 round 12px);
  }

  div#banners:hover {
    box-shadow: var(--bywind-shadow-main);
  }

  #banners.flink {
    margin-bottom: 0.5rem;
  }

  #banners .banner-button-group {
    position: absolute;
    right: 2rem;
    top: 2rem;
    display: flex;
  }

  #banners .banner-button {
    padding: 8px 12px;
    background: var(--bywind-fontcolor);
    border-radius: 12px;
    color: var(--bywind-card-bg);
    display: flex;
    align-items: center;
    z-index: 1;
    transition: 0.3s;
    cursor: pointer;
    box-shadow: var(--bywind-shadow-black);
  }

  #banners .banner-button.secondary {
    background: var(--bywind-secondbg);
    border: var(--style-border-always);
    color: var(--bywind-lighttext);
    margin-right: 1rem;
    box-shadow: var(--bywind-shadow-border);
  }

  #banners .banner-button:hover {
    background: var(--bywind-theme);
    color: var(--bywind-white);
  }

  #banners .banner-button i {
    margin-right: 8px;
    font-size: 1rem;
  }

  .banners-title {
    top: 2rem;
    left: 1.5rem;
    position: absolute;
    display: flex;
    flex-direction: column;
  }
  

  .banners-title-big {
    font-size: 36px;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 8px;
  }

  .banners-title-small {
    font-size: 12px;
    line-height: 1;
    color: var(--bywind-secondtext);
    margin-top: 8px;
    margin-bottom: 0.5rem;
  }

  #banner-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--bywind-theme);
    color: var(--bywind-white);
    padding-left: 0.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
    transition: cubic-bezier(0.71, 0.15, 0.16, 1.15) 0.6s;
  }

  .bannerText {
    font-size: 4rem;
    line-height: 4rem;
    font-weight: bold;
  }

  .banner-righticon {
    font-size: 4rem;
    opacity: 0.6;
  }

  #banners:hover #banner-hover {
    opacity: 1;
    padding-left: 2rem;
    background: #4259efc9;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transition: 0.3s;
    background-size: 200%;
    cursor: pointer;
  }
}
.tags-group-icon {
    width: 120px;
    height: 120px;
    border-radius: 30px
}

.tags-group-all {
    display: flex;
    transform: rotate(-30deg)
}

.tags-group-all.nowrapMove {
    transform: rotate(0);
    padding-bottom: 2rem
}

.tags-group-wrapper {
    margin-top: 5rem;
    display: flex;
    flex-wrap: nowrap;
    animation: rowup 60s linear infinite
}

.nowrapMove .tags-group-wrapper {
    margin-top: 7rem;
    animation: rowup 120s linear infinite
}

.tags-group-icon-pair .tags-group-icon:nth-child(even) {
    margin-top: 1rem;
    transform: translate(-60px)
}

.tags-group-icon-pair {
    margin-left: 1rem
}

.tags-group-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 66px;
    font-weight: 700;
    box-shadow: var(--bywind-shadow-blackdeep)
}

.nowrapMove .tags-group-icon {
    border-radius: 50%
}

.tags-group-icon img {
    width: 60%
}
.nowrapMove .tags-group-icon img {
    min-width: 100%;
    min-height: 100%;
    border-radius: 50%;
    object-fit: cover
}

.categoryItem:hover i {
    opacity: .8;
    transition: .8s;
    transition-delay: .15s;
    transform: scale(1.03) rotate(0);
    font-size: 2.5rem;
    filter: blur(0)
}

@media screen and (min-width: 1300px) {
    .categoryItem:hover i {
        transform:scale(1.03) rotate(0)
    }
}

.cate-button-text {
    box-shadow: var(--bywind-shadow-black)
}

.recent-post-top .categoryGroup {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 200px
}

.categoryGroup .categoryItem:nth-child(3) {
    display: none
}

@media screen and (min-width: 1300px) {
    .recent-post-top .categoryGroup {
        flex-direction:row;
        height: 24%
    }

    .categoryItem {
        width: calc(100% / 3 - .33rem);
        height: 100%;
        margin-right: .5rem
    }

    .categoryItem:last-child {
        margin-right: 0
    }

    .categoryItem:hover {
        width: 50%
    }

    .categoryGroup .categoryItem:nth-child(3) {
        display: flex
    }
}

a.categoryButton.bikan {
    background: linear-gradient(to right,#358bff,#15c6ff);
    background-size: 200%
}

a.categoryButton.remen {
    background: linear-gradient(to right,#f65,#ffbf37);
    background-size: 200%
}

a.categoryButton.shiyong {
    background: linear-gradient(to right,#18e7ae,#1eebeb);
    background-size: 200%
}

[data-theme=dark] a.categoryButton.bikan {
    background: linear-gradient(to right,#0653b8,#2fcbff);
    background-size: 200%
}

[data-theme=dark] a.categoryButton.remen {
    background: linear-gradient(to right,#e22a16,#da980c);
    background-size: 200%
}

[data-theme=dark] a.categoryButton.shiyong {
    background: linear-gradient(to right,#099e74,#0ea4a4);
    background-size: 200%
}

a.categoryButton:hover {
    background-position: 100% 0
}
@keyframes rowup {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(-50%)
    }
}

只因刻短文

在source/_data目录下创建essay.yml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
- class_name: 即刻短文
  essay_list:
    - content: 文章推荐卡片教程推出
      image: https://cdn.bywind.xyz/img/cover/image-20221221154442479.png
      link: https://blog.bywind.xyz/posts/ab6e072d.html
      date: 2022-12-21
    - content: 关于本站
      link: https://blog.bywind.xyz/about/
      date: 2022-12-20
    - content: 即刻短文头图换成视频，更显动态感
      date: 2022-12-19 23:07:23
    - content: 李荣浩的歌还是那么好听，两人配合太棒了！
      music:
        server: tencent
        id: 001wG84E4bOj3V
      date: 2022-12-19 08:07:23

输入hexo new page essay，生成文件在source/essay/index.md

1
2
3
4
5
6
7
8
---
title: 即刻短文
date: 2022-12-20 22:06:17
comments: true
aside: false
top_img: false
type: essay
---

在themes/butterfly/layout/includes/page目录下创建essay.pug

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
.author-content.author-content-item.essayPage.single.essayVideo
    .card-content
        .author-content-item-tips 即刻短文
        span.author-content-item-title 分享生活的小确幸
        .content-bottom
            .tips 使用 即刻短文静态部署版 构建
        .banner-button-group
            a.banner-button(onclick='pjax.loadUrl("/about/")', data-pjax-state)
                i.fas.fa-circle-chevron-right
                span.banner-button-text 部署项目
#bber
    section.timeline.page-1
        ul#waterfall.list.show
            each i in site.data.essay
                each item, index in i.essay_list
                    if index < 30
                        li.item
                            .bber-content
                                p.datacont= item.content
                                    if item.image
                                        .bber-content-img
                                            a.fancybox(target='_blank', rel='noopener', href=item.image, data-fancybox='gallery', data-caption)
                                                img.bber-content-image-self.entered.loading(src=item.image,data-ll-status='loading')
                            if item.music
                                .bber-music
                                    meting-js(server=item.music.server, type='song', id=item.music.id, mutex='true', preload='none', theme='var(--bywind-main)', data-lrctype='0')
                            hr
                            .bber-bottom
                                .bber-info
                                    .bber-info-time
                                        i.fa-solid.fa-calendar-days
                                        - var datedata = new Date(item.date).toISOString()

                                        time.datatime(datetime= item.date)= datedata
                                    if item.link
                                        a.bber-content-link(href=item.link, target="_blank", rel="external nofollow", title="跳转到短文指引的链接")
                                            i.fas.fa-link
                                            | 链接
                                a.bber-reply(onclick=`rm.rightMenuCommentText('${item.content}')`)
                                    i.fa-solid.fa-message

#bber-tips(style='color: var(--bywind-secondtext);')
    | - 只展示最近30条短文 -

修改themes/butterfly/layout/page.pug

1
2
3
4
5
6
7
    case page.type
      when 'tags'
        include includes/page/tags.pug
      when 'link'
        include includes/page/flink.pug
+      when 'essay'
+        include includes/page/essay.pug

新建themes/butterfly/layout/includes/bbTimeList.pug

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
#bbTimeList.bbTimeList.container
    i.bber-logo.iconfont.icon-bblogo(onclick=`pjax.loadUrl("/essay/")`,title="即刻短文",style="font-size: 2rem;")
    #bbtalk.swiper-container.swiper-no-swiping(tabindex="-1")
        #bber-talk.swiper-wrapper(onclick=`pjax.loadUrl("/essay/")`)
            each i in site.data.essay
                each item, index in i.essay_list
                    if index < 10
                        - var contentText = item.content
                        if item.image
                            - contentText= item.content + ' [图片]'
                        else if item.music
                            - contentText= item.content + ' [音乐]'
                        .li-style.swiper-slide= contentText

    i.bber-gotobb.fas.fa-arrow-circle-right(onclick=`pjax.loadUrl("/essay/")`,title="查看全文")
script(src='https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.js',data-pjax='')

引入到主页:

1
2
3
4
5
6
7
block content
  include ./includes/mixins/post-ui.pug
  #recent-posts.recent-posts
    include includes/categoryList.pug
+    include includes/bbTimeList.pug
    +postUI
    include includes/pagination.pug

引入样式：

1
2
3
4
5
inject:
  head:
+		- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.css">
+		- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/js-heo@1.0.11/bb/showbb_in_index.css">
+		- <script src="https://cdn.staticaly.com/gh/haonan15/CDN@main/source/waterfall.min.js"></script> # 瀑布流

自定义js：

1
2
3
4
5
6
7
8
9
10
if (document.querySelector('#bber-talk')) {
      var swiper = new Swiper('.swiper-container', {
        direction: 'vertical', 
        loop: true,
        autoplay: {
        delay: 3000,
        pauseOnMouseEnter: true
      },
      });
    }

导航栏

来自：安知鱼

添加自定义css nav_menu.css

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
#nav a:hover {
  background: var(--anzhiyu-main);
  transition: 0.3s;
}

#nav-totop:hover .totopbtn i {
  opacity: 1;
}
#nav-totop #percent {
  font-size: 12px;
  background: var(--anzhiyu-white);
  color: var(--anzhiyu-main);
  width: 25px;
  height: 25px;
  border-radius: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}
.nav-fixed #nav-totop #percent,
.page #nav-totop #percent {
  background: var(--font-color);
  color: var(--card-bg);
  font-size: 13px;
}

#nav-totop {
  width: 35px;
}
#page-header:not(.is-top-bar) #percent {
  transition: 0.3s;
}
#page-header:not(.is-top-bar) #nav-totop {
  width: 0;
  opacity: 0;
  transition: width 0.3s, opacity 0.2s;
  margin-left: 0 !important;
}
#nav-totop #percent {
  font-weight: 700;
}
#nav-totop:hover #percent {
  opacity: 0;
  transform: scale(1.5);
  font-weight: 700;
}
#page-header #nav #nav-right div {
  margin-left: 0.5rem;
  padding: 0;
}

#nav-totop {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}
.nav-button {
  cursor: pointer;
}
div#menus {
  display: flex;
  align-items: center;
}
#page-header #nav .nav-button a {
  height: 35px;
  width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#nav .site-page {
  padding-bottom: 0px;
}
#nav *::after {
  background-color: transparent !important;
}

/* 顶栏修改 */
#nav .menus_items .menus_item .menus_item_child li a {
  padding: 2px 16px;
}
#nav .menus_items .menus_item .menus_item_child li:hover a {
  color: white !important;
}

#nav .menus_items .menus_item .menus_item_child li {
  margin: 6px;
  border-radius: 5px;
  transition: all 0.3s;
  display: inline-block;
  margin: 0 3px;
}
#nav .menus_items .menus_item .menus_item_child:before {
  top: -19px;
}
#site-name,
.shuoshuo {
  white-space: nowrap;
  overflow: hidden;
}
#site-name {
  padding: 0 8px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}

#blog_name #site-name i {
  opacity: 0;
  position: absolute;
}

#blog_name #site-name:hover .title {
  opacity: 0;
}

#blog_name #site-name:hover i {
  opacity: 1;
  transform: scale(1.01);
  color: white;
}
/* 圆角隐藏 */
ul.menus_item_child {
  border-radius: 5px;
}

/* 一级菜单居中 */
#nav .menus_items {
  position: absolute;
  width: fit-content;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 60px;
}

#nav .menus_items .menus_item:hover .menus_item_child {
  display: block;
  transform: translateX(-50%);
  right: auto;
  left: auto !important;
  padding: 6px 4px;
  box-sizing: content-box;
  line-height: 35px;
}
#nav .menus_items .menus_item:hover {
  padding: 0 5px 27px 5px !important;
  margin-bottom: -14.5px !important;
}

#nav .menus_items .menus_item .menus_item_child {
  top: 44px;
}

@media screen and (min-width: 768px) {
  .page .menus_item:hover > a.site-page {
    color: var(--anzhiyu-white) !important;
    background: var(--anzhiyu-main);
    transition: 0.3s;
    box-shadow: var(--anzhiyu-shadow-main);
  }
}

.nav-fixed #nav {
  transform: translateY(58px) !important;
}
#nav {
  padding: 0 calc((100% - 1420px) / 2);
  backdrop-filter: saturate(180%) blur(20px);
}

#nav a {
  border-radius: 8px;
  color: var(--font-color);
}
.page #nav a:hover {
  color: var(--anzhiyu-white) !important;
  background: var(--anzhiyu-main);
  transition: 0.3s;
  box-shadow: var(--anzhiyu-shadow-main);
}

#menus > div.menus_items > div > a {
  letter-spacing: 0.3rem;
  font-weight: 700;
  padding: 0em 0.3em 0em 0.5em;
  height: 35px;
  line-height: 35px;
}
#nav .menus_items .menus_item {
  padding: 0 5px;
  display: flex;
  flex-direction: column;
  margin: auto;
  align-items: center;
}

#nav div#toggle-menu {
  padding: 2px 0 4px 6px;
}

#nav-totop .totopbtn i {
  position: absolute;
  display: flex;
  opacity: 0;
}
#page-name::before {
  font-size: 18px;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  color: white !important;
  top: 0;
  left: 0;
  content: "回到顶部";
  background-color: var(--anzhiyu-theme);
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  opacity: 0;
  box-shadow: 0 0 3px var(--anzhiyu-theme);
  line-height: 45px; /*如果垂直位置不居中可以微调此值，也可以删了*/
}
#page-name:hover:before {
  opacity: 1;
}
#name-container {
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
#name-container:hover {
  transform: translateX(-50%) scale(1.03);
}
#page-name {
  position: relative;
  padding: 10px 30px;
}

center#name-container {
  position: absolute;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  font-family: "ZhuZiAYuanJWD";
}
.nav-fixed.nav-visible #name-container {
  transition: 0.3s;
  transform: translate(-50%, 60px);
}
.nav-fixed.nav-visible #menus .menus_items {
  transform: translate(-50%);
  transition: 0.3s;
  line-height: 60px;
}
.nav-fixed #menus .menus_items {
  transform: translate(-50%, -60px);
  transition: 0.3s;
}
.nav-fixed #name-container {
  top: 15%;
  transition: 0.3s;
}
#name-container {
  bottom: 60px;
}

.mask-name-container {
  max-width: 1200px;
  width: 50%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (max-width: 992px) {
  .mask-name-container {
    width: 65%;
  }
}

@media screen and (max-width: 768px) {
  .mask-name-container {
    display: none;
  }
}
#sidebar #sidebar-menus .menus_items .site-page:hover {
  color: var(--anzhiyu-white);
  border-radius: var(--anzhiyu-border-radius);
}
#nav .menus_items .menus_item > a > i:last-child {
  display: none;
}
#nav #search-button {
  font-size: 1.3em;
}

@media screen and (min-width: 900px) {
  #nav .back-home-button:hover {
    box-shadow: var(--anzhiyu-shadow-main);
  }
}

.back-home-button:hover {
  background: var(--anzhiyu-main);
  color: var(--anzhiyu-white) !important;
}
.back-home-button {
  display: flex;
  width: 35px;
  height: 35px;
  padding: 0 !important;
  align-items: center;
  justify-content: center;
  margin-right: 4px;
  transition: 0.3s;
  border-radius: 8px;
}

.back-home-button:hover .back-menu-list-groups {
  display: flex;
  opacity: 1;
  transition: 0.3s;
  top: 55px;
  pointer-events: auto;
  left: 0;
}
.back-home-button .back-menu-list-groups {
  position: absolute;
  top: 65px;
  left: 0;
  background: var(--anzhiyu-card-bg);
  border-radius: 12px;
  border: var(--style-border);
  flex-direction: column;
  font-size: 12px;
  color: var(--anzhiyu-secondtext);
  box-shadow: var(--anzhiyu-shadow-border);
  transition: 0s;
  opacity: 0;
  pointer-events: none;
}

.back-home-button .back-menu-list-group {
  display: flex;
  flex-direction: column;
}
.back-home-button .back-menu-list-group .back-menu-list-title {
  margin: 8px 0 0 16px;
  transition: 0.3s;
}
.back-home-button .back-menu-list {
  display: flex;
  flex-direction: column;
}
.back-home-button .back-menu-list::before {
  position: absolute;
  top: -22px;
  left: 0px;
  width: 100%;
  height: 25px;
  content: "";
}

.back-home-button .back-menu-list-group:hover .back-menu-list-title {
  color: var(--anzhiyu-main);
}
.back-home-button .back-menu-list-groups:hover {
  border: var(--style-border-hover);
}
.back-home-button .back-menu-list .back-menu-item {
  display: flex;
  align-items: center;
  margin: 4px 8px;
  padding: 4px 8px !important;
  transition: 0.3s;
  border-radius: 8px;
}
.back-home-button .back-menu-list .back-menu-item .back-menu-item-text {
  font-size: var(--global-font-size);
  margin-left: 0.5rem;
  color: var(--anzhiyu-fontcolor);
  white-space: nowrap;
}
#nav #blog_name {
  flex-wrap: nowrap;
  height: 60px;
  display: flex;
  align-items: center;
  /* z-index: 102; */
  transition: 0.3s;
}
.back-home-button .back-menu-list .back-menu-item .back-menu-item-icon {
  width: 24px;
  height: 24px;
  border-radius: 24px;
  background: var(--anzhiyu-secondbg);
}
#page-header #nav .back-home-button {
  cursor: pointer;
  position: relative;
}

@media screen and (min-width: 1300px) {
  #nav a:hover {
    transform: scale(1.03);
  }
}
.back-home-button .back-menu-list .back-menu-item:hover .back-menu-item-text {
  color: var(--anzhiyu-white);
}
.back-menu-item-icon.loading img {
  width: 25px;
}

#page-header #nav #menus .nav-button.long a.totopbtn,
#page-header #nav #menus .nav-button.long,
#page-header #nav #menus .nav-button.long a.totopbtn span {
  width: 70px;
}
#page-header #nav #menus .nav-button.long a.totopbtn span {
  border-radius: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
  white-space: nowrap;
}

#page-header #nav #menus .nav-button.long a.totopbtn:hover {
  border-radius: 35px;
  height: 30px;
}

#nav #search-button {
  padding-left: 0;
}
#page-header #nav .nav-button {
  margin-left: 0.5rem;
  padding: 0;
}
#page-header:not(.is-top-bar) #nav-totop a {
  display: none;
}
#search-button a.site-page.social-icon.search span {
  display: none;
}

颜色css：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
/* 颜色 */
:root {
  --anzhiyu-theme-op: #4259ef23;
  --anzhiyu-white: #fff;
  --anzhiyu-black: #000;
  --anzhiyu-none: rgba(0, 0, 0, 0);
  --anzhiyu-gray: #999999;
  --anzhiyu-yellow: #ffc93e;
  --anzhiyu-border-radius: 8px;
  --anzhiyu-main: var(--anzhiyu-theme);
  --anzhiyu-main-op: var(--anzhiyu-theme-op);
  --anzhiyu-shadow-theme: 0 8px 12px -3px var(--anzhiyu-theme-op);
  --anzhiyu-shadow-main: 0 8px 12px -3px var(--anzhiyu-main-op);
  --anzhiyu-shadow-blue: 0 8px 12px -3px rgba(40, 109, 234, 0.2);
  --anzhiyu-shadow-white: 0 8px 12px -3px rgba(255, 255, 255, 0.2);
  --anzhiyu-shadow-black: 0 0 12px 4px rgba(0, 0, 0, 0.05);
  --anzhiyu-shadow-yellow: 0px 38px 77px -26px rgba(255, 201, 62, 0.12);
  --anzhiyu-shadow-red: 0 8px 12px -3px #ee7d7936;
  --anzhiyu-shadow-green: 0 8px 12px -3px #87ee7936;
  --anzhiyu-shadow-border: 0 8px 16px -4px #2c2d300c;
  --anzhiyu-logo-color: linear-gradient(215deg, #4584ff 30%, #ff7676 70%);
  --style-border: 1px solid var(--anzhiyu-card-border);
  --anzhiyu-blue-main: #ff7a7a;
  --style-border-hover: 1px solid var(--anzhiyu-main);
  --style-border-dashed: 1px dashed var(--anzhiyu-theme-op);
  --style-border-avatar: 4px solid var(--anzhiyu-background);
  --style-border-always: 1px solid var(--anzhiyu-card-border);
  --anzhiyu-white-acrylic1: #fefeff !important;
  --anzhiyu-white-acrylic2: #fcfdff !important;
  --anzhiyu-black-acrylic2: #08080a !important;
  --anzhiyu-black-acrylic1: #0b0b0e !important;
}

[data-theme="light"] {
  --anzhiyu-theme: #ff7a7a;
  --anzhiyu-theme-op: #4259ef23;
  --anzhiyu-blue: #ff7a7a;
  --anzhiyu-red: #d8213c;
  --anzhiyu-pink: #ff7a7a;
  --anzhiyu-green: #57bd6a;
  --anzhiyu-fontcolor: #363636;
  --anzhiyu-background: #f7f9fe;
  --anzhiyu-reverse: #000;
  --anzhiyu-maskbg: rgba(255, 255, 255, 0.6);
  --anzhiyu-maskbgdeep: rgba(255, 255, 255, 0.85);
  --anzhiyu-hovertext: var(--anzhiyu-theme);
  --anzhiyu-ahoverbg: #f7f7fa;
  --anzhiyu-lighttext: var(--anzhiyu-main);
  --anzhiyu-secondtext: rgba(60, 60, 67, 0.6);
  --anzhiyu-scrollbar: rgba(60, 60, 67, 0.4);
  --anzhiyu-card-btn-bg: #edf0f7;
  --anzhiyu-post-blockquote-bg: #fafcff;
  --anzhiyu-post-tabs-bg: #f2f5f8;
  --anzhiyu-secondbg: #edf0f7;
  --anzhiyu-shadow-nav: 0 5px 12px -5px rgba(102, 68, 68, 0.05);
  --anzhiyu-card-bg: #fff;
  --anzhiyu-shadow-lightblack: 0 5px 12px -5px rgba(102, 68, 68, 0);
  --anzhiyu-shadow-light2black: 0 5px 12px -5px rgba(102, 68, 68, 0);
  --anzhiyu-card-border: #c0c6d8;
}

[data-theme="dark"] {
  --anzhiyu-theme: #0084ff;
  --anzhiyu-theme-op: #0084ff23;
  --anzhiyu-blue: #0084ff;
  --anzhiyu-red: #ff3842;
  --anzhiyu-pink: #ff7a7a;
  --anzhiyu-green: #57bd6a;
  --anzhiyu-fontcolor: #f7f7fa;
  --anzhiyu-background: #18171d;
  --anzhiyu-reverse: #fff;
  --anzhiyu-maskbg: rgba(0, 0, 0, 0.6);
  --anzhiyu-maskbgdeep: rgba(0, 0, 0, 0.85);
  --anzhiyu-hovertext: #0a84ff;
  --anzhiyu-ahoverbg: #fff;
  --anzhiyu-lighttext: #f2b94b;
  --anzhiyu-secondtext: #a1a2b8;
  --anzhiyu-scrollbar: rgba(200, 200, 223, 0.4);
  --anzhiyu-card-btn-bg: #30343f;
  --anzhiyu-post-blockquote-bg: #000;
  --anzhiyu-post-tabs-bg: #121212;
  --anzhiyu-secondbg: #30343f;
  --anzhiyu-shadow-nav: 0 5px 20px 0px rgba(28, 28, 28, 0.4);
  --anzhiyu-card-bg: #1d1b26;
  --anzhiyu-shadow-lightblack: 0 5px 12px -5px rgba(102, 68, 68, 0);
  --anzhiyu-shadow-light2black: 0 5px 12px -5px rgba(102, 68, 68, 0);
  --anzhiyu-card-border: #42444a;
}

js：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
// 返回顶部 显示网页阅读进度
window.onscroll = percent; // 执行函数
// 页面百分比
function percent() {
  let a = document.documentElement.scrollTop || window.pageYOffset, // 卷去高度
    b =
      Math.max(
        document.body.scrollHeight,
        document.documentElement.scrollHeight,
        document.body.offsetHeight,
        document.documentElement.offsetHeight,
        document.body.clientHeight,
        document.documentElement.clientHeight
      ) - document.documentElement.clientHeight, // 整个网页高度 减去 可视高度
    result = Math.round((a / b) * 100), // 计算百分比
    btn = document.querySelector("#percent"); // 获取图标

  result <= 99 || (result = 99), (btn.innerHTML = result);
}

document.getElementById("page-name").innerText = document.title.split(" | name")[0];

修改本地themes/butterfly/source/js/main.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
  window.scrollCollect = () => {
        return btf.throttle(function (e) {
          const currentTop = window.scrollY || document.documentElement.scrollTop
          const isDown = scrollDirection(currentTop)
          if (currentTop > 56) {
+           $header.classList.add('is-top-bar')
            if (isDown) {
              if ($header.classList.contains('nav-visible')) $header.classList.remove('nav-visible')
              if (isChatBtnShow && isChatShow === true) {
                chatBtnHide()
                isChatShow = false
              }
            } else {
              if (!$header.classList.contains('nav-visible')) $header.classList.add('nav-visible')
              if (isChatBtnHide && isChatShow === false) {
                chatBtnShow()
                isChatShow = true
              }
            }
            $header.classList.add('nav-fixed')
            if (window.getComputedStyle($rightside).getPropertyValue('opacity') === '0') {
              $rightside.style.cssText = 'opacity: 0.8; transform: translateX(-58px)'
            }
          } else {
            if (currentTop === 0) {
-             $header.classList.remove('nav-fixed', 'nav-visible')
+             $header.classList.remove('is-top-bar')
            }
            $rightside.style.cssText = "opacity: ''; transform: ''"
          }

          if (document.body.scrollHeight <= innerHeight) {
            $rightside.style.cssText = 'opacity: 0.8; transform: translateX(-58px)'
          }
        }, 200)()
      }

修改themes/butterfly/layout/includes/header/index.pug

1
2
3
4
5
6
7
8
9
  if top_img !== false
    - var imgSource = top_img && top_img.indexOf('/') !== -1 ? `background-image: url('${url_for(top_img)}')` : `background: ${top_img}`
    - var bg_img = top_img ? imgSource : ''
    - var site_title = page.title || page.tag || page.category || config.title
-   - var isHomeClass = is_home() ? 'full_page' : 'not-home-page'
+   - var isHomeClass = is_home() ? 'full_page nav-fixed nav-visible' : 'not-home-page'
    - is_post() ? isHomeClass = 'post-bg' : isHomeClass
  else
    - var isHomeClass = 'not-top-img'

替换themes/butterfly/layout/includes/header/nav.pug

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
- const { darkmode } = theme
nav#nav
  span#blog_name
    .back-home-button(tabindex='-1')
      i.back-home-button-icon.fas.fa-grip-vertical
      .back-menu-list-groups
        .back-menu-list-group
          .back-menu-list-title 网页
          .back-menu-list
            a.back-menu-item(href='/', title='前往博客主页', target='_blank', one-link-mark='yes')
              img.back-menu-item-icon(src='https://img02.anzhiy.cn/adminuploads/1/2022/09/05/6315ec9737ac4.png')
              span.back-menu-item-text 博客
            a.back-menu-item(href='https://www.cloud.anzhiy.cn/', rel='external nofollow', title='前往云盘主页', target='_blank', one-link-mark='yes')
              img.back-menu-item-icon(src='https://img02.anzhiy.cn/adminuploads/1/2022/09/15/63232b7d91d22.jpg')
              span.back-menu-item-text 云盘主页
            a.back-menu-item(href='https://cloud.anzhiy.cn/', rel='external nofollow', title='前往安知鱼云盘', target='_blank', one-link-mark='yes')
              img.back-menu-item-icon(src='https://img02.anzhiy.cn/adminuploads/1/2022/04/27/6268e7d9de532.png')
              span.back-menu-item-text 安知鱼云盘
        .back-menu-list-group
          .back-menu-list-title 项目
          .back-menu-list
            a.back-menu-item(href='http://blgou.net/#/main/home', title='查看德信官网', target='_blank', rel='noopener nofollow', one-link-mark='yes')
              img.back-menu-item-icon(src='https://img02.anzhiy.cn/adminuploads/1/2022/09/15/6322cd942dbd9.png')
              span.back-menu-item-text 德信官网

    a#site-name(href=url_for('/'))
      .title #[=config.title]
      i.fa-solid.fa-house

  div.mask-name-container
    center(id="name-container")
      a(id="page-name" href="javascript:rmf.scrollToTop()") PAGE_NAME

  #menus
    if (theme.algolia_search.enable || theme.local_search.enable)
      div.nav-button#search-button
        a.site-page.social-icon.search
          i.fas.fa-search.fa-fw
          span=' '+_p('search.title')

    if darkmode.enable && darkmode.button
      div.nav-button#darkmode_navswitch
        a.darkmode_switchbutton(type="button" title=_p('rightside.night_mode_title') onclick="rmf.switchDarkMode()")
          i.fas.fa-adjust

    div.nav-button#nav-totop
      a.totopbtn
        i.fas.fa-arrow-up
        span#percent(onclick="btf.scrollToDest(0,500)") 0


    !=partial('includes/header/menu_item', {}, {cache: true})

    #toggle-menu
      a.site-page
        i.fas.fa-bars.fa-fw

页脚

修改themes/butterfly/layout/includes/footer.pug文件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
#footer_deal
  a.deal_link(href="" title="mail")
    i.iconfont.icon-mail
  a.deal_link(href="" title="qq" target="_blank")
    i.iconfont.icon-qq1
  a.deal_link(href="" title="微博" target="_blank")
    i.iconfont.icon-weibo1
  a.deal_link(href="https://github.com/JayHrn" title="github"  target="_blank")
    i.iconfont.icon-github1
  img.footer_mini_logo.entered.loading(style="border-radius:50%" src='图片路径' onclick="btf.scrollToDest(0,500)" title="返回顶部")
  a.deal_link(href="" title="dribbble")
    i.iconfont.icon-dribbble_F
  a.deal_link(href="" title="facebook" target="_blank")
    i.iconfont.icon-facebook1
  a.deal_link(href="" title="Twitter" target="_blank")
    i.iconfont.icon-twitter
  a.deal_link(href="" title="Telegram" target="_blank")
    i.iconfont.icon-telegram
#Jay-footer
  .footer-group
    h3.footer-title 直达
    .footer-links
      a.footer-item(href="https://www.jayhrn.com" target="_blank") 我的主页
      a.footer-item(href="/music") 音乐欣赏
      a.footer-item(href="/harbour") 心灵港湾
      a.footer-item(href="/random.html") 随机文章
  .footer-group
    h3.footer-title 分类
    .footer-links
      a.footer-item(href="/categories/📚学习笔记/") 学习笔记
      a.footer-item(href="/categories/🦋魔改教程/") 魔改教程
      a.footer-item(href="/categories/🌈算法笔记/") 算法笔记
      a.footer-item(href="/categories/📙语法教程/") 语法教程
  .footer-group
    h3.footer-title 关于
    .footer-links
      a.footer-item(href="/about/") 关于我
      a.footer-item(href="/charts/") 博客统计
      a.footer-item(href="/archives") 文章归档
      a.footer-item(href="/update") 更新记录
  .footer-group
    h3.footer-title 友链
    .footer-links#friend-links-in-footer
  .footer-group
    h3.footer-title 协议
    .footer-links
      a.footer-item(href="/privacy/") 隐私协议
      a.footer-item(href="/cookies/") Cookie
      a.footer-item(href="/cc/") 版权协议
#footer-banner
  .footer-banner-links
    .footer-banner-left
      .footer-banner-left
        #footer-banner-tips
        script(src='https://cdn.jsdelivr.net/npm/typed.js/lib/typed.min.js')
        script.
          var typed = new Typed("#footer-banner-tips", {
            strings: ["念念不忘，必有回响。", "Never forget, there will be echoes."],
            startDelay: 200,
            backDelay: 2000,
            typeSpeed: 100,
            loop: true,
            backSpeed: 20
          })

    .footer-banner-right
      a.footer-banner-link(href="https://hexo.io/zh-cn/" title="Hexo") 框架
      a.footer-banner-link |
      a.footer-banner-link(href="https://github.com/jerryc127/hexo-theme-butterfly" title="theme") 主题
      a.footer-banner-link |
      a.footer-banner-link(href="/atom.xml" title="RSS") 订阅
      a.footer-banner-link |
      a.footer-banner-link(href="/about/" title="about") 关于
      a.footer-banner-link |
      a.footer-banner-link.cc(href="/cc/" title="cc协议")
        i.iconfont.icon-cc
        span 协议

引入：

1
2
3
inject:
  head:
+    - <script src="https://at.alicdn.com/t/c/font_3570527_dthoqrrv2tv.css"></script>

css：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
#footer-wrap {
    color: var(--Jay-fontcolor)
}

#footer-wrap a {
    color: var(--Jay-fontcolor);
    height: 44px;
    line-height: 36px
}

#footer-wrap a:hover {
    color: var(--Jay-hovertext);
    background-color: var(--Jay-none)
}

div#footer_deal {
    justify-content: center;
    display: flex;
    padding-top: 2rem;
    align-items: center
}

@media screen and (max-width: 768px) {
    img.footer_mini_logo {
        display: none
    }

    div#footer_deal {
        flex-wrap: wrap;
        flex-direction: row
    }
}


a.deal_link {
    display: flex;
    margin: 1rem 27px;
    color: var(--Jay-card-bg);
    border-radius: 3rem;
    width: 32px;
    height: 32px;
    background: var(--font-color);
    justify-content: center;
    align-items: center;
    transition: .3s
}

a.deal_link:hover {
    color: var(--Jay-white);
    background: var(--Jay-main)
}

img.footer_mini_logo {
    width: 50px;
    height: 50px;
    margin: 0 1rem;
    cursor: pointer;
    /*filter: drop-shadow(0 12px 12px #ee7d7936);*/
    transition: cubic-bezier(0, 0, 0, 1.29) .5s
}

img.footer_mini_logo:hover {
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d
}

@media screen and (min-width: 1300px) {
    img.footer_mini_logo:hover {
        transform: scale(1.03)
    }

    img.footer_mini_logo:active {
        transform: scale(.97)
    }
}

#weblogo {
    align-self: center
}

#footer-wrap a#Jayblog_footerlogo:hover {
    background: var(--Jay-none)
}

.Jayblog_footerlogo_img {
    filter: drop-shadow(0 12px 12px #ee7d7936)
}

.Jayblog_footerlogo_img:hover {
    transform: scale(1.03)
}

#footer {
    background: linear-gradient(180deg, var(--Jay-background) 0, var(--Jay-card-bg) 25%);
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    z-index: 1002
}

@media screen and (max-width: 768px) {
    #footer {
        background: linear-gradient(180deg, var(--Jay-background) 0, var(--Jay-card-bg) 25%);
        margin-top: 0;
        z-index: 999
    }
}

[data-theme=dark] #footer:before, [data-theme=dark] #page-header:before, [data-theme=dark] #web_bg:before {
    background-color: var(--Jay-none) !important
}

@media screen and (max-width: 768px) {
    #letlink {
        flex-direction: column !important;
        text-align: center !important
    }

    #letlogo {
        display: none !important
    }

    #footer-wrap {
        margin-top: 1rem !important
    }
}

.footer-banner-right {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

#footer-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 20px 50px 0 50px;
    text-align: left !important;
    max-width: 1200px;
    margin: 0 auto
}

#footer-wrap h1 {
    font-size: 1.5rem;
    margin: 0
}

#footer-wrap h3 {
    padding: 0 12px
}

#footer-wrap p {
    margin: 0 0 0 .2rem;
    font-size: .8rem;
    opacity: .8
}

#footer-wrap i {
    margin-right: .5rem;
    width: 22px;
    font-size: 18px;
    display: inline-block
}

#footer-wrap #letlogo {
    display: flex;
    flex-direction: column;
    /*margin-right: 60px;*/
    align-self: center;
    margin: auto 0;
    max-width: 200px
}

#footer-wrap #letlink .link_group {
    display: flex;
    flex-direction: column;
    margin-right: 20px;
    min-width: 180px
}

#footer-wrap #letlink {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin: 0 0 1rem 0
}

#weblogo i {
    font-size: 2rem;
    line-height: 2rem;
    letter-spacing: -10px
}

#footer:before {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    content: '' !important;
    z-index: -1
}

#Jay-footer .footer-links {
    display: flex;
    flex-direction: column
}

#Jay-footer {
    display: flex;
    flex-direction: row;
    width: 100%;
    max-width: 1200px;
    margin: 1rem auto;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 3rem;
    padding: 0 1rem
}

#Jay-footer .footer-item {
    font-size: 1rem;
    line-height: .8rem;
    margin: .38rem 0;
    color: var(--Jay-fontcolor);
    /*margin-right: auto*/
}

#Jay-footer .footer-item:hover {
    color: var(--Jay-theme)
}

#Jay-footer .footer-group {
    min-width: 120px
}

#Jay-footer .footer-title {
    color: var(--Jay-secondtext);
    font-size: 1rem
}

#footer-banner {
    padding: 1rem;
    color: var(--Jay-fontcolor);
    margin-top: 1rem;
    background: var(--Jay-secondbg);
    display: flex;
    overflow: hidden;
    z-index: 1002;
    transition: .3s;
    /*border-top: var(--style-border)*/
}

[data-theme=dark] #footer-banner {
    background: var(--Jay-secondbg)
}

#footer-banner .footer-banner-links {
    display: flex;
    justify-content: space-between;
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    flex-wrap: wrap;
    align-items: center;
}

#footer-banner .footer-banner-left {
    display: flex;
    flex-wrap: wrap;
    min-height: 32px
}

#footer-banner .footer-banner-link {
    margin-right: 1rem;
    color: var(--Jay-fontcolor);
    font-size: 1rem;
    font-weight: 700;
    white-space: nowrap
}

#footer-banner .footer-banner-link.cc {
    margin-right: 0
}

#footer-banner .footer-banner-link.cc i {
    margin-right: .5rem
}

#footer-banner .footer-banner-link:hover {
    color: var(--Jay-theme)
}

#footer-banner > div > div.footer-banner-left > span {
    margin-right: 1rem
}

#footer-banner .footer-banner-right a:hover {
    color: var(--Jay-lighttext)
}

#footer_deal i {
    font-size: 1.6rem;
    transition: .3s;
    line-height: 1.3rem;
    height: 1.3rem
}

关于页

新建 themes/butterfly/layout/includes/page/about.pug

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
#about-page
  .author-box
    .author-img
      img.no-lightbox(src='https://img02.anzhiy.cn/adminuploads/1/2022/09/15/63232b7d91d22.jpg')
    .image-dot
  p.p.center.logo.large 关于我
  p.p.center.small 生活明朗，万物可爱✨
  .author-content
    .author-content-item.myInfoAndSayHello
      .title1 你好，很高兴认识你👋
      .title2
        | 我叫
        span.inline-word 陈志伟
      .title1
        | 是一名 前端工程师、学生、独立开发者、
        span.inline-word 博主
    .aboutsiteTips.author-content-item
      .author-content-item-tips 追求
      h2
        | 源于
        br
        | 热爱而去
        span.inline-word 感受
        .mask
          span.first-tips 学习
          |
          span 生活
          |
          span(data-up) 程序
          |
          span(data-show) 体验

  .hello-about
    .cursor(style='translate:none;rotate:none;scale:none;transform:translate(721px,180px)')
    .shapes
      .shape.shape-1(style='translate:none;rotate:none;scale:none;transform:translate(721px,180px)')
      .shape.shape-2(style='translate:none;rotate:none;scale:none;transform:translate(721px,180px)')
      .shape.shape-3(style='translate:none;rotate:none;scale:none;transform:translate(721px,180px)')
    .content
      h1 Hello there!

  .author-content
    .author-content-item.skills
      .card-content
        .author-content-item-tips 技能
        span.author-content-item-title 开启创造力
        .skills-style-group
          .tags-group-all
            .tags-group-wrapper
              each i in site.data.creativity
                - const evenNum = i.creativity_list.filter((x, index) => index % 2 === 0);
                - const oddNum = i.creativity_list.filter((x, index) => index % 2 === 1);
                each item, index in i.creativity_list
                  if ((index+1 <= evenNum.length) && (index+1 <= oddNum.length))
                    .tags-group-icon-pair
                      .tags-group-icon(style=`background: ${evenNum[index].color}`)
                        img.no-lightbox(title=evenNum[index].name, src=evenNum[index].icon)
                      .tags-group-icon(style=`background: ${oddNum[index].color}`)
                        img.no-lightbox(title=oddNum[index].name, src=oddNum[index].icon)
          .skills-list
            each i in site.data.creativity
              each item, index in i.creativity_list
                .skill-info
                  .skill-icon(style=`background: ${item.color}`)
                    img.no-lightbox(title=item.name, src=item.icon)
                  .skill-name
                    span=item.name
            .etc ...
    .author-content-item.careers
      .card-content
        .author-content-item-tips 生涯
        span.author-content-item-title 无限进步
        .careers-group
          .careers-item
            .circle(style='background:#357ef5')
            .name EDU,软件工程专业
        img.author-content-img.no-lightbox(alt='生涯', src='https://img02.anzhiy.cn/adminuploads/1/2022/09/26/6330e9bcc39cc.png')

  .author-content
    .about-statistic.author-content-item
      .card-content
        .author-content-item-tips 数据
        span.author-content-item-title 访问统计
        #statistic
        .post-tips
          | 统计信息来自
          a(href='https://invite.51.la/1NzKqTeb?target=V6', target='_blank', rel='noopener nofollow') 51la网站统计
        .banner-button-group
          a.banner-button(onclick='pjax.loadUrl("/archives/")', data-pjax-state)
            i.fas.fa-circle-arrow-up-right
            |
            span.banner-button-text 文章隧道
    .author-content-item-group.column.mapAndInfo
      .author-content-item.map.single
        span.map-title
          | 我现在住在
          b 中国，长沙市
      .author-content-item.selfInfo.single
        div
          span.selfInfo-title 生于
          |
          span.selfInfo-content#selfInfo-content-year(style='color:#43a6c6') 2002
        div
          span.selfInfo-title 湖南信息学院
          |
          span.selfInfo-content(style='color:#c69043') 软件工程
        div
          span.selfInfo-title 现在职业
          |
          span.selfInfo-content(style='color:#b04fe6') 大三学生👨‍🎓

  .author-content
    .author-content-item.personalities
      .author-content-item-tips 性格
      span.author-content-item-title 执政官
      .title2(style='color:#ac899c') ESFJ-A
      .post-tips
        | 在
        a(href='https://www.16personalities.com/', target='_blank', rel='noopener nofollow') 16personalities
        |  了解更多关于
        a(target='_blank', rel='noopener external nofollow', href='https://www.16personalities.com/ch/esfj-%E4%BA%BA%E6%A0%BC') 执政官
      .image
        img.no-lightbox(src='https://npm.elemecdn.com/anzhiyu-blog@2.0.8/img/svg/ESFJ-A.svg')
    .author-content-item.myphoto
      img.author-content-img.no-lightbox(alt='自拍', src='https://img02.anzhiy.cn/adminuploads/1/2022/09/24/632e9643611ec.jpg')

  .author-content
    .author-content-item.maxim
      .author-content-item-tips 座右铭
      span.maxim-title
        span(style='opacity:.6;margin-bottom:8px') 生活明朗，
        |
        span 万物可爱。
    .author-content-item.buff
      .card-content
        .author-content-item-tips 特长
        span.buff-title
          span(style='opacity:.6;margin-bottom:8px')
            | 脑回路新奇的
            span.inline-word 酸菜鱼
          |
          span
            | 二次元指数
            span.inline-word MAX
      .card-background-icon
        i.fas.fa-dice-d20

  .author-content
    .author-content-item.game-yuanshen
      .card-content
        .author-content-item-tips 爱好游戏
        span.author-content-item-title 原神
        .content-bottom
          .icon-group
            .loading-bar(role='presentation', aria-hidden='true')
              img.no-lightbox(src='https://yuanshen.site/imgs/loading-bar.png', alt='Loading...', longdesc='https://ys.mihoyo.com/main/')
          .tips.game-yuanshen-uid UID: 125766904
    .author-content-item.comic-content
      .card-content
        .author-content-item-tips 爱好番剧
        span.author-content-item-title 紫罗兰的永恒花园
        .content-bottom
          .banner-button-group
            a.banner-button(onclick='window.open("https://www.bilibili.com/bangumi/play/ep173286?from=search&seid=10927182858100936967&from_spmid=666.25.episode.0")', data-pjax-state)
              i.fas.fa-circle-arrow-up-right
              |
              span.banner-button-text 立即追番

  .author-content
    .author-content-item.like-technology
      .card-content
        .author-content-item-tips 关注偏好
        span.author-content-item-title 数码科技
        .content-bottom
          .tips 手机、电脑软硬件
    .author-content-item.like-music
      .card-content
        .author-content-item-tips 音乐偏好
        span.author-content-item-title 许嵩、民谣、
        |
        span.author-content-item-title 华语流行
        .content-bottom
          .tips 跟 安知鱼 一起欣赏更多音乐
        .banner-button-group
          a.banner-button(onclick='pjax.loadUrl("/music/")', data-pjax-state)
            i.fas.fa-circle-arrow-up-right
            |
            span.banner-button-text 更多推荐

  .author-content
    .create-site-post.author-content-item.single
      .author-content-item-tips 心路历程
      | 欢迎来到我的博客 😝，这里是我记笔记的地方 🙌，目前就读于长沙
      strong 湖南信息学院
      | 的
      strong 软件工程
      | 专业，虽然有时候常常会忘记更新笔记，咕咕 ✋~ 但是记笔记真的是一个很棒的习惯 💪，能把学下来的知识进行积累，沉淀，有一句话说的好，能教给别人的知识，才是真正学会了的知识 ⚡ 每周我都会尽量进行更新 ☁️，如果没更的话，可能是我忘了，也可能是我在钻研某个东西的时候太入迷了
      psw 肯定又熬夜了
      del 同学们不要学我，老是熬夜会长痘
      |  给大家推荐一部番：
      .site-card-group
        a.site-card(target='_blank', href='https://www.bilibili.com/bangumi/play/ss21542/?from=search&seid=10927182858100936967', data-title='紫罗兰的永恒花园')
          .wrapper.cover
            img.cover.fadeIn(src='https://npm.elemecdn.com/anzhiyu-blog@1.1.6/img/post/common/violet.jpg')
          .info
            img.flink-avatar(src='https://static.hdslb.com/images/favicon.ico', style='top: 19px')
            span.site-title 紫罗兰的永恒花园
      | 因为这部番，2018 年的一个夏天我看完以后心情久久不能释怀，为薇尔莉特与爱感到一种说不上来的味道，多年以后在看这部番，才明白原来这就是爱，喜欢这部番不仅仅是因为它制作的用心，不论是人物细节还是场景细节，不管是 op 还是 ed 都非常好听，最后的结局或许才是让我不能忘怀的原因，薇尔莉特，希望收到来自家人，朋友，恋人的那封 "信" ~
      .checkbox.blue.checked
        input(type='checkbox', checked)
        p
          | 致力于成为一个前端小姥🐷
          img.inline-img(src='https://cdn.jsdelivr.net/gh/volantis-x/cdn-emoji/aru-l/0000.gif/' data-fancybox='gallery', style='display: inline;margin: 0 3px;height: 1.1em;vertical-align: text-bottom;')
      .checkbox.blue.checked
        input(type='checkbox', checked)
        p
          | 又菜又爱玩🎮
          kbd ctrl
          |  +
          kbd C
          | 、
          kbd ctrl
          |  +
          kbd V
          | 高级CV工程师🏆
      .checkbox.times.red.checked
        input(type='checkbox', checked)
        p 擅长PS、Pr、Ae、Au、Ai、Dw、An、Id等软件的安装与卸载🎃
      .checkbox.times.red.checked
        input(type='checkbox', checked)
        p 精通Html、CSS、JavaScript、Vue、React、PHP、Java、Python、C、C++、C#、Go、TypeScript等单词的拼写🎲
      .checkbox.times.red.checked
        input(type='checkbox', checked)
        p 熟悉Windows、Linux、Mac、Android、IOS等系统的开关机👻
      span.p.h3 todoList
      .checkbox.checked
        input(type='checkbox', checked)
        p 原生微信小程序
      .checkbox.checked
        input(type='checkbox', checked)
        p vue3、vite、 pinia
      .checkbox.checked
        input(type='checkbox', checked)
        p 重装文档重写
      .checkbox
        input(type='checkbox')
        p Electron
      .checkbox
        input(type='checkbox')
        p 操作系统
      .checkbox.canvas
        input(type='checkbox')
        p svg绘制
      .checkbox
        input(type='checkbox')
        p threeJS
      .checkbox.Nuxt
        input(type='checkbox')
        p Next
      .checkbox
        input(type='checkbox')
        p Flutter
      .checkbox
        input(type='checkbox')
        p 智慧城市大前端
      .checkbox
        input(type='checkbox')
        p react18系统学习
      .checkbox
        input(type='checkbox')
        p 工业企业生产管理
      .checkbox
        input(type='checkbox')
        p 语言的魅力

  .author-content
    .author-content-item.single.reward
      .author-content-item-tips 致谢
      span.author-content-item-title 赞赏名单
      .author-content-item-description 感谢因为有你们，让我更加有创作的动力。
        each i in site.data.reward
          - let rawData = [...i.reward_list]
          .reward-list-all
            - let reward_list_amount = i.reward_list.sort((a,b)=>b.amount -  a.amount)
            each item, index in reward_list_amount
              .reward-list-item
                .reward-list-item-name=item.name
                .reward-list-bottom-group
                  if item.amount >= 50
                    .reward-list-item-money(style='background:var(--anzhiyu-yellow)')=`¥${item.amount}`
                  else
                    .reward-list-item-money=`¥${item.amount + (item.suffix ? item.suffix : "")}`
                  .datatime.reward-list-item-time(datatime=item.datatime)=new Date(item.datatime).toISOString().slice(0, -14)
          .reward-list-updateDate
            | 最新更新时间：
            time.datatime.reward-list-updateDate-time(datatime=rawData[0].datatime)=new Date(rawData[0].datatime).toISOString().slice(0, -14)
      .post-reward
        button.tip-button.reward-button
          span.tip-button__text 不给糖果就捣蛋
          .coin-wrapper
            .coin
              .coin__middle
              .coin__back
              .coin__front
          .reward-main
            ul.reward-all
              li.reward-item
                a(href='https://npm.elemecdn.com/anzhiyu-blog@1.1.6/img/post/common/qrcode-weichat.png', target='_blank')
                  img.post-qr-code-img(alt='wechat', src='https://npm.elemecdn.com/anzhiyu-blog@1.1.6/img/post/common/qrcode-weichat.png')
                .post-qr-code-desc wechat
              li.reward-item
                a(href='https://npm.elemecdn.com/anzhiyu-blog@1.1.6/img/post/common/qrcode-alipay.png', target='_blank')
                  img.post-qr-code-img(alt='alipay', src='https://npm.elemecdn.com/anzhiyu-blog@1.1.6/img/post/common/qrcode-alipay.png')
                .post-qr-code-desc alipay

script(src=url_for(theme.CDN.option.countup_js))
script.
  (() => {
    function isInViewPortOfOne(el) {
      if (!el) return;
      const viewPortHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
      const offsetTop = el.offsetTop;
      const scrollTop = document.documentElement.scrollTop;
      const top = offsetTop - scrollTop;
      return top <= viewPortHeight;
    }
    fetch('https://v6-widget.51.la/v6/{掩码ID}/quote.js').then(res => res.text()).then((data) => {
        let title = ['最近活跃', '今日人数', '今日访问', '昨日人数', '昨日访问', '本月访问', '总访问量']
        let num = data.match(/(<\/span><span>).*?(\/span><\/p>)/g)

        num = num.map((el) => {
          let val = el.replace(/(<\/span><span>)/g, '')
          let str = val.replace(/(<\/span><\/p>)/g, '')
          return str
        })

        let statisticEl = document.getElementById('statistic')

        // 自定义不显示哪个或者显示哪个，如下为不显示 最近活跃访客 和 总访问量
        let statistic = []
        for (let i = 0; i < num.length; i++) {
            if (!statisticEl) return
            if (i == 0 || i == num.length - 1) continue;
            statisticEl.innerHTML += '<div><span>' + title[i] + '</span><span id='+ title[i] + '>' + num[i] + '</span></div>'
            queueMicrotask(()=> {
              statistic.push(new CountUp(title[i], 0, num[i], 0, 2, {
                  useEasing: true,
                  useGrouping: true,
                  separator: ',',
                  decimal: '.',
                  prefix: '',
                  suffix: ''
              }))
            })
        }

        function statisticUP () {
          let statisticElment = document.querySelector('.about-statistic.author-content-item');
          if(isInViewPortOfOne(statisticElment)) {
            for (let i = 0; i < num.length; i++) {
              if (i == 0 || i == num.length - 1) continue;
              statistic[i-1].start();
            }
            document.removeEventListener('scroll', throttleStatisticUP);
          }
        }

        const selfInfoContentYear = new CountUp('selfInfo-content-year', 0, 2002, 0, 2, {
          useEasing: true,
          useGrouping: false,
          separator: ',',
          decimal: '.',
          prefix: '',
          suffix: ''
        })

        function scrollSelfInfoContentYear() {
          let selfInfoContentYearElment = document.querySelector('.author-content-item.selfInfo.single');
          if (selfInfoContentYearElment && isInViewPortOfOne(selfInfoContentYearElment)) {
            selfInfoContentYear.start()
            document.removeEventListener('scroll', throttleScrollSelfInfoContentYear);
          }
        }
        const throttleStatisticUP = btf.throttle(statisticUP, 200)
        document.addEventListener('scroll', throttleStatisticUP, {passive: true})

        const throttleScrollSelfInfoContentYear = btf.throttle(scrollSelfInfoContentYear, 200)
        document.addEventListener('scroll', throttleScrollSelfInfoContentYear, {passive: true})
    });

    var pursuitInterval = null;
      pursuitInterval = setInterval(function () {
        const show = document.querySelector('span[data-show]')
        const next = show.nextElementSibling || document.querySelector('.first-tips')
        const up = document.querySelector('span[data-up]')

        if (up) {
          up.removeAttribute('data-up')
        }

        show.removeAttribute('data-show')
        show.setAttribute('data-up', '')

        next.setAttribute('data-show', '')
      }, 2000)

      document.addEventListener('pjax:send', function(){
        clearInterval(pursuitInterval);
      });

      var helloAboutEl = document.querySelector('.hello-about')
      helloAboutEl.addEventListener("mousemove", evt => {
        const mouseX = evt.offsetX;
        const mouseY = evt.offsetY;
        gsap.set(".cursor", {
          x: mouseX,
          y: mouseY,
        })

        gsap.to(".shape", {
          x: mouseX,
          y: mouseY,
          stagger: -0.1
        })
      })
  })()

inject引入：

1
2
3
4
5
6
bottom:
  # 51la统计&灵雀统计
+  - <script charset="UTF-8" id="LA_COLLECT" src="https://sdk.51.la/js-sdk-pro.min.js"></script>
+  - <script src="https://sdk.51.la/perf/js-sdk-perf.min.js" crossorigin="anonymous"></script>
+  - <script> LA.init({id:"{YOU ID}",ck:"{YOU CK}"})</script>
+  - <script>new LingQue.Monitor().init({id:"YOU ID",sendSuspicious:true});</script>

修改_config.butterfly.yml, 注意缩进

1
2
3
4
5
6
  CDN:
    option:
      # main_css:
      .....
+     # countupJS
+     countup_js: /js/countup.js

新建 source/js/countup.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
var CountUp = function (target, startVal, endVal, decimals, duration, options) {
  var self = this;
  self.version = function () {
    return "1.9.2";
  };
  self.options = {
    useEasing: true,
    useGrouping: true,
    separator: ",",
    decimal: ".",
    easingFn: easeOutExpo,
    formattingFn: formatNumber,
    prefix: "",
    suffix: "",
    numerals: [],
  };
  if (options && typeof options === "object") {
    for (var key in self.options) {
      if (options.hasOwnProperty(key) && options[key] !== null) {
        self.options[key] = options[key];
      }
    }
  }
  if (self.options.separator === "") {
    self.options.useGrouping = false;
  } else {
    self.options.separator = "" + self.options.separator;
  }
  var lastTime = 0;
  var vendors = ["webkit", "moz", "ms", "o"];
  for (var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
    window.requestAnimationFrame = window[vendors[x] + "RequestAnimationFrame"];
    window.cancelAnimationFrame =
      window[vendors[x] + "CancelAnimationFrame"] || window[vendors[x] + "CancelRequestAnimationFrame"];
  }
  if (!window.requestAnimationFrame) {
    window.requestAnimationFrame = function (callback, element) {
      var currTime = new Date().getTime();
      var timeToCall = Math.max(0, 16 - (currTime - lastTime));
      var id = window.setTimeout(function () {
        callback(currTime + timeToCall);
      }, timeToCall);
      lastTime = currTime + timeToCall;
      return id;
    };
  }
  if (!window.cancelAnimationFrame) {
    window.cancelAnimationFrame = function (id) {
      clearTimeout(id);
    };
  }
  function formatNumber(num) {
    num = num.toFixed(self.decimals);
    num += "";
    var x, x1, x2, x3, i, l;
    x = num.split(".");
    x1 = x[0];
    x2 = x.length > 1 ? self.options.decimal + x[1] : "";
    if (self.options.useGrouping) {
      x3 = "";
      for (i = 0, l = x1.length; i < l; ++i) {
        if (i !== 0 && i % 3 === 0) {
          x3 = self.options.separator + x3;
        }
        x3 = x1[l - i - 1] + x3;
      }
      x1 = x3;
    }
    if (self.options.numerals.length) {
      x1 = x1.replace(/[0-9]/g, function (w) {
        return self.options.numerals[+w];
      });
      x2 = x2.replace(/[0-9]/g, function (w) {
        return self.options.numerals[+w];
      });
    }
    return self.options.prefix + x1 + x2 + self.options.suffix;
  }
  function easeOutExpo(t, b, c, d) {
    return (c * (-Math.pow(2, (-10 * t) / d) + 1) * 1024) / 1023 + b;
  }
  function ensureNumber(n) {
    return typeof n === "number" && !isNaN(n);
  }
  self.initialize = function () {
    if (self.initialized) {
      return true;
    }
    self.error = "";
    self.d = typeof target === "string" ? document.getElementById(target) : target;
    if (!self.d) {
      self.error = "[CountUp] target is null or undefined";
      return false;
    }
    self.startVal = Number(startVal);
    self.endVal = Number(endVal);
    if (ensureNumber(self.startVal) && ensureNumber(self.endVal)) {
      self.decimals = Math.max(0, decimals || 0);
      self.dec = Math.pow(10, self.decimals);
      self.duration = Number(duration) * 1000 || 2000;
      self.countDown = self.startVal > self.endVal;
      self.frameVal = self.startVal;
      self.initialized = true;
      return true;
    } else {
      self.error = "[CountUp] startVal (" + startVal + ") or endVal (" + endVal + ") is not a number";
      return false;
    }
  };
  self.printValue = function (value) {
    var result = self.options.formattingFn(value);
    if (self.d.tagName === "INPUT") {
      this.d.value = result;
    } else {
      if (self.d.tagName === "text" || self.d.tagName === "tspan") {
        this.d.textContent = result;
      } else {
        this.d.innerHTML = result;
      }
    }
  };
  self.count = function (timestamp) {
    if (!self.startTime) {
      self.startTime = timestamp;
    }
    self.timestamp = timestamp;
    var progress = timestamp - self.startTime;
    self.remaining = self.duration - progress;
    if (self.options.useEasing) {
      if (self.countDown) {
        self.frameVal = self.startVal - self.options.easingFn(progress, 0, self.startVal - self.endVal, self.duration);
      } else {
        self.frameVal = self.options.easingFn(progress, self.startVal, self.endVal - self.startVal, self.duration);
      }
    } else {
      if (self.countDown) {
        self.frameVal = self.startVal - (self.startVal - self.endVal) * (progress / self.duration);
      } else {
        self.frameVal = self.startVal + (self.endVal - self.startVal) * (progress / self.duration);
      }
    }
    if (self.countDown) {
      self.frameVal = self.frameVal < self.endVal ? self.endVal : self.frameVal;
    } else {
      self.frameVal = self.frameVal > self.endVal ? self.endVal : self.frameVal;
    }
    self.frameVal = Math.round(self.frameVal * self.dec) / self.dec;
    self.printValue(self.frameVal);
    if (progress < self.duration) {
      self.rAF = requestAnimationFrame(self.count);
    } else {
      if (self.callback) {
        self.callback();
      }
    }
  };
  self.start = function (callback) {
    if (!self.initialize()) {
      return;
    }
    self.callback = callback;
    self.rAF = requestAnimationFrame(self.count);
  };
  self.pauseResume = function () {
    if (!self.paused) {
      self.paused = true;
      cancelAnimationFrame(self.rAF);
    } else {
      self.paused = false;
      delete self.startTime;
      self.duration = self.remaining;
      self.startVal = self.frameVal;
      requestAnimationFrame(self.count);
    }
  };
  self.reset = function () {
    self.paused = false;
    delete self.startTime;
    self.initialized = false;
    if (self.initialize()) {
      cancelAnimationFrame(self.rAF);
      self.printValue(self.startVal);
    }
  };
  self.update = function (newEndVal) {
    if (!self.initialize()) {
      return;
    }
    newEndVal = Number(newEndVal);
    if (!ensureNumber(newEndVal)) {
      self.error = "[CountUp] update() - new endVal is not a number: " + newEndVal;
      return;
    }
    self.error = "";
    if (newEndVal === self.frameVal) {
      return;
    }
    cancelAnimationFrame(self.rAF);
    self.paused = false;
    delete self.startTime;
    self.startVal = self.frameVal;
    self.endVal = newEndVal;
    self.countDown = self.startVal > self.endVal;
    self.rAF = requestAnimationFrame(self.count);
  };
  if (self.initialize()) {
    self.printValue(self.startVal);
  }
};

修改themes/butterfly/layout/page.pug```

1
2
3
4
5
    case page.type
      when 'tags'
        include includes/page/tags.pug
+     when 'about'
+       include includes/page/about.pug

新建source/_data/reward.yml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
- class_name: 赞赏
  reward_list:
    - name: 鹿啵包
      amount: 10
      datatime: 2022-11-08
    - name: 疾速k
      amount: 50
      datatime: 2022-09-20
    - name: 伴舟先生大霖子
      amount: 4.03
      datatime: 2022-10-27
      suffix: 贝壳
    - name: Magica_0x0
      amount: 3.36
      datatime: 2022-10-07
      suffix: 贝壳
    - name: 名字就是要短像这样
      amount: 3.36
      datatime: 2022-08-25
      suffix: 贝壳
    - name: Leviathan520
      amount: 1.34
      datatime: 2022-08-23
      suffix: 贝壳
    - name: 托马斯
      amount: 10
      datatime: 2022-08-19
    - name: 哇是猫猫欸
      amount: 1.34
      datatime: 2022-08-19
      suffix: 贝壳

新建about.css

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
1001
1002
1003
1004
1005
1006
1007
1008
1009
1010
1011
1012
1013
1014
1015
1016
1017
1018
1019
1020
1021
1022
1023
1024
1025
1026
1027
1028
1029
1030
1031
1032
1033
1034
1035
1036
1037
1038
1039
1040
1041
1042
1043
1044
1045
1046
1047
1048
1049
1050
1051
1052
1053
1054
1055
1056
1057
1058
1059
1060
1061
1062
1063
1064
1065
1066
1067
1068
1069
1070
1071
1072
1073
1074
1075
1076
1077
1078
1079
1080
1081
1082
1083
1084
1085
1086
1087
1088
1089
1090
1091
1092
1093
1094
1095
1096
1097
1098
1099
1100
1101
1102
1103
1104
1105
1106
1107
1108
1109
1110
1111
1112
1113
1114
1115
1116
1117
1118
1119
1120
1121
1122
1123
1124
1125
1126
1127
1128
1129
1130
1131
1132
1133
1134
1135
1136
1137
1138
1139
1140
1141
1142
1143
1144
1145
1146
1147
1148
1149
1150
1151
1152
1153
1154
1155
1156
1157
1158
1159
1160
1161
1162
1163
1164
1165
1166
1167
1168
1169
1170
1171
1172
1173
1174
1175
1176
1177
1178
1179
1180
1181
1182
1183
1184
1185
1186
1187
1188
1189
1190
1191
1192
1193
1194
1195
1196
1197
1198
1199
1200
1201
1202
1203
1204
1205
1206
1207
1208
1209
1210
1211
1212
1213
1214
1215
1216
1217
1218
1219
1220
1221
1222
1223
1224
1225
1226
1227
1228
1229
1230
1231
1232
1233
1234
1235
1236
1237
1238
1239
1240
1241
1242
1243
1244
1245
1246
1247
1248
1249
1250
1251
1252
1253
1254
1255
1256
1257
1258
1259
1260
1261
1262
1263
1264
1265
1266
1267
1268
1269
1270
1271
1272
1273
1274
1275
1276
1277
1278
1279
1280
1281
1282
1283
1284
1285
1286
1287
1288
1289
1290
1291
1292
1293
1294
1295
1296
1297
1298
1299
1300
1301
1302
1303
1304
1305
1306
1307
1308
1309
1310
1311
1312
1313
1314
1315
1316
1317
1318
1319
1320
1321
1322
1323
1324
1325
1326
1327
1328
1329
1330
1331
1332
1333
1334
1335
1336
1337
1338
1339
1340
1341
1342
1343
1344
1345
1346
1347
1348
1349
1350
1351
1352
1353
1354
1355
1356
1357
1358
1359
1360
1361
1362
1363
1364
1365
1366
1367
1368
1369
1370
1371
1372
1373
1374
1375
1376
1377
1378
1379
1380
1381
1382
1383
1384
1385
1386
1387
1388
1389
1390
1391
1392
1393
1394
1395
1396
1397
1398
1399
1400
1401
1402
1403
#gitcalendar {
  margin: 0 auto;
  border-radius: 24px;
  background: var(--anzhiyu-card-bg);
  border: var(--style-border-always);
  box-shadow: var(--anzhiyu-shadow-border);
  position: relative;
  padding: 1rem 2rem;
  overflow: hidden;
}

#page:has(#about-page) {
  border: 0;
  box-shadow: none !important;
  padding: 0 !important;
  background: transparent !important;
}

#page:has(#about-page) .page-title {
  display: none;
}

.page:has(#about-page) #footer-wrap {
  opacity: 1;
  overflow: visible;
  height: auto !important;
  min-height: 16px;
  color: #666;
}

#web_bg ~ .page:has(#about-page) {
  background: var(--anzhiyu-background);
}

#about-page .author-box {
  position: relative;
}
#about-page .author-box .author-img {
  margin: auto;
  border-radius: 50%;
  overflow: hidden;
  width: 180px;
  height: 180px;
}
#about-page .author-box .author-img img {
  border-radius: 50%;
  overflow: hidden;
  width: 180px;
  height: 180px;
}

#about-page .author-box .image-dot {
  width: 45px;
  height: 45px;
  background: #6bdf8f;
  position: absolute;
  border-radius: 50%;
  border: 6px solid var(--anzhiyu-background);
  top: 50%;
  left: 50%;
  transform: translate(35px, 45px);
}

.author-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  margin-top: 1rem;
}

#about-page .myInfoAndSayHello {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: var(--anzhiyu-white);
  background: linear-gradient(120deg, #5b27ff 0, #00d4ff 100%);
  background-size: 200%;
  animation: gradient 15s ease infinite;
  width: 59%;
}

.author-content-item {
  width: 49%;
  border-radius: 24px;
  background: var(--anzhiyu-card-bg);
  border: var(--style-border-always);
  box-shadow: var(--anzhiyu-shadow-border);
  position: relative;
  padding: 1rem 2rem;
  overflow: hidden;
}

#about-page .myInfoAndSayHello .title1 {
  opacity: 0.8;
  line-height: 1.3;
}

#about-page .myInfoAndSayHello .title2 {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.1;
  margin: 0.5rem 0;
}
.inline-word {
  word-break: keep-all;
  white-space: nowrap;
}

#about-page .myInfoAndSayHello .title1 {
  opacity: 0.8;
  line-height: 1.3;
}

.author-content-item.aboutsiteTips {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  width: 39%;
}

.aboutsiteTips h2 {
  margin-right: auto;
  font-size: 36px;
  font-family: Helvetica;
  line-height: 1.06;
  letter-spacing: -0.02em;
  color: var(--font-color);
  margin-top: 0;
}

.aboutsiteTips .mask {
  height: 36px;
  position: relative;
  overflow: hidden;
  margin-top: 4px;
}
.aboutsiteTips .mask span {
  display: block;
  box-sizing: border-box;
  position: absolute;
  top: 36px;
  padding-bottom: var(--offset);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  background-repeat: no-repeat;
}
.aboutsiteTips .mask span[data-show] {
  transform: translateY(-100%);
  transition: 0.5s transform ease-in-out;
}
.aboutsiteTips .mask span[data-up] {
  transform: translateY(-200%);
  transition: 0.5s transform ease-in-out;
}
.aboutsiteTips .mask span:nth-child(1) {
  background-image: linear-gradient(45deg, #0ecffe 50%, #07a6f1);
}
.aboutsiteTips .mask span:nth-child(2) {
  background-image: linear-gradient(45deg, #18e198 50%, #0ec15d);
}
.aboutsiteTips .mask span:nth-child(3) {
  background-image: linear-gradient(45deg, #8a7cfb 50%, #633e9c);
}
.aboutsiteTips .mask span:nth-child(4) {
  background-image: linear-gradient(45deg, #fa7671 50%, #f45f7f);
}
@media screen and (max-width: 768px) {
  .author-content-item.map {
    margin-bottom: 0;
  }
}
#about-page .about-statistic {
  min-height: 380px;
  width: 39%;
  background: url(https://img02.anzhiy.cn/adminuploads/1/2022/09/23/632d634f8376d.jpg) no-repeat top;
  background-size: cover;
  color: var(--anzhiyu-white);
  overflow: hidden;
}
#about-page .about-statistic::after {
  box-shadow: 0 -159px 173px 71px #0c1c2c inset;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.author-content-item .card-content {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  padding: 1rem 2rem;
}

.author-content-item .card-content .author-content-item-title {
  margin-bottom: 0.5rem;
}
.author-content-item .author-content-item-title {
  font-size: 36px;
  font-weight: 700;
  line-height: 1;
}
#statistic {
  font-size: 16px;
  border-radius: 15px;
  width: 100%;
  color: var(--anzhiyu-white);
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 1rem;
  margin-bottom: 2rem;
}
#statistic div span:first-child {
  opacity: 0.8;
  font-size: 0.6rem;
}
#statistic div span:last-child {
  font-weight: 700;
  font-size: 34px;
  line-height: 1;
  white-space: nowrap;
}
#statistic div {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  width: 50%;
  margin-bottom: 0.5rem;
}

.post-tips {
  color: var(--anzhiyu-gray);
  font-size: 14px;
  position: absolute;
  bottom: 1rem;
  left: 2rem;
}
.post-tips a {
  color: var(--anzhiyu-gray) !important;
  border: none !important;
}
.author-content-item .card-content .banner-button-group {
  position: absolute;
  bottom: 1.5rem;
  right: 2rem;
}
.author-content-item .card-content .banner-button-group .banner-button {
  height: 40px;
  width: 124px;
  border-radius: 20px;
  justify-content: center;
  background: var(--anzhiyu-card-bg);
  color: var(--font-color);
  display: flex;
  align-items: center;
  z-index: 1;
  transition: 0.3s;
  cursor: pointer;
  border-bottom: 0 !important;
}
.author-content-item .card-content .banner-button-group .banner-button i {
  margin-right: 8px;
  font-size: 1rem;
}
#about-page .author-content-item .card-content .banner-button-group .banner-button i {
  font-size: 1.5rem;
}

.author-content-item .card-content .banner-button-group .banner-button:hover {
  background: var(--anzhiyu-main);
  color: var(--anzhiyu-white);
  border-radius: 20px !important;
}
.author-content-item.personalities {
  position: relative;
  width: 59%;
}

.author-content-item.personalities .image {
  position: absolute;
  right: 30px;
  top: 10px;
  width: 220px;
  transition: transform 2s cubic-bezier(0.13, 0.45, 0.21, 1.02);
}
.author-content-item.personalities .image img {
  display: block;
  margin: 0 auto 20px;
  max-width: 100%;
  transition: filter 375ms ease-in 0.2s;
}
.author-content-item.personalities:hover .image {
  transform: rotate(-10deg);
}
.author-content-item.myphoto {
  height: 60%;
  min-height: 240px;
  position: relative;
  overflow: hidden;
  width: 39%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.author-content-item.myphoto img {
  position: absolute;
  min-width: 100%;
  object-fit: cover;
  transition: 0.6s;
  animation: coverIn 2s ease-out forwards;
  transition: transform 2s ease-out !important;
}
.author-content-item.myphoto:hover img {
  transform: scale(1.1);
}
.author-content-item:hover .card-background-icon {
  transform: rotate(20deg);
}
.author-content-item.personalities .title2 {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.1;
}

.author-content-item.map {
  background: url(https://img02.anzhiy.cn/adminuploads/1/2022/09/24/632e6f48981d8.jpg) no-repeat center;
  min-height: 160px;
  max-height: 400px;
  position: relative;
  overflow: hidden;
  margin-bottom: 0.5rem;
  height: 60%;
  background-size: 100%;
  transition: 1s ease-in-out;
}
[data-theme="dark"] .author-content-item.map {
  background: url(https://img02.anzhiy.cn/adminuploads/1/2022/09/26/6330ebf1f3e65.jpg) no-repeat center;
  background-size: 100%;
}

.author-content-item.single {
  width: 100%;
}

.author-content-item.map .map-title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: var(--anzhiyu-maskbg);
  padding: 0.5rem 2rem;
  backdrop-filter: saturate(180%) blur(20px);
  -webkit-backdrop-filter: blur(20px);
  transition: 1s ease-in-out;
  font-size: 20px;
}
.author-content-item.map .map-title b {
  color: var(--font-color);
}
.author-content-item.selfInfo {
  display: flex;
  min-height: 100px;
  max-height: 400px;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  height: -webkit-fill-available;
  height: 40%;
}
.author-content-item.selfInfo div {
  display: flex;
  flex-direction: column;
  margin: 0.5rem 2rem 0.5rem 0;
}
.author-content-item.selfInfo .selfInfo-title {
  opacity: 0.8;
  font-size: 0.6rem;
  line-height: 1;
  margin-bottom: 8px;
}
.author-content-item.selfInfo .selfInfo-content {
  font-weight: 700;
  font-size: 34px;
  line-height: 1;
}
.author-content-item-group.column.mapAndInfo {
  width: 59%;
}
.author-content-item.map:hover {
  background-size: 120%;
  transition: 4s ease-in-out;
  background-position-x: 0;
  background-position-y: 36%;
}
.author-content-item.map:hover .map-title {
  bottom: -100%;
}
.author-content-item-group.column {
  display: flex;
  flex-direction: column;
  width: 49%;
  justify-content: space-between;
}

.post-tips a:hover {
  color: var(--anzhiyu-main) !important;
  background: none !important;
}

.author-content-item.single.reward .reward-list-updateDate {
  color: var(--anzhiyu-gray);
  font-size: 14px;
}

.author-content-item.single.reward .post-reward {
  position: absolute;
  margin-top: 0px;
  width: auto;
  text-align: none;
  pointer-events: none;
  right: 2rem;
  top: 2rem;
}
.tip-button {
  border: 0;
  border-radius: 2.25rem;
  cursor: pointer;
  font-size: 20px;
  font-weight: 600;
  height: 2.6rem;
  margin-bottom: -4rem;
  outline: 0;
  position: relative;
  top: 0;
  transform-origin: 0 100%;
  transition: transform 50ms ease-in-out;
  width: auto;
  -webkit-tap-highlight-color: transparent;
}
.coin::before,
.coin__back,
.coin__back::after,
.coin__front,
.coin__front::after,
.coin__middle {
  border-radius: 50%;
  box-sizing: border-box;
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 3;
}
.coin-wrapper {
  background: 0 0;
  bottom: 0;
  height: 18rem;
  left: 0;
  opacity: 1;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  transform: none;
  transform-origin: 50% 100%;
  transition: opacity 0.2s linear 0.1s, transform 0.3s ease-out;
  width: 100%;
}
.coin__front::after {
  background: rgba(0, 0, 0, 0.2);
  content: "";
  opacity: var(--front-y-multiplier);
}
.coin__back::after {
  background: rgba(0, 0, 0, 0.2);
  content: "";
  opacity: var(--back-y-multiplier);
}
.coin__middle {
  background: #737c99;
  transform: translateY(calc(var(--middle-y-multiplier) * 0.3181818182rem / 2)) scaleY(var(--middle-scale-multiplier));
}
.coin::before {
  background: radial-gradient(circle at 25% 65%, transparent 50%, rgba(255, 255, 255, 0.9) 90%), linear-gradient(55deg, transparent
        calc(var(--shine-bg-multiplier) + 0), #e9f4ff calc(var(--shine-bg-multiplier) + 0), transparent calc(var(
              --shine-bg-multiplier
            ) + 50%));
  content: "";
  opacity: var(--shine-opacity-multiplier);
  transform: translateY(calc(var(--middle-y-multiplier) * 0.3181818182rem / -2)) scaleY(var(--middle-scale-multiplier))
    rotate(calc(var(--coin-rotation-multiplier) * 1deg));
  z-index: 10;
}

.coin {
  --front-y-multiplier: 0;
  --back-y-multiplier: 0;
  --coin-y-multiplier: 0;
  --coin-x-multiplier: 0;
  --coin-scale-multiplier: 0;
  --coin-rotation-multiplier: 0;
  --shine-opacity-multiplier: 0.4;
  --shine-bg-multiplier: 50%;
  bottom: calc(var(--coin-y-multiplier) * 1rem - 3.5rem);
  height: 3.5rem;
  margin-bottom: 3.05rem;
  position: absolute;
  right: calc(var(--coin-x-multiplier) * 34% + 16%);
  transform: translateX(50%) scale(calc(0.4 + var(--coin-scale-multiplier))) rotate(calc(var(
            --coin-rotation-multiplier
          ) * -1deg));
  transition: opacity 0.1s linear 0.2s;
  width: 3.5rem;
  z-index: 3;
}

.coin__back {
  background: radial-gradient(circle at 50% 50%, transparent 50%, rgba(115, 124, 153, 0.4) 54%, #c2cadf 54%),
    radial-gradient(circle at 50% 40%, #fcfaf9 23%, transparent 23%), radial-gradient(circle at 50% 100%, #fcfaf9 35%, transparent
        35%);
  background-color: #8590b3;
  background-size: 100% 100%;
  transform: translateY(calc(var(--back-y-multiplier) * 0.3181818182rem / 2)) scaleY(var(--back-scale-multiplier));
}
.coin__front {
  background: radial-gradient(circle at 50% 50%, transparent 50%, rgba(115, 124, 153, 0.4) 54%, #c2cadf 54%),
    linear-gradient(210deg, #8590b3 32%, transparent 32%), linear-gradient(150deg, #8590b3 32%, transparent 32%),
    linear-gradient(to right, #8590b3 22%, transparent 22%, transparent 78%, #8590b3 78%), linear-gradient(
      to bottom,
      #fcfaf9 44%,
      transparent 44%,
      transparent 65%,
      #fcfaf9 65%,
      #fcfaf9 71%,
      #8590b3 71%
    ), linear-gradient(to right, transparent 28%, #fcfaf9 28%, #fcfaf9 34%, #8590b3 34%, #8590b3 40%, #fcfaf9 40%, #fcfaf9
        47%, #8590b3 47%, #8590b3 53%, #fcfaf9 53%, #fcfaf9 60%, #8590b3 60%, #8590b3 66%, #fcfaf9 66%, #fcfaf9 72%, transparent
        72%);
  background-color: #8590b3;
  background-size: 100% 100%;
  transform: translateY(calc(var(--front-y-multiplier) * 0.3181818182rem / 2)) scaleY(var(--front-scale-multiplier));
}
.tip-button__text {
  color: #fff;
  margin-right: 1.8rem;
  opacity: 1;
  position: relative;
  transition: opacity 0.1s linear 0.5s;
  z-index: 3;
}
.author-content .post-reward .reward-main {
  bottom: 0;
  top: 50px;
  left: auto;
  right: 0;
}
.author-content .post-reward .reward-main .reward-all:before {
  top: -11px;
  bottom: auto;
}
#about-page .post-reward .reward-item a:hover {
  background: transparent !important;
}
#about-page .post-reward .reward-item a {
  border-bottom: none !important;
}
#about-page .post-reward .reward-item a img {
  margin-bottom: 0 !important;
}
#about-page .post-reward .reward-main .reward-all {
  border-radius: 10px;
  padding: 20px 10px !important;
}
.post-reward .reward-main .reward-all .reward-item {
  padding: 0 8px !important;
}
.post-reward .reward-main .reward-all li.reward-item::before {
  content: none !important;
}
.post-reward .reward-main .reward-all:after {
  content: none !important;
}
.author-content-item.maxim {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.1;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  width: 39%;
}
.author-content-item .author-content-item-tips {
  opacity: 0.8;
  font-size: 0.6rem;
  margin-bottom: 0.5rem;
}
.author-content-item.maxim .maxim-title {
  display: flex;
  flex-direction: column;
}
.author-content-item.buff {
  height: 200px;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.1;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  background: linear-gradient(120deg, #ff27e8 0, #ff8000 100%);
  color: var(--anzhiyu-white);
  background-size: 200%;
  animation: gradient 15s ease infinite;
  min-height: 200px;
  height: fit-content;
  width: 59%;
}
.author-content-item.buff .card-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.author-content-item.buff .buff-title {
  display: flex;
  flex-direction: column;
}
.card-background-icon {
  font-size: 12rem;
  opacity: 0.2;
  position: absolute;
  right: 0;
  bottom: -40%;
  transform: rotate(30deg);
  transition: 2s ease-in-out;
}
.author-content-item.game-yuanshen {
  background: url(https://img02.anzhiy.cn/adminuploads/1/2022/12/19/63a079ca63c8a.webp) no-repeat top;
  background-size: cover;
  min-height: 300px;
  overflow: hidden;
  color: var(--anzhiyu-white);
  width: 59%;
}

.author-content-item .content-bottom {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.author-content-item .content-bottom .icon-group {
  display: flex;
  position: relative;
}
.author-content-item .content-bottom .icon-group i {
  display: inline-block;
  width: 143px;
  height: 18px;
  margin-right: 0.5rem;
}
.icon-pos-mid {
  background: url(https://img02.anzhiy.cn/adminuploads/1/2022/09/25/632fb9cecfc8c.png);
}
.author-content-item.game-yuanshen::after {
  box-shadow: 0 -69px 203px 11px #575d8b inset;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.author-content-item.comic-content {
  width: 39%;
  background: url(https://npm.elemecdn.com/anzhiyu-blog@1.1.6/img/post/common/violet.jpg) no-repeat top;
  background-size: cover;
  min-height: 300px;
  overflow: hidden;
  color: violet;
}
.author-content-item.comic-content::after {
  box-shadow: 0 -48px 203px 11px #fbe9b8 inset;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.author-content-item.like-technology {
  background: url(https://img02.anzhiy.cn/adminuploads/1/2022/09/24/632f0dd8f33c6.webp) no-repeat;
  background-size: cover;
  min-height: 230px;
  color: var(--anzhiyu-white);
}

.author-content-item.like-music {
  background: url(https://p2.music.126.net/Mrg1i7DwcwjWBvQPIMt_Mg==/79164837213438.jpg) no-repeat top;
  background-size: cover;
  min-height: 400px;
  color: var(--anzhiyu-white);
  overflow: hidden;
}

.author-content-item .card-content .banner-button-group {
  position: absolute;
  bottom: 1.5rem;
  right: 2rem;
}

.author-content-item.like-music::after {
  box-shadow: 0 -69px 203px 11px #453e38 inset;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

@media screen and (max-width: 768px) {
  #gitcalendar {
    display: none;
  }
  [data-theme="dark"] .author-content-item .card-content .banner-button-group .banner-button {
    color: var(--anzhiyu-black) !important;
  }
  .author-content-item .card-content .banner-button-group .banner-button:hover {
    background: none !important;
  }
  .author-content-item.game-yuanshen .content-bottom {
    padding-bottom: 10px;
  }
  .author-content-item.game-yuanshen .game-yuanshen-uid {
    display: none;
  }
  .author-content {
    margin-top: 0;
  }
  .author-content-item {
    width: 100% !important;
    margin-top: 1rem;
    padding: 1rem;
  }
  .author-content-item.map {
    margin-bottom: 0;
  }
  .author-content-item-group.column {
    width: 100% !important;
  }
  .author-content-item.selfInfo {
    height: 95%;
  }
  .author-content-item.personalities {
    height: 170px;
  }
  .post-tips {
    left: auto;
  }
  .author-content-item.personalities .image {
    width: 90px;
  }
  .site-card-group > a {
    width: 100% !important;
  }
  .post-reward {
    display: none;
  }
  .reward-list-item {
    width: 100% !important;
  }
  .layout > div:first-child:not(.recent-posts) {
    /* border-radius: 0; */
    padding: 0 1rem !important;
    box-shadow: none !important;
    background: var(--anzhiyu-background);
  }
  .author-content-item .card-content .banner-button-group .banner-button-text {
    display: none;
  }
  .author-content-item .card-content .banner-button-group {
    right: 1rem;
    bottom: 1rem;
  }
  .author-content-item .card-content .banner-button-group .banner-button {
    background: 0 0;
    padding: 0;
  }
  .author-content-item .card-content .banner-button-group .banner-button i {
    margin-right: 0;
    font-size: 1.5rem;
    background: white;
    border-radius: 50%;
    padding: 6px;
    margin-left: 80px;
  }
  .author-content-item .card-content .banner-button-group .banner-button:hover i {
    background: var(--anzhiyu-background) !important;
    color: var(--anzhiyu-theme);
  }
  #selfInfo-content-year {
    width: 90px;
  }
}

@media screen and (min-width: 768px) and (max-width: 896px) {
  .author-content-item.like-music .content-bottom .tips {
    display: none;
  }
}

/* 赞赏的css */

.reward-list-all {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}

.reward-list-item {
  padding: 1rem;
  border-radius: 12px;
  border: var(--style-border-always);
  width: calc((100% / 3) - 0.5rem);
  margin: 0 0.25rem 0.5rem 0.25rem;
  box-shadow: var(--anzhiyu-shadow-border);
}

.reward-list-item .reward-list-item-name {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 0.5rem;
}

.reward-list-item .reward-list-bottom-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.reward-list-item .reward-list-item-money {
  padding: 4px;
  background: var(--font-color);
  color: var(--card-bg);
  font-size: 12px;
  line-height: 1;
  border-radius: 4px;
  margin-right: 4px;
  white-space: nowrap;
}

.reward-list-item .reward-list-item-time {
  font-size: 12px;
  color: var(--anzhiyu-secondtext);
  white-space: nowrap;
}

.author-content-item.careers {
  min-height: 400px;
}
.author-content-item.careers .careers-group {
  margin-top: 12px;
}
.author-content-item.careers .careers-item {
  display: flex;
  align-items: center;
}
.author-content-item.careers .careers-item .circle {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  border-radius: 16px;
}
.author-content-item.careers .careers-item .name {
  color: var(--anzhiyu-secondtext);
}
.author-content-item.careers .careers-item {
  display: flex;
  align-items: center;
}
.author-content-item.careers .careers-item .circle {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  border-radius: 16px;
}
.author-content-item.careers .careers-item .name {
  color: var(--anzhiyu-secondtext);
}
.author-content-item.careers img {
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 100%;
  transition: 0.6s;
}

:root {
  --loadingbar-background-color: #2c2b30;
  --loadingbar-prospect-color: #ece5d8;
}

/* html.dark body {
  background-color: #161d22;
} */

.loading-bar {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 500px;
  height: 62.5px;
  transform: translate(-25%, -50%) scale(0.5);
  transition: all 0.5s;
  user-select: none;
  overflow: hidden;
}

.loading-bar img {
  position: absolute;
  top: 500px;
  left: 0;
  filter: drop-shadow(0 -500px 0 var(--loadingbar-background-color));
}

.loading-bar::after {
  content: "";
  position: absolute;
  top: 500px;
  left: 0;
  filter: drop-shadow(0 -500px 0 var(--loadingbar-prospect-color));
  width: 500px;
  height: 62.5px;
  background: url("https://yuanshen.site/imgs/loading-bar.png") no-repeat left 100%;
  background-size: 500px 62.5px;
  background-position-x: 0;
}
.author-content-item.game-yuanshen:hover .loading-bar::after {
  animation: loading-bar 3.5s cubic-bezier(0.28, 0.11, 0.32, 1) infinite forwards;
}

@media screen and (max-width: 719px) {
  .loading-bar .loading-bar {
    display: none;
  }
}

@media screen and (max-width: 719px) and (orientation: landscape) {
  .loading-bar .loading-bar {
    display: block !important;
    transform: translate(-50%, -50%) scale(0.7) !important;
  }
}

@supports not (filter: drop-shadow(0 0 0 #fff)) {
  .loading-bar:before {
    content: "Your browser does not support the animation";
  }
}

@keyframes loading-bar {
  0% {
    width: 0;
    background-size: 500px 62.5px;
  }
  16.6% {
  }
  33.2% {
  }
  49.8% {
  }
  66.4% {
  }
  83% {
    width: 475px;
  }
  83.1% {
    width: 475px;
  }
  83.2% {
    width: 475px;
  }
  83.3% {
    width: 475px;
  }
  83.4% {
    width: 475px;
  }
  83.5% {
    width: 475px;
  }
  83.6% {
    width: 475px;
  }
  83.7% {
    width: 475px;
  }
  83.8% {
    width: 475px;
  }
  83.9% {
    width: 475px;
  }
  84% {
    width: 475px;
  }
  85% {
    width: 475px;
  }
  86% {
    width: 475px;
  }
  87% {
    width: 475px;
  }
  100% {
    width: 500px;
  }
}

.hello-about {
  margin: 20px auto;
  border-radius: 24px;
  background: var(--anzhiyu-card-bg);
  border: var(--style-border-always);
  box-shadow: var(--anzhiyu-shadow-border);
  position: relative;
  overflow: hidden;
  user-select: none;
}

.shapes {
  position: relative;
  height: 315px;
  width: 100%;
  background: #2128bd;
  overflow: hidden;
}

.shape {
  will-change: transform;
  position: absolute;
  border-radius: 50%;
}

.shape.shape-1 {
  background: #005ffe;
  width: 650px;
  height: 650px;
  margin: -325px 0 0 -325px;
}

.shape.shape-2 {
  background: #ffe5e3;
  width: 440px;
  height: 440px;
  margin: -220px 0 0 -220px;
}

.shape.shape-3 {
  background: #ffcc57;
  width: 270px;
  height: 270px;
  margin: -135px 0 0 -135px;
}

.hello-about .content {
  top: 0;
  left: 0;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 315px;
  width: 100%;
  background: #fff;
  mix-blend-mode: screen;
}
[data-theme="dark"] .hello-about .content {
  background: transparent;
}
[data-theme="dark"] .hello-about h1 {
  color: var(--anzhiyu-white);
}

.hello-about h1 {
  font-size: 200px;
  color: #000;
  margin: 0;
  text-align: center;
  font: inherit;
  vertical-align: baseline;
  line-height: 1;
  font-size: calc((0.0989119683 * 100vw + (58.5558852621px)));
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 419px) {
  .hello-about h1 {
    font-size: calc((0.0989119683 * 100vw + (58.5558852621px)));
  }
}

.cursor {
  position: absolute;
  background: #2128bd;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -10px;
  border-radius: 50%;
  will-change: transform;
  user-select: none;
  pointer-events: none;
  z-index: 3;
}

::selection {
  color: #fff;
  background: #2128bd;
}

.author-content-item.skills {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  width: 50%;
  min-height: 450px;
}

.author-content-item.skills .skills-style-group {
  position: relative;
}

.author-content-item.skills .tags-group-all {
  display: flex;
  transform: rotate(0);
  transition: 0.3s;
}
.author-content-item.skills .tags-group-wrapper {
  margin-top: 40px;
  display: flex;
  flex-wrap: nowrap;
  animation: rowup 60s linear infinite;
}
.tags-group-icon-pair {
  margin-left: 1rem;
}
.tags-group-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 66px;
  font-weight: 700;
  box-shadow: var(--anzhiyu-shadow-blackdeep);
  width: 120px;
  height: 120px;
  border-radius: 30px;
}
.tags-group-icon img {
  width: 60%;
  margin: 0 auto !important;
}
.tags-group-icon-pair .tags-group-icon:nth-child(even) {
  margin-top: 1rem;
  transform: translate(-60px);
}
.author-content-item.skills .skills-list {
  display: flex;
  opacity: 0;
  transition: 0.3s;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  flex-wrap: wrap;
  flex-direction: row;
  margin-top: 10px;
}
.author-content-item.skills .skill-info {
  display: flex;
  align-items: center;
  margin-right: 10px;
  margin-top: 10px;
  background: var(--anzhiyu-background);
  border-radius: 40px;
  padding: 4px 12px 4px 8px;
  border: var(--style-border);
  box-shadow: var(--anzhiyu-shadow-border);
}
.author-content-item.skills .skill-icon {
  width: 32px;
  height: 32px;
  border-radius: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
}
.author-content-item.skills .skill-icon img {
  width: 18px;
  height: 18px;
  margin: 0 auto !important;
}
.author-content-item.skills .etc {
  margin-right: 10px;
  margin-top: 10px;
}

@keyframes rowup {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.author-content-item.skills:hover .skills-style-group .tags-group-all {
  opacity: 0;
}
.author-content-item.skills:hover .skills-style-group .skills-list {
  opacity: 1;
}

.site-card-group .site-card .info {
  margin-top: 0;
}
.site-card-group > a {
  width: calc(100% / 4 - 0.5rem);
  height: 150px;
  position: relative;
  display: block;
  margin: 0.5rem 0.25rem;
  float: left;
  overflow: hidden;
  padding: 0;
  border-radius: 8px;
  -webkit-transition: all 0.3s ease 0s, -webkit-transform 0.6s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
  -moz-transition: all 0.3s ease 0s, -moz-transform 0.6s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
  -o-transition: all 0.3s ease 0s, -o-transform 0.6s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
  -ms-transition: all 0.3s ease 0s, -ms-transform 0.6s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
  transition: all 0.3s ease 0s, transform 0.6s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: var(--style-border) !important;
}

.site-card-group > a .wrapper {
  position: relative;
}

.site-card-group > a .cover {
  width: 100%;
  -webkit-transition: -webkit-transform 0.5s ease-out;
  -moz-transition: -moz-transform 0.5s ease-out;
  -o-transition: -o-transform 0.5s ease-out;
  -ms-transition: -ms-transform 0.5s ease-out;
  transition: transform 0.5s ease-out;
}

.site-card-group > a .info,
.site-card-group > a .wrapper .cover {
  position: absolute;
  top: 0;
  left: 0;
}

.site-card-group > a .info {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
  -o-transition: -o-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
  -ms-transition: -ms-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
  transition: transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
}

.site-card-group > a .info img {
  position: relative;
  top: 45px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 30%);
  box-shadow: 0 0 10px rgb(0 0 0 / 30%);
  z-index: 1;
  text-align: center;
  pointer-events: none;
}

.site-card-group > a .info span {
  padding: 20px 10% 60px 10%;
  font-size: 16px;
  width: 100%;
  text-align: center;
  -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 30%);
  box-shadow: 0 0 10px rgb(0 0 0 / 30%);
  background-color: rgba(255, 255, 255, 0.7);
  color: var(--font-color);
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.site-card-group .site-card:hover {
  border-color: var(--anzhiyu-main) !important;
  background-color: var(--anzhiyu-main) !important;
  -webkit-box-shadow: var(--anzhiyu-shadow-theme) !important;
  box-shadow: var(--anzhiyu-shadow-theme) !important;
}
.site-card-group > a:hover .wrapper img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.site-card-group > a .cover {
  width: 100%;
  -webkit-transition: -webkit-transform 0.5s ease-out;
  -moz-transition: -moz-transform 0.5s ease-out;
  -o-transition: -o-transform 0.5s ease-out;
  -ms-transition: -ms-transform 0.5s ease-out;
  transition: transform 0.5s ease-out;
}
.site-card-group > a .wrapper img {
  height: 150px;
  pointer-events: none;
}
.site-card-group .site-card .wrapper img {
  -webkit-transition: -webkit-transform 0.5s ease-out !important;
  -moz-transition: -moz-transform 0.5s ease-out !important;
  -o-transition: -o-transform 0.5s ease-out !important;
  -ms-transition: -ms-transform 0.5s ease-out !important;
  transition: transform 0.5s ease-out !important;
}
.site-card-group > a .wrapper .fadeIn {
  -webkit-animation: coverIn 0.8s ease-out forwards;
  -moz-animation: coverIn 0.8s ease-out forwards;
  -o-animation: coverIn 0.8s ease-out forwards;
  -ms-animation: coverIn 0.8s ease-out forwards;
  animation: coverIn 0.8s ease-out forwards;
}

.site-card-group > a:hover .info {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

目录效果

洪哥真细，目录都做了细节优化

亿点点css实现：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138

@media screen and (max-width: 768px) {
  #aside-content .card-widget:not(#card-toc) {
      display: none;
  }
}
@media screen and (min-width: 901px) {
  #aside-content #card-toc {
      right: 0px !important;
  }
}

@media screen and (max-width: 900px) {
  #aside-content #card-toc {
      position: fixed;
      right: -100%;
      bottom: 30px;
      z-index: 100;
      max-height: calc(100% - 60px);
      width: 300px;
      opacity: 0;
      transform-origin: right bottom;
  }
}

#aside-content #card-toc .toc-content {
  overflow-y: auto;
  max-height: calc(100vh - 120px);
}

@media screen and (max-width: 900px) {
  #aside-content #card-toc .toc-content {
      max-height: calc(100vh - 140px);
  }
}

#aside-content #card-toc .toc-content .toc-child {
  display: none;
}

@media screen and (max-width: 900px) {
  #aside-content #card-toc .toc-content .toc-child {
      display: block !important;
  }
}

#aside-content #card-toc .toc-content .toc-item.active .toc-child {
  display: block;
}

#aside-content #card-toc .toc-content li, #aside-content #card-toc .toc-content ol {
  list-style: none;
}

#aside-content #card-toc .toc-content > ol {
  padding: 0px !important;
}

#aside-content #card-toc .toc-content ol {
  margin: 0px;
  padding-left: 0.4rem;
}

#aside-content #card-toc .toc-content .toc-link {
  display: block;
  padding-left: 0.3rem;
  border-left: 3px solid transparent;
  color: var(--toc-link-color);
  transition: all 0.2s ease-in-out 0s;
}

#aside-content #card-toc .toc-content .toc-link.active {
  border-left-color: rgb(0, 97, 204);
  background: rgb(0, 121, 255);
  color: rgb(255, 255, 255);
}

#aside-content #card-toc .toc-content::before {
  position: absolute;
  top: 0.6rem;
  right: 1.2rem;
  color: rgb(169, 169, 169);
  content: attr(progress-percentage);
  font-style: italic;
  font-size: 1.2rem;
}

#aside-content #card-toc .toc-content .toc-link.active {
  line-height: 1.2;
  border-radius: 12px;
  border-left-color: var(--heo-hovertext);
  background-color: var(--heo-card-bg);
  color: var(--heo-lighttext);
  font-weight: 700;
  font-size: 20px;
}

[data-theme="dark"].toc .toc-item.active .toc-link .toc-text {
  color: var(--heo-white);
}

#aside-content #card-toc .toc-content .toc-item.active .toc-link {
  opacity: 1;
  border-radius: 8px;
}

#aside-content #card-toc .toc-content .toc-link {
  line-height: 1.2;
  padding: 8px;
  border-left: 0px solid transparent;
  border-radius: 12px;
  color: var(--heo-secondtext);
  cursor: default;
}

#aside-content #card-toc .toc-content .toc-link:not(.active) span {
  opacity: 0.6;
  cursor: pointer;
  filter: blur(1px);
  transition: all 0.3s ease 0s;
}

#aside-content #card-toc:hover .toc-content .toc-link:not(.active) span {
  filter: blur(0px);
  opacity: 1;
}

#aside-content #card-toc .toc-content .toc-link:not(.active) span:hover {
  color: var(--heo-lighttext);
}

#card-toc {
  padding: 0.5rem !important;
}

#aside-content #card-toc .toc-content::before {
  display: none;
}

文章页面封面图模糊

layout/includes/header/index.pug，打开这个文件，将原有page-header部分修改为：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
header#page-header(class=isHomeClass)
  img#post-cover(src=url_for(top_img) alt='cover')
  !=partial('includes/header/nav', {}, {cache:theme.fragment_cache})
  if top_img !== false
    if is_post()
      include ./post-info.pug
    else if is_home() 
      #site-info
        h1#site-title=site_title
        #site-subtitle
          span#subtitle
        if(theme.social)
          #site_social_icons
            !=fragment_cache('social', function(){return partial('includes/header/social')})
      #scroll-down
        i.fas.fa-angle-down.scroll-down-effects
    else
      #page-site-info
        h1#site-title=site_title

引入css：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
.post-bg #post-cover{
  width: 100%;
  height: 100%;  
  object-fit: cover;
}
#page-header #post-top-cover {
  filter: blur(10px);
}
#post-info .post-title {
    user-select: none;
    text-align: left;
}
.meta-firstline {
    text-align: left;
}

文章页波浪效果

修改 themes/butterfly/layout/includes/header/index.pug 大概第 33 行左右

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
if top_img !== false
  if is_post()
    include ./post-info.pug
+   section.main-hero-waves-area.waves-area
+     svg.waves-svg(xmlns='http://www.w3.org/2000/svg', xlink='http://www.w3.org/1999/xlink', viewBox='0 24 150 28', preserveAspectRatio='none', shape-rendering='auto')
+       defs
+         path#gentle-wave(d='M -160 44 c 30 0 58 -18 88 -18 s 58 18 88 18 s 58 -18 88 -18 s 58 18 88 18 v 44 h -352 Z')
+       g.parallax
+         use(href='#gentle-wave', x='48', y='0')
+         use(href='#gentle-wave', x='48', y='3')
+         use(href='#gentle-wave', x='48', y='5')
+         use(href='#gentle-wave', x='48', y='7')
    #post-top-cover
      img#post-top-bg(class='nolazyload' src=bg_img)
  else if is_home()
    #site-info
      h1#site-title=site_title
      if theme.subtitle.enable

添加waves.css

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
/* 波浪css */
.main-hero-waves-area {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -11px;
  z-index: 5;
}
.waves-area .waves-svg {
  width: 100%;
  height: 5rem;
}
/* Animation */

.parallax > use {
  animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
  fill: #f7f9febd;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
  fill: #f7f9fe82;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
  fill: #f7f9fe36;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
  fill: #f7f9fe;
}
/* 黑色模式背景 */
[data-theme="dark"] .parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
  fill: #18171dc8;
}
[data-theme="dark"] .parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
  fill: #18171d80;
}
[data-theme="dark"] .parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
  fill: #18171d3e;
}
[data-theme="dark"] .parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
  fill: #18171d;
}

@keyframes move-forever {
  0% {
    transform: translate3d(-90px, 0, 0);
  }
  100% {
    transform: translate3d(85px, 0, 0);
  }
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
  .waves-area .waves-svg {
    height: 40px;
    min-height: 40px;
  }
}
【转载】一篇文章butterfly主题heo化！
http://uu.sssu.us/archives/5781/
作者
径曲山斜
发布于
2023-02-11
更新于
2023-07-28
许可协议
CC BY 4.0
hexo魔改butterfly
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/58214/index.html b/archives/58214/index.html index c43564278..90f567d9a 100644 --- a/archives/58214/index.html +++ b/archives/58214/index.html @@ -1 +1 @@ -arcolinux初体验 | 径曲山斜のBlog

arcolinux初体验

发表于|更新于
|阅读量:

选择版本

arcolinux L

xfce桌面
包里含了很多应用，安装后就可以使用，包含基础应用及GIMP VLC Firefox Chromium SublimeText等等属于开箱急用那种。

arcolinux S

Xfce桌面
没有任何预先安装的应用，只有蓝牙 wifi 电量等基础应用。

arcolinux B

集合里大部分桌面环境以及窗口管理器，下载的时候可以选择需要那个，最好的是窗口管理器也已经帮你做了基础配置。
包含常规桌面环境

  • KDE
  • xfce4
  • gnome
  • deepin
  • cinnamon
  • budgie
  • 更多

以及窗口管理器

  • awesome
  • bspwm
  • cwm
  • dwm
  • icewm
  • i3wm
  • 更多

基本常见的桌面环境以及窗口管理器都可以找到 预先安装里少部分基础应用

arcolinux D

没有安装任何桌面环境或者窗口管理器，也没有任何应用，最简单的的一个版本，开机会进入命令行的那种

初体验

美观度

arcolinux在美观这块可以说做的非常好，个人感觉比manjaro好看。

上图

dwm

浅蓝是很好看的

使用难度

不高，稍高于Ubuntu。（arch系会难一点的）

在dwm，awesome等窗口管理器中，还有个很贴心的设计，把所有快捷键显示在了屏幕右边，对于刚接触dwm等窗口管理器，不太熟悉快捷键的小伙伴非常友好

安装难度

有GUI的arcolinux-B安装很简单。

默认为简单安装，会安装大部分linux带的东西，你也可以选择定制安装

在定制安装中可以勾选yay，fcitx5，虚拟机，甚至还有wps和小游戏。也可以选择内核，比如我选择zen内核。窗口管理器或者桌面环境也可以勾选多种，比如我安装了gnome，dwm和kde。当然，如果你不喜欢默认的GDM登录管理器，也可以选择SDDM。

总结

优点

不需要手敲命令，GUI安装，可高度自定义，也可简单安装，有众多桌面供选择，是arco最大的亮点。

缺点

尺寸有些大，并且dwm没有像自己折腾的那样的那么低的占用。

如果你想给自己的电脑上linux，那么这绝对是个不错的选择

arcolinux初体验
http://uu.sssu.us/archives/58214/
作者
径曲山斜
发布于
2023-03-17
更新于
2023-07-02
许可协议
CC BY 4.0
linux
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +arcolinux初体验 | 径曲山斜のBlog

arcolinux初体验

发表于|更新于
|阅读量:

选择版本

arcolinux L

xfce桌面
包里含了很多应用，安装后就可以使用，包含基础应用及GIMP VLC Firefox Chromium SublimeText等等属于开箱急用那种。

arcolinux S

Xfce桌面
没有任何预先安装的应用，只有蓝牙 wifi 电量等基础应用。

arcolinux B

集合里大部分桌面环境以及窗口管理器，下载的时候可以选择需要那个，最好的是窗口管理器也已经帮你做了基础配置。
包含常规桌面环境

  • KDE
  • xfce4
  • gnome
  • deepin
  • cinnamon
  • budgie
  • 更多

以及窗口管理器

  • awesome
  • bspwm
  • cwm
  • dwm
  • icewm
  • i3wm
  • 更多

基本常见的桌面环境以及窗口管理器都可以找到 预先安装里少部分基础应用

arcolinux D

没有安装任何桌面环境或者窗口管理器，也没有任何应用，最简单的的一个版本，开机会进入命令行的那种

初体验

美观度

arcolinux在美观这块可以说做的非常好，个人感觉比manjaro好看。

上图

dwm

浅蓝是很好看的

使用难度

不高，稍高于Ubuntu。（arch系会难一点的）

在dwm，awesome等窗口管理器中，还有个很贴心的设计，把所有快捷键显示在了屏幕右边，对于刚接触dwm等窗口管理器，不太熟悉快捷键的小伙伴非常友好

安装难度

有GUI的arcolinux-B安装很简单。

默认为简单安装，会安装大部分linux带的东西，你也可以选择定制安装

在定制安装中可以勾选yay，fcitx5，虚拟机，甚至还有wps和小游戏。也可以选择内核，比如我选择zen内核。窗口管理器或者桌面环境也可以勾选多种，比如我安装了gnome，dwm和kde。当然，如果你不喜欢默认的GDM登录管理器，也可以选择SDDM。

总结

优点

不需要手敲命令，GUI安装，可高度自定义，也可简单安装，有众多桌面供选择，是arco最大的亮点。

缺点

尺寸有些大，并且dwm没有像自己折腾的那样的那么低的占用。

如果你想给自己的电脑上linux，那么这绝对是个不错的选择

arcolinux初体验
http://uu.sssu.us/archives/58214/
作者
径曲山斜
发布于
2023-03-17
更新于
2023-07-02
许可协议
CC BY 4.0
linux
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/58490/index.html b/archives/58490/index.html index 7806ffcab..1f16b763c 100644 --- a/archives/58490/index.html +++ b/archives/58490/index.html @@ -1 +1 @@ -dynasty/dimension主题外挂标签 | 径曲山斜のBlog

dynasty/dimension主题外挂标签

发表于|更新于|DimSpace
|阅读量:
一个基于`butterfly`的二次元hexo主题。

dynasty/dimension主题外挂标签

按钮

头像样式

xaoxuu
1
2
3
{% btns circle grid5 %}
{% cell xaoxuu, https://xaoxuu.com, https://gcore.jsdelivr.net/gh/xaoxuu/cdn-assets/avatar/avatar.png %}
{% endbtns %}

fontawesome图标

下载源码 查看文档
1
2
3
4
{% btns rounded grid5 %}
{% cell 下载源码, /, fas fa-download %}
{% cell 查看文档, /, fas fa-book-open %}
{% endbtns %}

github个人卡片

不同主题：
default：

dack：

highcontrast：

transparent：

radical：

merko：

gruvbox：

gruvbox-duo：

tokyonight：

tokyonight-duo：

onedark：

onedark-duo：

prussian：

vue：

vue-dark：

1
2
3
{% ghp ezgx, default %}
{% ghp ezgx, dark %}
{% ghp github用户名, 主题（如：vue-dark，default等） %}

github奖杯

可选主题：flat onedark gruvbox dracula monokai chalk nord alduin darkhub buddhism oldie onestar algolia

1
2
{% ghpt ezgx, 1, 7, gruvbox %}
{% ghpt github用户名, 行数（不写默认2行）, 个数（不写默认全显示）, 主题（不写默认flat）如gruvbox等 %}

提示块标签

默認 提示塊標籤

default 提示塊標籤

primary 提示塊標籤

success 提示塊標籤

info 提示塊標籤

warning 提示塊標籤

danger 提示塊標籤

进度条

进度条样式预览

进度条样式预览

进度条样式预览

进度条样式预览

进度条样式预览

进度条样式预览

1
2
3
4
5
6
{% progress 10 red 进度条样式预览 %}
{% progress 30 yellow 进度条样式预览 %}
{% progress 50 green 进度条样式预览 %}
{% progress 70 cyan 进度条样式预览 %}
{% progress 90 blue 进度条样式预览 %}
{% progress 100 gray 进度条样式预览 %}

作品推荐卡片：

某大陆南北分割战争刚结束，曾是军人的主角薇尔莉特作为“自动手记人偶”在代写书信的过程中不断成长。 查看详情
番剧
紫罗兰永恒花园
1
2
3
{% card 紫罗兰永恒花园,https://www.bilibili.com/bangumi/play/ep173286?from=search&seid=10927182858100936967&from_spmid=666.25.episode.0,https://npm.elemecdn.com/anzhiyu-blog@1.1.6/img/post/common/violet.jpg,4.5,某大陆南北分割战争刚结束，曾是军人的主角薇尔莉特作为“自动手记人偶”在代写书信的过程中不断成长。,fa-solid fa-book-open,番剧 %}

{% card 标题,链接,背景,评分,评价,图标,标签 %}

诗词歌赋

水调歌头
苏轼

丙辰中秋，欢饮达旦，大醉，作此篇，兼怀子由。

明月几时有？把酒问青天。
不知天上宫阙，今夕是何年？
我欲乘风归去，又恐琼楼玉宇，高处不胜寒。
起舞弄清影，何似在人间？

转朱阁，低绮户，照无眠。
不应有恨，何事长向别时圆？
人有悲欢离合，月有阴晴圆缺，此事古难全。
但愿人长久，千里共婵娟。

1
2
3
4
5
6
7
8
9
10
11
12
13
{% poem 水调歌头,苏轼 %}
丙辰中秋，欢饮达旦，大醉，作此篇，兼怀子由。

明月几时有？把酒问青天。
不知天上宫阙，今夕是何年？
我欲乘风归去，又恐琼楼玉宇，高处不胜寒。
起舞弄清影，何似在人间？

转朱阁，低绮户，照无眠。
不应有恨，何事长向别时圆？
人有悲欢离合，月有阴晴圆缺，此事古难全。
但愿人长久，千里共婵娟。
{% endpoem %}

对话框

bot

这是一个一个一个markdown测试文章。

径曲山斜

无处不在的homo（恼

xl

我有头像！

1
2
3
4
5
6
7
8
9
10
11
{% msgbox "text-msgbox" %}
{% msgguest "bot" %}
这是一个一个一个markdown测试文章。
{% endmsgguest %}
{% msgadmin %}
无处不在的homo（恼
{% endmsgadmin %}
{% msgguest "xl","https://gcore.jsdelivr.net/gh/zykjofficial/zykjofficial.github.io@master/img/avatar.png" %}
我有头像！
{% endmsgguest %}
{% endmsgbox %}

外链

Leonus
进一寸有进一寸的欢喜。
1
{% link https://blog.leonus.cn/,Leonus,https://blog.leonus.cn/favicon.ico,进一寸有进一寸的欢喜。 %}

颜色文字

各种颜色的标签，包括：红色、黄色、绿色、青色、蓝色、灰色。

1
各种颜色的标签，包括：{% span red, 红色 %}、{% span yellow, 黄色 %}、{% span green, 绿色 %}、{% span cyan, 青色 %}、{% span blue, 蓝色 %}、{% span gray, 灰色 %}。

超大号文字

A Wonderful Theme for Hexo
1
{% span center logo large, Volantis %} {% span center small, A Wonderful Theme for Hexo %}

github信息卡片

1
2
3
4
5
6
7
8
{% ghcard xaoxuu %}
{% ghcard xaoxuu, theme=vue %}
{% ghcard xaoxuu, theme=buefy %}
{% ghcard xaoxuu, theme=solarized-light %}
{% ghcard xaoxuu, theme=onedark %}
{% ghcard xaoxuu, theme=solarized-dark %}
{% ghcard xaoxuu, theme=algolia %}
{% ghcard xaoxuu, theme=calm %}

颜色折叠tab

查看图片测试

1
2
3
{% folding 查看图片测试 %}
![](https://pic.imgdb.cn/item/64061c93f144a01007f083cb.jpg)
{% endfolding %}
查看默认打开的折叠框

这是一个默认打开的折叠框。

1
2
3
{% folding cyan open, 查看默认打开的折叠框 %}
这是一个默认打开的折叠框。
{% endfolding %}
查看嵌套测试
查看嵌套测试2
查看嵌套测试3

hahaha 

1
2
3
4
5
6
7
{% folding red, 查看嵌套测试 %}
{% folding blue, 查看嵌套测试2 %}
{% folding 查看嵌套测试3 %}
hahaha <span><img src='https://gcore.jsdelivr.net/gh/volantis-x/cdn-emoji/tieba/%E6%BB%91%E7%A8%BD.png' style='height:24px'></span>
{% endfolding %}
{% endfolding %}
{% endfolding %}

隐藏标签（butterfly）

哪个英文字母最酷？ 因为西装裤(C装酷)

门里站着一个人? 闪

1
2
3
哪个英文字母最酷？ {% hideInline 因为西装裤(C装酷),查看答案,#FF7242,#fff %}

门里站着一个人? {% hideInline 闪 %}

tabs（butterfly）

This is Tab 1.

This is Tab 2.

This is Tab 3.

1
2
3
4
5
6
7
8
9
10
11
12
13
{% tabs test2, 3 %}
<!-- tab -->
**This is Tab 1.**
<!-- endtab -->

<!-- tab -->
**This is Tab 2.**
<!-- endtab -->

<!-- tab -->
**This is Tab 3.**
<!-- endtab -->
{% endtabs %}

tab名字为第一个Tab

只有图标 没有Tab名字

名字+icon

1
2
3
4
5
6
7
8
9
10
11
12
13
{% tabs test4 %}
<!-- tab 第一个Tab -->
**tab名字为第一个Tab**
<!-- endtab -->

<!-- tab @fab fa-apple-pay -->
**只有图标 没有Tab名字**
<!-- endtab -->

<!-- tab 炸弹@fas fa-bomb -->
**名字+icon**
<!-- endtab -->
{% endtabs %}
dynasty/dimension主题外挂标签
http://uu.sssu.us/archives/58490/
作者
径曲山斜
发布于
2023-03-07
更新于
2023-08-17
许可协议
CC BY 4.0
hexobutterflydynastydimension
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +dynasty/dimension主题外挂标签 | 径曲山斜のBlog

dynasty/dimension主题外挂标签

发表于|更新于|DimSpace
|阅读量:
一个基于`butterfly`的二次元hexo主题。

dynasty/dimension主题外挂标签

按钮

头像样式

xaoxuu
1
2
3
{% btns circle grid5 %}
{% cell xaoxuu, https://xaoxuu.com, https://gcore.jsdelivr.net/gh/xaoxuu/cdn-assets/avatar/avatar.png %}
{% endbtns %}

fontawesome图标

下载源码 查看文档
1
2
3
4
{% btns rounded grid5 %}
{% cell 下载源码, /, fas fa-download %}
{% cell 查看文档, /, fas fa-book-open %}
{% endbtns %}

github个人卡片

不同主题：
default：

dack：

highcontrast：

transparent：

radical：

merko：

gruvbox：

gruvbox-duo：

tokyonight：

tokyonight-duo：

onedark：

onedark-duo：

prussian：

vue：

vue-dark：

1
2
3
{% ghp ezgx, default %}
{% ghp ezgx, dark %}
{% ghp github用户名, 主题（如：vue-dark，default等） %}

github奖杯

可选主题：flat onedark gruvbox dracula monokai chalk nord alduin darkhub buddhism oldie onestar algolia

1
2
{% ghpt ezgx, 1, 7, gruvbox %}
{% ghpt github用户名, 行数（不写默认2行）, 个数（不写默认全显示）, 主题（不写默认flat）如gruvbox等 %}

提示块标签

默認 提示塊標籤

default 提示塊標籤

primary 提示塊標籤

success 提示塊標籤

info 提示塊標籤

warning 提示塊標籤

danger 提示塊標籤

进度条

进度条样式预览

进度条样式预览

进度条样式预览

进度条样式预览

进度条样式预览

进度条样式预览

1
2
3
4
5
6
{% progress 10 red 进度条样式预览 %}
{% progress 30 yellow 进度条样式预览 %}
{% progress 50 green 进度条样式预览 %}
{% progress 70 cyan 进度条样式预览 %}
{% progress 90 blue 进度条样式预览 %}
{% progress 100 gray 进度条样式预览 %}

作品推荐卡片：

某大陆南北分割战争刚结束，曾是军人的主角薇尔莉特作为“自动手记人偶”在代写书信的过程中不断成长。 查看详情
番剧
紫罗兰永恒花园
1
2
3
{% card 紫罗兰永恒花园,https://www.bilibili.com/bangumi/play/ep173286?from=search&seid=10927182858100936967&from_spmid=666.25.episode.0,https://npm.elemecdn.com/anzhiyu-blog@1.1.6/img/post/common/violet.jpg,4.5,某大陆南北分割战争刚结束，曾是军人的主角薇尔莉特作为“自动手记人偶”在代写书信的过程中不断成长。,fa-solid fa-book-open,番剧 %}

{% card 标题,链接,背景,评分,评价,图标,标签 %}

诗词歌赋

水调歌头
苏轼

丙辰中秋，欢饮达旦，大醉，作此篇，兼怀子由。

明月几时有？把酒问青天。
不知天上宫阙，今夕是何年？
我欲乘风归去，又恐琼楼玉宇，高处不胜寒。
起舞弄清影，何似在人间？

转朱阁，低绮户，照无眠。
不应有恨，何事长向别时圆？
人有悲欢离合，月有阴晴圆缺，此事古难全。
但愿人长久，千里共婵娟。

1
2
3
4
5
6
7
8
9
10
11
12
13
{% poem 水调歌头,苏轼 %}
丙辰中秋，欢饮达旦，大醉，作此篇，兼怀子由。

明月几时有？把酒问青天。
不知天上宫阙，今夕是何年？
我欲乘风归去，又恐琼楼玉宇，高处不胜寒。
起舞弄清影，何似在人间？

转朱阁，低绮户，照无眠。
不应有恨，何事长向别时圆？
人有悲欢离合，月有阴晴圆缺，此事古难全。
但愿人长久，千里共婵娟。
{% endpoem %}

对话框

bot

这是一个一个一个markdown测试文章。

径曲山斜

无处不在的homo（恼

xl

我有头像！

1
2
3
4
5
6
7
8
9
10
11
{% msgbox "text-msgbox" %}
{% msgguest "bot" %}
这是一个一个一个markdown测试文章。
{% endmsgguest %}
{% msgadmin %}
无处不在的homo（恼
{% endmsgadmin %}
{% msgguest "xl","https://gcore.jsdelivr.net/gh/zykjofficial/zykjofficial.github.io@master/img/avatar.png" %}
我有头像！
{% endmsgguest %}
{% endmsgbox %}

外链

Leonus
进一寸有进一寸的欢喜。
1
{% link https://blog.leonus.cn/,Leonus,https://blog.leonus.cn/favicon.ico,进一寸有进一寸的欢喜。 %}

颜色文字

各种颜色的标签，包括：红色、黄色、绿色、青色、蓝色、灰色。

1
各种颜色的标签，包括：{% span red, 红色 %}、{% span yellow, 黄色 %}、{% span green, 绿色 %}、{% span cyan, 青色 %}、{% span blue, 蓝色 %}、{% span gray, 灰色 %}。

超大号文字

A Wonderful Theme for Hexo
1
{% span center logo large, Volantis %} {% span center small, A Wonderful Theme for Hexo %}

github信息卡片

1
2
3
4
5
6
7
8
{% ghcard xaoxuu %}
{% ghcard xaoxuu, theme=vue %}
{% ghcard xaoxuu, theme=buefy %}
{% ghcard xaoxuu, theme=solarized-light %}
{% ghcard xaoxuu, theme=onedark %}
{% ghcard xaoxuu, theme=solarized-dark %}
{% ghcard xaoxuu, theme=algolia %}
{% ghcard xaoxuu, theme=calm %}

颜色折叠tab

查看图片测试

1
2
3
{% folding 查看图片测试 %}
![](https://pic.imgdb.cn/item/64061c93f144a01007f083cb.jpg)
{% endfolding %}
查看默认打开的折叠框

这是一个默认打开的折叠框。

1
2
3
{% folding cyan open, 查看默认打开的折叠框 %}
这是一个默认打开的折叠框。
{% endfolding %}
查看嵌套测试
查看嵌套测试2
查看嵌套测试3

hahaha 

1
2
3
4
5
6
7
{% folding red, 查看嵌套测试 %}
{% folding blue, 查看嵌套测试2 %}
{% folding 查看嵌套测试3 %}
hahaha <span><img src='https://gcore.jsdelivr.net/gh/volantis-x/cdn-emoji/tieba/%E6%BB%91%E7%A8%BD.png' style='height:24px'></span>
{% endfolding %}
{% endfolding %}
{% endfolding %}

隐藏标签（butterfly）

哪个英文字母最酷？ 因为西装裤(C装酷)

门里站着一个人? 闪

1
2
3
哪个英文字母最酷？ {% hideInline 因为西装裤(C装酷),查看答案,#FF7242,#fff %}

门里站着一个人? {% hideInline 闪 %}

tabs（butterfly）

This is Tab 1.

This is Tab 2.

This is Tab 3.

1
2
3
4
5
6
7
8
9
10
11
12
13
{% tabs test2, 3 %}
<!-- tab -->
**This is Tab 1.**
<!-- endtab -->

<!-- tab -->
**This is Tab 2.**
<!-- endtab -->

<!-- tab -->
**This is Tab 3.**
<!-- endtab -->
{% endtabs %}

tab名字为第一个Tab

只有图标 没有Tab名字

名字+icon

1
2
3
4
5
6
7
8
9
10
11
12
13
{% tabs test4 %}
<!-- tab 第一个Tab -->
**tab名字为第一个Tab**
<!-- endtab -->

<!-- tab @fab fa-apple-pay -->
**只有图标 没有Tab名字**
<!-- endtab -->

<!-- tab 炸弹@fas fa-bomb -->
**名字+icon**
<!-- endtab -->
{% endtabs %}
dynasty/dimension主题外挂标签
http://uu.sssu.us/archives/58490/
作者
径曲山斜
发布于
2023-03-07
更新于
2023-08-17
许可协议
CC BY 4.0
hexobutterflydynastydimension
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/59158/index.html b/archives/59158/index.html index 8bf650147..5e2744f09 100644 --- a/archives/59158/index.html +++ b/archives/59158/index.html @@ -1 +1 @@ -cbx-home首页 | 径曲山斜のBlog

cbx-home首页

发表于|更新于|DimSpace
|阅读量:

cbx-home

属于dimspace系列

cbx-home是一个由纯css构成的轻量化，优雅，支持个人多项目的个人主页。

  • 方便

html简单明了，方便修改使用

  • 快速

css为html内嵌（听说单文件加载更快）

即使服务器在国外，也不需要为加载速度担忧

  • 适合

能适配大多数设备，适合大多数人的大多数用途

可用于个人主页，多/单项目个人主页。

默认大小仅占5.12MB（你换高清大图就不一定了）

预览：https://home.uu.sssu.us/

源码下载：https://github.com/Ezgx/home

cbx-home首页
http://uu.sssu.us/archives/59158/
作者
径曲山斜
发布于
2023-02-19
更新于
2023-08-17
许可协议
CC BY 4.0
前端
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +cbx-home首页 | 径曲山斜のBlog

cbx-home首页

发表于|更新于|DimSpace
|阅读量:

cbx-home

属于dimspace系列

cbx-home是一个由纯css构成的轻量化，优雅，支持个人多项目的个人主页。

  • 方便

html简单明了，方便修改使用

  • 快速

css为html内嵌（听说单文件加载更快）

即使服务器在国外，也不需要为加载速度担忧

  • 适合

能适配大多数设备，适合大多数人的大多数用途

可用于个人主页，多/单项目个人主页。

默认大小仅占5.12MB（你换高清大图就不一定了）

预览：https://home.uu.sssu.us/

源码下载：https://github.com/Ezgx/home

cbx-home首页
http://uu.sssu.us/archives/59158/
作者
径曲山斜
发布于
2023-02-19
更新于
2023-08-17
许可协议
CC BY 4.0
前端
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/61230/index.html b/archives/61230/index.html index 5577872fc..62995de30 100644 --- a/archives/61230/index.html +++ b/archives/61230/index.html @@ -1 +1 @@ -hexo上传到github或gitee | 径曲山斜のBlog

hexo上传到github或gitee

发表于|更新于|博客优化
|阅读量:

哔哔

emm
最近更了几篇文

在看我自己博客的时候突然发现

我忘了写hexo上传的教程

sorry！

所以今天它就来了！

:::warning
本教程并不适用于腾讯云阿里云等等的服务器

仅适用于github和gitee
:::

首先安装hexo的git上传器

1
cnpm i hexo-deployer-git --save

然后在%blogroot%/_config.yml中，找到deploy字段

改为：
1
2
3
4
deploy: 
  type: git
  repo: https://github.com/用户名/仓库
  branch: 分支

如果你想同时上传到gitee和github
请按照如下示例格式填写:
1
2
3
4
5
6
7
8
9
deploy: 
  type: git
  repo: 
    - https://gitee.com/用户名/仓库 #这是gitee
    - https://github.com/用户名/仓库 #这是github
  branch: 
    - main
    - master 
# gitee默认主分支是main，github默认是master，这里我就都上传了，省事！

然后运行
1
hexo cl && hexo g && hexo d

:::danger
如果是powershell就把&&换成一个|就好了
就像下面这样：
1
hexo cl | hexo g | hexo d

hexo上传到github或gitee
http://uu.sssu.us/archives/61230/
作者
径曲山斜
发布于
2022-12-29
更新于
2023-07-02
许可协议
CC BY 4.0
hexo教程
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
目录
  1. 1. 哔哔
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +hexo上传到github或gitee | 径曲山斜のBlog

hexo上传到github或gitee

发表于|更新于|博客优化
|阅读量:

哔哔

emm
最近更了几篇文

在看我自己博客的时候突然发现

我忘了写hexo上传的教程

sorry！

所以今天它就来了！

:::warning
本教程并不适用于腾讯云阿里云等等的服务器

仅适用于github和gitee
:::

首先安装hexo的git上传器

1
cnpm i hexo-deployer-git --save

然后在%blogroot%/_config.yml中，找到deploy字段

改为：
1
2
3
4
deploy: 
  type: git
  repo: https://github.com/用户名/仓库
  branch: 分支

如果你想同时上传到gitee和github
请按照如下示例格式填写:
1
2
3
4
5
6
7
8
9
deploy: 
  type: git
  repo: 
    - https://gitee.com/用户名/仓库 #这是gitee
    - https://github.com/用户名/仓库 #这是github
  branch: 
    - main
    - master 
# gitee默认主分支是main，github默认是master，这里我就都上传了，省事！

然后运行
1
hexo cl && hexo g && hexo d

:::danger
如果是powershell就把&&换成一个|就好了
就像下面这样：
1
hexo cl | hexo g | hexo d

hexo上传到github或gitee
http://uu.sssu.us/archives/61230/
作者
径曲山斜
发布于
2022-12-29
更新于
2023-07-02
许可协议
CC BY 4.0
hexo教程
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
目录
  1. 1. 哔哔
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/62395/index.html b/archives/62395/index.html index b22c7fd54..a3fdad143 100644 --- a/archives/62395/index.html +++ b/archives/62395/index.html @@ -1 +1 @@ -hexo博客搭建-3-主题&页面配置 | 径曲山斜のBlog

hexo博客搭建-3-主题&页面配置

发表于|更新于|博客教程
|阅读量:

::: danger

这期开始页面配置

:::

全局配置

在博客根目录==config.yml==中

1
2
3
4
5
6
7
8
9
找到这些，然后修改
# Site
title: 标题
subtitle: 副标题
description: '介绍'
keywords: 关键词
author: 作者名字
language: zh-CN
timezone: ''

主题配置

接下来修改==config.butterfly.yml==

导航栏

1
2
3
4
5
6
7
8
9
10
11
12
13
14
menu:
  首页: / || # fas fa-home
  文章||:
    归档: /archives/ || # fas fa-archive
    标签: /tags/ || # fas fa-tags
    分类: /categories/ || # fas fa-folder-open
  # List||fas fa-list:
    # Music: /music/ || fas fa-music
    # Movie: /movies/ || fas fa-video
  开往||:
    友链: /link/ # || fas fa-link
    关于: /about/ # || fas fa-heart
  更多||:
    敬请期待: /

代码高亮

1
2
3
4
5
6
highlight_theme: pale night #  darker / pale night / light / ocean / mac / mac light / false
highlight_copy: true # copy button
highlight_lang: true # show the code language
highlight_shrink: false # true: shrink the code blocks / false: expand the code blocks | none: expand code blocks and hide the button
highlight_height_limit: false # unit: px
code_word_wrap: false

网站图标和作者头像

1
2
3
4
5
6
7
# Favicon（網站圖標）
favicon: /img/avatar.png

# Avatar (頭像)
avatar:
  img: /img/avatar.png
  effect: true # 头像旋转效果

是否开启头图

1
2
# Disable all banner image
disable_top_img: true # true为不显示，false为显示，默认false

无封面文章随机封面

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
cover:
  # display the cover or not (是否顯示文章封面)
  index_enable: true
  aside_enable: true
  archives_enable: true
  # the position of cover in home page (封面顯示的位置)
  # left/right/both
  position: right
  # When cover is not set, the default cover is displayed (當沒有設置cover時，默認的封面顯示)
  default_cover:
    - /img/1.jpg
    - /img/2.jpg
    - /img/3.jpg
    - /img/4.jpg
    - /img/5.jpg
    - /img/6.jpg
    - /img/7.jpg
    - /img/8.jpg
    - /img/9.jpg
    - /img/10.jpg
    - /img/11.jpg

自定义js/css

1
2
3
4
5
6
7
# bottom插入js，head插入css
inject:
  head:
    - <link rel="stylesheet" type="text/css" href="/css/name.css">
  bottom:
    - <script src="/js/bar.js"></script>
    - <script src="/js/sticky.js"></script>
hexo博客搭建-3-主题&页面配置
http://uu.sssu.us/archives/62395/
作者
径曲山斜
发布于
2022-12-14
更新于
2023-07-02
许可协议
CC BY 4.0
hexo
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +hexo博客搭建-3-主题&页面配置 | 径曲山斜のBlog

hexo博客搭建-3-主题&页面配置

发表于|更新于|博客教程
|阅读量:

::: danger

这期开始页面配置

:::

全局配置

在博客根目录==config.yml==中

1
2
3
4
5
6
7
8
9
找到这些，然后修改
# Site
title: 标题
subtitle: 副标题
description: '介绍'
keywords: 关键词
author: 作者名字
language: zh-CN
timezone: ''

主题配置

接下来修改==config.butterfly.yml==

导航栏

1
2
3
4
5
6
7
8
9
10
11
12
13
14
menu:
  首页: / || # fas fa-home
  文章||:
    归档: /archives/ || # fas fa-archive
    标签: /tags/ || # fas fa-tags
    分类: /categories/ || # fas fa-folder-open
  # List||fas fa-list:
    # Music: /music/ || fas fa-music
    # Movie: /movies/ || fas fa-video
  开往||:
    友链: /link/ # || fas fa-link
    关于: /about/ # || fas fa-heart
  更多||:
    敬请期待: /

代码高亮

1
2
3
4
5
6
highlight_theme: pale night #  darker / pale night / light / ocean / mac / mac light / false
highlight_copy: true # copy button
highlight_lang: true # show the code language
highlight_shrink: false # true: shrink the code blocks / false: expand the code blocks | none: expand code blocks and hide the button
highlight_height_limit: false # unit: px
code_word_wrap: false

网站图标和作者头像

1
2
3
4
5
6
7
# Favicon（網站圖標）
favicon: /img/avatar.png

# Avatar (頭像)
avatar:
  img: /img/avatar.png
  effect: true # 头像旋转效果

是否开启头图

1
2
# Disable all banner image
disable_top_img: true # true为不显示，false为显示，默认false

无封面文章随机封面

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
cover:
  # display the cover or not (是否顯示文章封面)
  index_enable: true
  aside_enable: true
  archives_enable: true
  # the position of cover in home page (封面顯示的位置)
  # left/right/both
  position: right
  # When cover is not set, the default cover is displayed (當沒有設置cover時，默認的封面顯示)
  default_cover:
    - /img/1.jpg
    - /img/2.jpg
    - /img/3.jpg
    - /img/4.jpg
    - /img/5.jpg
    - /img/6.jpg
    - /img/7.jpg
    - /img/8.jpg
    - /img/9.jpg
    - /img/10.jpg
    - /img/11.jpg

自定义js/css

1
2
3
4
5
6
7
# bottom插入js，head插入css
inject:
  head:
    - <link rel="stylesheet" type="text/css" href="/css/name.css">
  bottom:
    - <script src="/js/bar.js"></script>
    - <script src="/js/sticky.js"></script>
hexo博客搭建-3-主题&页面配置
http://uu.sssu.us/archives/62395/
作者
径曲山斜
发布于
2022-12-14
更新于
2023-07-02
许可协议
CC BY 4.0
hexo
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/62872/index.html b/archives/62872/index.html index 30d0fb9e7..34c10688f 100644 --- a/archives/62872/index.html +++ b/archives/62872/index.html @@ -1 +1 @@ -Ecx-UI-3-新拟态风格文章板块+文章页 | 径曲山斜のBlog

Ecx-UI-3-新拟态风格文章板块+文章页

发表于|更新于|ui魔改
|阅读量:

:::success
Ecx-UI第三期
:::


:::success
本站首页即为效果预览
:::

:::warning
建议搭配heo大佬的标签栏、分类栏

最好关闭侧边栏
:::

  1. 新拟态风格文章块

先安装文章双栏布局插件：

1
2
3
npm i hexo-butterfly-article-double-row --save
# 或
cnpm i hexo-butterfly-article-double-row --save

双栏布局插件效果

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
/*文章块阴影 */
#recent-posts > .recent-post-item {
  /*background-image: #ffffff;
  box-shadow: 0px 0px 10px 5px #646464 !important;*/
  border-radius: 30px;
  background: #e0e0e0;
  box-shadow: inset 10px 10px 15px #bebebe, inset -10px -10px 15px #ffffff;
}
#recent-posts > .recent-post-item >.recent-post-info > .article-title {
  text-align: center;
}
#recent-posts > .recent-post-item >.recent-post-info > .article-meta-wrap {
  text-align: center;
}
#recent-posts > .recent-post-item >.recent-post-info > .content {
  text-align: center;
}
#aside-content .card-widget, #recent-posts>.recent-post-item, .cardHover, .layout>.recent-posts .pagination>:not(.space), .layout>div:first-child:not(.recent-posts) {
  background-color: #ffffffc9;
}
#aside-content .aside-list>.aside-list-item .thumbnail>img, #recent-posts>.recent-post-item .post_cover img.post_bg, .article-sort-item-img img, .imgHover {
  border-radius: 40px;
  padding: 20px;
}
#category-bar {
  border-radius: 30px !important;
  background: #ebebeb;
  box-shadow: inset 10px 10px 12px #bebebe, inset -10px -10px 12px #ffffff;
}
  1. 新拟态风格文章页
1
2
3
4
5
6
7
8
9
10
11
/* 文章页效果 */
#post {
  border-radius: 50px;
  background: #ebebeb;
  box-shadow: inset 20px 20px 24px #bebebe, inset -20px -20px 24px #ffffff;
}
.cardHover, .layout > div:first-child:not(.recent-posts), #aside-content .card-widget, .layout > .recent-posts .pagination > *:not(.space) {
  border-radius: 50px;
  background: #ebebeb;
  box-shadow: inset 20px 20px 24px #bebebe, inset -20px -20px 24px #ffffff;
}
Ecx-UI-3-新拟态风格文章板块+文章页
http://uu.sssu.us/archives/62872/
作者
径曲山斜
发布于
2023-01-04
更新于
2023-07-28
许可协议
CC BY 4.0
hexo教程Ecx-UI魔改butterfly
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
抱歉，该文章无目录
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +Ecx-UI-3-新拟态风格文章板块+文章页 | 径曲山斜のBlog

Ecx-UI-3-新拟态风格文章板块+文章页

发表于|更新于|ui魔改
|阅读量:

:::success
Ecx-UI第三期
:::


:::success
本站首页即为效果预览
:::

:::warning
建议搭配heo大佬的标签栏、分类栏

最好关闭侧边栏
:::

  1. 新拟态风格文章块

先安装文章双栏布局插件：

1
2
3
npm i hexo-butterfly-article-double-row --save
# 或
cnpm i hexo-butterfly-article-double-row --save

双栏布局插件效果

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
/*文章块阴影 */
#recent-posts > .recent-post-item {
  /*background-image: #ffffff;
  box-shadow: 0px 0px 10px 5px #646464 !important;*/
  border-radius: 30px;
  background: #e0e0e0;
  box-shadow: inset 10px 10px 15px #bebebe, inset -10px -10px 15px #ffffff;
}
#recent-posts > .recent-post-item >.recent-post-info > .article-title {
  text-align: center;
}
#recent-posts > .recent-post-item >.recent-post-info > .article-meta-wrap {
  text-align: center;
}
#recent-posts > .recent-post-item >.recent-post-info > .content {
  text-align: center;
}
#aside-content .card-widget, #recent-posts>.recent-post-item, .cardHover, .layout>.recent-posts .pagination>:not(.space), .layout>div:first-child:not(.recent-posts) {
  background-color: #ffffffc9;
}
#aside-content .aside-list>.aside-list-item .thumbnail>img, #recent-posts>.recent-post-item .post_cover img.post_bg, .article-sort-item-img img, .imgHover {
  border-radius: 40px;
  padding: 20px;
}
#category-bar {
  border-radius: 30px !important;
  background: #ebebeb;
  box-shadow: inset 10px 10px 12px #bebebe, inset -10px -10px 12px #ffffff;
}
  1. 新拟态风格文章页
1
2
3
4
5
6
7
8
9
10
11
/* 文章页效果 */
#post {
  border-radius: 50px;
  background: #ebebeb;
  box-shadow: inset 20px 20px 24px #bebebe, inset -20px -20px 24px #ffffff;
}
.cardHover, .layout > div:first-child:not(.recent-posts), #aside-content .card-widget, .layout > .recent-posts .pagination > *:not(.space) {
  border-radius: 50px;
  background: #ebebeb;
  box-shadow: inset 20px 20px 24px #bebebe, inset -20px -20px 24px #ffffff;
}
Ecx-UI-3-新拟态风格文章板块+文章页
http://uu.sssu.us/archives/62872/
作者
径曲山斜
发布于
2023-01-04
更新于
2023-07-28
许可协议
CC BY 4.0
hexo教程Ecx-UI魔改butterfly
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
抱歉，该文章无目录
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/63474/index.html b/archives/63474/index.html index f9b67e444..98628ae8d 100644 --- a/archives/63474/index.html +++ b/archives/63474/index.html @@ -1 +1 @@ -hexo博客搭建-2-页面完善 | 径曲山斜のBlog

hexo博客搭建-2-页面完善

发表于|更新于|博客教程
|阅读量:

::: danger

还算简单…

:::

继上期，主题已经配置完毕

文章页

Front-matter

++Front-matter++ 是markdown文件最上方以 —- 分隔的区域

1
2
3
4
5
title：页面标题
date：日期
tags：标签
categories：分类
top_img：封面（可选

==创建关于页==

1
hexo new page about

找到source/about/index.md
1
2
3
4
5
6
---
+ layout: about
title: 关于
date: 2022-09-12 16:17:05
tags:
---

==创建分类页==

1
hexo new page categories

找到source/categories/index.md
1
2
3
4
5
6
---
+ layout: categories
title: 分类
date: 2022-09-12 16:17:05
tags:
---

==创建标签页==

1
hexo new page tags

找到source/categories/index.md
操作同上

::: success
well done!
You did it!
:::

安装高级markdown渲染器

hexo博客搭建-2-页面完善
http://uu.sssu.us/archives/63474/
作者
径曲山斜
发布于
2022-12-14
更新于
2023-07-02
许可协议
CC BY 4.0
hexo
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +hexo博客搭建-2-页面完善 | 径曲山斜のBlog

hexo博客搭建-2-页面完善

发表于|更新于|博客教程
|阅读量:

::: danger

还算简单…

:::

继上期，主题已经配置完毕

文章页

Front-matter

++Front-matter++ 是markdown文件最上方以 —- 分隔的区域

1
2
3
4
5
title：页面标题
date：日期
tags：标签
categories：分类
top_img：封面（可选

==创建关于页==

1
hexo new page about

找到source/about/index.md
1
2
3
4
5
6
---
+ layout: about
title: 关于
date: 2022-09-12 16:17:05
tags:
---

==创建分类页==

1
hexo new page categories

找到source/categories/index.md
1
2
3
4
5
6
---
+ layout: categories
title: 分类
date: 2022-09-12 16:17:05
tags:
---

==创建标签页==

1
hexo new page tags

找到source/categories/index.md
操作同上

::: success
well done!
You did it!
:::

安装高级markdown渲染器

hexo博客搭建-2-页面完善
http://uu.sssu.us/archives/63474/
作者
径曲山斜
发布于
2022-12-14
更新于
2023-07-02
许可协议
CC BY 4.0
hexo
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/64526/index.html b/archives/64526/index.html index a62c33e60..28535f6ce 100644 --- a/archives/64526/index.html +++ b/archives/64526/index.html @@ -1 +1 @@ -hexo插件推荐 | 径曲山斜のBlog

hexo插件推荐

发表于|更新于
|阅读量:

:::success

今天来点hexo插件，顺便水文

:::

1. hexo github calendar

安装命令：

1
npm install hexo-githubcalendar --save

在_config.yml里添加
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
gitcalendar:
  enable: true # 开关
  priority: 5 #过滤器优先权
  enable_page: all # 应用页面
  # butterfly挂载容器
  layout: # 挂载容器类型
    type: id
    name: recent-posts
    index: 0
  user: Ezgx #git用户名
  apiurl: https://gitcalendar.zfe.space # https://gitcalendar.akilar.top
  minheight:
    pc: 280px #桌面端最小高度
    mibile: 0px #移动端最小高度
  color: "['#e4dfd7', '#f9f4dc', '#f7e8aa', '#f7e8aa', '#f8df72', '#fcd217', '#fcc515', '#f28e16', '#fb8b05', '#d85916', '#f43e06']" #橘黄色调
  # color: "['#ebedf0', '#fdcdec', '#fc9bd9', '#fa6ac5', '#f838b2', '#f5089f', '#c4067e', '#92055e', '#540336', '#48022f', '#30021f']" #浅紫色调
  # color: "['#ebedf0', '#f0fff4', '#dcffe4', '#bef5cb', '#85e89d', '#34d058', '#28a745', '#22863a', '#176f2c', '#165c26', '#144620']" #翠绿色调
  # color: "['#ebedf0', '#f1f8ff', '#dbedff', '#c8e1ff', '#79b8ff', '#2188ff', '#0366d6', '#005cc5', '#044289', '#032f62', '#05264c']" #天青色调
  container: .recent-post-item(style='width:100%;height:auto;padding:10px;') #父元素容器，需要使用pug语法
  gitcalendar_css: https://npm.elemecdn.com/hexo-filter-gitcalendar/lib/gitcalendar.css
  gitcalendar_js: https://npm.elemecdn.com/hexo-filter-gitcalendar/lib/gitcalendar.js

2.hexo-magnet
安装命令：

1
npm i hexo-magnet --save

在_config.yml中写入
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
magnet:
  enable: false
  priority: 1
  enable_page: all
  type: tags
  devide: 2
  display:
    - name: hexo
      display_name: hexo
      icon: ✔
    - name: linux
      display_name: linux
      icon: ✔
    - name: 教程
      display_name: 教程
      icon: ✔
  color_setting:
    text_color: black
    text_hover_color: white
    background_color: "#f2f2f2"
    background_hover_color: "#b30070"
  layout:
    type: id
    name: recent-posts
    index: 0
  temple_html: '<div class="recent-post-item" style="width:100%;height: auto"><div id="catalog_magnet">${temple_html_item}</div></div>'
  plus_style: ""

hexo插件推荐
http://uu.sssu.us/archives/64526/
作者
径曲山斜
发布于
2022-12-23
更新于
2023-07-02
许可协议
CC BY 4.0
hexo
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +hexo插件推荐 | 径曲山斜のBlog

hexo插件推荐

发表于|更新于
|阅读量:

:::success

今天来点hexo插件，顺便水文

:::

1. hexo github calendar

安装命令：

1
npm install hexo-githubcalendar --save

在_config.yml里添加
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
gitcalendar:
  enable: true # 开关
  priority: 5 #过滤器优先权
  enable_page: all # 应用页面
  # butterfly挂载容器
  layout: # 挂载容器类型
    type: id
    name: recent-posts
    index: 0
  user: Ezgx #git用户名
  apiurl: https://gitcalendar.zfe.space # https://gitcalendar.akilar.top
  minheight:
    pc: 280px #桌面端最小高度
    mibile: 0px #移动端最小高度
  color: "['#e4dfd7', '#f9f4dc', '#f7e8aa', '#f7e8aa', '#f8df72', '#fcd217', '#fcc515', '#f28e16', '#fb8b05', '#d85916', '#f43e06']" #橘黄色调
  # color: "['#ebedf0', '#fdcdec', '#fc9bd9', '#fa6ac5', '#f838b2', '#f5089f', '#c4067e', '#92055e', '#540336', '#48022f', '#30021f']" #浅紫色调
  # color: "['#ebedf0', '#f0fff4', '#dcffe4', '#bef5cb', '#85e89d', '#34d058', '#28a745', '#22863a', '#176f2c', '#165c26', '#144620']" #翠绿色调
  # color: "['#ebedf0', '#f1f8ff', '#dbedff', '#c8e1ff', '#79b8ff', '#2188ff', '#0366d6', '#005cc5', '#044289', '#032f62', '#05264c']" #天青色调
  container: .recent-post-item(style='width:100%;height:auto;padding:10px;') #父元素容器，需要使用pug语法
  gitcalendar_css: https://npm.elemecdn.com/hexo-filter-gitcalendar/lib/gitcalendar.css
  gitcalendar_js: https://npm.elemecdn.com/hexo-filter-gitcalendar/lib/gitcalendar.js

2.hexo-magnet
安装命令：

1
npm i hexo-magnet --save

在_config.yml中写入
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
magnet:
  enable: false
  priority: 1
  enable_page: all
  type: tags
  devide: 2
  display:
    - name: hexo
      display_name: hexo
      icon: ✔
    - name: linux
      display_name: linux
      icon: ✔
    - name: 教程
      display_name: 教程
      icon: ✔
  color_setting:
    text_color: black
    text_hover_color: white
    background_color: "#f2f2f2"
    background_hover_color: "#b30070"
  layout:
    type: id
    name: recent-posts
    index: 0
  temple_html: '<div class="recent-post-item" style="width:100%;height: auto"><div id="catalog_magnet">${temple_html_item}</div></div>'
  plus_style: ""

hexo插件推荐
http://uu.sssu.us/archives/64526/
作者
径曲山斜
发布于
2022-12-23
更新于
2023-07-02
许可协议
CC BY 4.0
hexo
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/65172/index.html b/archives/65172/index.html index 09dad0295..a34114833 100644 --- a/archives/65172/index.html +++ b/archives/65172/index.html @@ -1 +1 @@ -hexo主题推荐 | 径曲山斜のBlog

hexo主题推荐

发表于|更新于
|阅读量:

:::warning
首先声明本篇文章：

  • 公平客观
  • 不吹不黑
  • 并非完全全面
  • 不伦不类
    :::
  1. arknights

一款明日方舟罗德岛风格设计的hexo主题，功能较少适合文章党。

预览:

github仓库： arknights

  1. butterfly

这个主题大家肯定都知道了，jerry的大作，功能众多，自定义程度超高，魔改众多

预览：

github仓库： butterfly

  1. fluid

一款material design风格的hexo主题，简洁但不简单，功能齐全，适合大部分人，除了深度魔改党。

预览：

github仓库： fluid

  1. yun

这个主题也不错，导航栏有点抽象，莫名的有一股中国风，蓝色优雅。

另外，主题作者云游君也是一位超强大佬，目前开发了博客框架valaxy

预览：

github仓库： yun

  1. aurora

“极光”hexo主题，炫酷又不失优雅，功能齐全，效果极好，近乎完美，但使用难度较高，不建议新手尝试，博主本人尝试了很久，报错一直不断。

预览：

github仓库： aurora

  1. volantis

功能强大，设计优雅，传递信息直观快速，不多余功能不少必要功能，使用难度较低，适合大多数人。

预览：

github仓库： volantis

  1. particleX

或许你没有听说过，但绝对值得一试！

github仓库： particlex

今天总结到这里，欢迎在下方留言补充！

或者把你自己创作的主题挂到这里。都可以的！

博主会一一查看，择优添加，并回复！

ps：博主学生党，没时间，暂未配置邮箱提醒，留言后麻烦客官常来检查是否有回复。

Aegcbx的博客欢迎您！

hexo主题推荐
http://uu.sssu.us/archives/65172/
作者
径曲山斜
发布于
2023-02-04
更新于
2023-07-02
许可协议
CC BY 4.0
hexo
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
抱歉，该文章无目录
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +hexo主题推荐 | 径曲山斜のBlog

hexo主题推荐

发表于|更新于
|阅读量:

:::warning
首先声明本篇文章：

  • 公平客观
  • 不吹不黑
  • 并非完全全面
  • 不伦不类
    :::
  1. arknights

一款明日方舟罗德岛风格设计的hexo主题，功能较少适合文章党。

预览:

github仓库： arknights

  1. butterfly

这个主题大家肯定都知道了，jerry的大作，功能众多，自定义程度超高，魔改众多

预览：

github仓库： butterfly

  1. fluid

一款material design风格的hexo主题，简洁但不简单，功能齐全，适合大部分人，除了深度魔改党。

预览：

github仓库： fluid

  1. yun

这个主题也不错，导航栏有点抽象，莫名的有一股中国风，蓝色优雅。

另外，主题作者云游君也是一位超强大佬，目前开发了博客框架valaxy

预览：

github仓库： yun

  1. aurora

“极光”hexo主题，炫酷又不失优雅，功能齐全，效果极好，近乎完美，但使用难度较高，不建议新手尝试，博主本人尝试了很久，报错一直不断。

预览：

github仓库： aurora

  1. volantis

功能强大，设计优雅，传递信息直观快速，不多余功能不少必要功能，使用难度较低，适合大多数人。

预览：

github仓库： volantis

  1. particleX

或许你没有听说过，但绝对值得一试！

github仓库： particlex

今天总结到这里，欢迎在下方留言补充！

或者把你自己创作的主题挂到这里。都可以的！

博主会一一查看，择优添加，并回复！

ps：博主学生党，没时间，暂未配置邮箱提醒，留言后麻烦客官常来检查是否有回复。

Aegcbx的博客欢迎您！

hexo主题推荐
http://uu.sssu.us/archives/65172/
作者
径曲山斜
发布于
2023-02-04
更新于
2023-07-02
许可协议
CC BY 4.0
hexo
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
抱歉，该文章无目录
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/65417/index.html b/archives/65417/index.html index 9fcf6c306..415b183c1 100644 --- a/archives/65417/index.html +++ b/archives/65417/index.html @@ -1 +1 @@ -OBS Studio录制卡顿怎么解决？ | 径曲山斜のBlog

OBS Studio录制卡顿怎么解决？

发表于|更新于|杂谈教程
|阅读量:

OBS Studio录制卡顿的解决方法

1、启动OBS Studio软件，进入界面，在上方菜单栏中点击【文件】——【设置】选项。

2、打开设置面板，如图，在左侧栏点击【视频】选项，在右侧显示视频参数设置，包括基础分辨率、输出分辨率。

3、【基础分辨率】是高清视频分辨率，如果你的电脑显示器达不到最佳分辨率，点击【输出分辨率】，在下拉选项中自行调整分辨率。

4、点击【缩小方法】，进行调整，如果电脑配置较低，选择【两个立方（削尖缩放，16个样本）】。

5、点击【常用FPS值】选项，展开下拉框，这里有【常用FPS值】、【整数FPS值】、【分数帧率值】三个选项，大家自行选择设置。

6、最高FFS值是60，如果电脑配置低，你可以选择小数值的FFS值，我电脑配置一般，这里选择30，设置完成，最后点击确定。

OBS Studio录制卡顿怎么解决？
http://uu.sssu.us/archives/65417/
作者
径曲山斜
发布于
2022-08-26
更新于
2023-07-02
许可协议
CC BY 4.0
打赏
  • 微信
    微信
评论
晚上好！我是
径曲山斜
avatar
抱歉，该文章无目录
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +OBS Studio录制卡顿怎么解决？ | 径曲山斜のBlog

OBS Studio录制卡顿怎么解决？

发表于|更新于|杂谈教程
|阅读量:

OBS Studio录制卡顿的解决方法

1、启动OBS Studio软件，进入界面，在上方菜单栏中点击【文件】——【设置】选项。

2、打开设置面板，如图，在左侧栏点击【视频】选项，在右侧显示视频参数设置，包括基础分辨率、输出分辨率。

3、【基础分辨率】是高清视频分辨率，如果你的电脑显示器达不到最佳分辨率，点击【输出分辨率】，在下拉选项中自行调整分辨率。

4、点击【缩小方法】，进行调整，如果电脑配置较低，选择【两个立方（削尖缩放，16个样本）】。

5、点击【常用FPS值】选项，展开下拉框，这里有【常用FPS值】、【整数FPS值】、【分数帧率值】三个选项，大家自行选择设置。

6、最高FFS值是60，如果电脑配置低，你可以选择小数值的FFS值，我电脑配置一般，这里选择30，设置完成，最后点击确定。

OBS Studio录制卡顿怎么解决？
http://uu.sssu.us/archives/65417/
作者
径曲山斜
发布于
2022-08-26
更新于
2023-07-02
许可协议
CC BY 4.0
打赏
  • 微信
    微信
评论
晚上好！我是
径曲山斜
avatar
抱歉，该文章无目录
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/870/index.html b/archives/870/index.html index 66a648084..ffab72a9e 100644 --- a/archives/870/index.html +++ b/archives/870/index.html @@ -1 +1 @@ -Ecx-UI-1-设计理念 | 径曲山斜のBlog

Ecx-UI-1-设计理念

发表于|更新于
|阅读量:

第一期—设计理念

:::danger
最近想着改主题，然后就到处去找教程

发现没有我想要的效果

要不就是一些基础配置拿来当魔改骗人的。。。

我真的恨我无语

:::

:::success
想着自己设计一套了

现学现卖

去学了点css

也没咋熟悉

就来改了改主题

:::

现在你们看到的，就是我的Ecx_UI了！

不喜勿喷谢谢！！

大部分都是我自己设计的，也练了练css，这也是我的第一个css练手项目

设计理念：

  1. 层次感
  • 利用css的阴影
  • 反阴影和正阴影（内外
  1. 颜色
  • 背景图配色为暗色系
  • 多种彩色
  • 对比度要较高
  1. 创意&个性
  • 有人说我太个性
  • 我想说：他人笑我太疯癫，我笑他人看不穿！:)
  • 有天有地—一切皆悬浮
  • 悬浮顶栏
  • 悬浮页脚
  1. 优雅的字体
  • 字体增大
  • 优雅的宋体
  • 代码块ink-free字体
  1. 符号字体
  • nerdfonts字体
  • 在文章内使用符号
  1. 抄的元素
  • [x] 张洪heo的导航栏（此项不全抄
  • [ ] 碎碎念

:::tips

敬请期待！

:::

Ecx-UI-1-设计理念
http://uu.sssu.us/archives/870/
作者
径曲山斜
发布于
2023-01-03
更新于
2023-07-28
许可协议
CC BY 4.0
hexoEcx-UI魔改butterfly碎碎念
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +Ecx-UI-1-设计理念 | 径曲山斜のBlog

Ecx-UI-1-设计理念

发表于|更新于
|阅读量:

第一期—设计理念

:::danger
最近想着改主题，然后就到处去找教程

发现没有我想要的效果

要不就是一些基础配置拿来当魔改骗人的。。。

我真的恨我无语

:::

:::success
想着自己设计一套了

现学现卖

去学了点css

也没咋熟悉

就来改了改主题

:::

现在你们看到的，就是我的Ecx_UI了！

不喜勿喷谢谢！！

大部分都是我自己设计的，也练了练css，这也是我的第一个css练手项目

设计理念：

  1. 层次感
  • 利用css的阴影
  • 反阴影和正阴影（内外
  1. 颜色
  • 背景图配色为暗色系
  • 多种彩色
  • 对比度要较高
  1. 创意&个性
  • 有人说我太个性
  • 我想说：他人笑我太疯癫，我笑他人看不穿！:)
  • 有天有地—一切皆悬浮
  • 悬浮顶栏
  • 悬浮页脚
  1. 优雅的字体
  • 字体增大
  • 优雅的宋体
  • 代码块ink-free字体
  1. 符号字体
  • nerdfonts字体
  • 在文章内使用符号
  1. 抄的元素
  • [x] 张洪heo的导航栏（此项不全抄
  • [ ] 碎碎念

:::tips

敬请期待！

:::

Ecx-UI-1-设计理念
http://uu.sssu.us/archives/870/
作者
径曲山斜
发布于
2023-01-03
更新于
2023-07-28
许可协议
CC BY 4.0
hexoEcx-UI魔改butterfly碎碎念
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/9709/index.html b/archives/9709/index.html index 76239f35a..5711873fd 100644 --- a/archives/9709/index.html +++ b/archives/9709/index.html @@ -1 +1 @@ -hexo自定义域名 | 径曲山斜のBlog

hexo自定义域名

发表于|更新于|杂谈教程
|阅读量:

:::tips

今天教大家给自己的hexo弄免费域名

:::

s

:::danger

碎碎念

最近我咸的无聊，在到处交换友链，到有些人那里，发现跟他们交换友链，就必须有自己的域名。

然后我整了又整，整出来一个域名，兴致勃勃的去加友链了，又发现有不安全提示。
:::

所以今天就教大家自定义域名，完全免费哦！

1. 注册freenom

img.png
注册了是这样的，这里注意，==国内注册可能需要挂梯子==

1.1-注册域名

然后就是查找域名，前面的.tk.ml.ga.cf.gq域名是==免费的==，后面的.com等等就是付费的了!
步骤如下

不用foward和usedns，把右边的3months改成12months就好了，12months是免费的，然后继续
最后点完成订单就好了！免费哒！

2. 解析到你的github-page

首先注册netlify
点sign up就好了
填写问卷，安照实况填写就好了，不问敏感信息的！

点这里创建站点，然后选择github。
会弹出github界面，选择all repositorys!
然后点自己博客的仓库
创建好后，点网站设置，改个名字
这时发现域名是xxx.netlify.app
然后点Domain management绑定自定义域名
绑定好后，会发现一个黄色感叹号，点检查dns
继续，然后添加一下自己的域名，可能会报个错不过不影响，继续。
会出现四个地址

services-my domains，找到自己注册的域名，依次点manage domain-manage tools-nameservers
选择use custom nameservers，把刚刚的四个乱七八糟地址填进去，就好了

hexo自定义域名
http://uu.sssu.us/archives/9709/
作者
径曲山斜
发布于
2022-12-26
更新于
2023-07-04
许可协议
CC BY 4.0
hexo域名
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +hexo自定义域名 | 径曲山斜のBlog

hexo自定义域名

发表于|更新于|杂谈教程
|阅读量:

:::tips

今天教大家给自己的hexo弄免费域名

:::

s

:::danger

碎碎念

最近我咸的无聊，在到处交换友链，到有些人那里，发现跟他们交换友链，就必须有自己的域名。

然后我整了又整，整出来一个域名，兴致勃勃的去加友链了，又发现有不安全提示。
:::

所以今天就教大家自定义域名，完全免费哦！

1. 注册freenom

img.png
注册了是这样的，这里注意，==国内注册可能需要挂梯子==

1.1-注册域名

然后就是查找域名，前面的.tk.ml.ga.cf.gq域名是==免费的==，后面的.com等等就是付费的了!
步骤如下

不用foward和usedns，把右边的3months改成12months就好了，12months是免费的，然后继续
最后点完成订单就好了！免费哒！

2. 解析到你的github-page

首先注册netlify
点sign up就好了
填写问卷，安照实况填写就好了，不问敏感信息的！

点这里创建站点，然后选择github。
会弹出github界面，选择all repositorys!
然后点自己博客的仓库
创建好后，点网站设置，改个名字
这时发现域名是xxx.netlify.app
然后点Domain management绑定自定义域名
绑定好后，会发现一个黄色感叹号，点检查dns
继续，然后添加一下自己的域名，可能会报个错不过不影响，继续。
会出现四个地址

services-my domains，找到自己注册的域名，依次点manage domain-manage tools-nameservers
选择use custom nameservers，把刚刚的四个乱七八糟地址填进去，就好了

hexo自定义域名
http://uu.sssu.us/archives/9709/
作者
径曲山斜
发布于
2022-12-26
更新于
2023-07-04
许可协议
CC BY 4.0
hexo域名
打赏
  • 微信
    微信
相关推荐
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/index.html b/archives/index.html index 133afd030..87fa68162 100644 --- a/archives/index.html +++ b/archives/index.html @@ -1 +1 @@ -归档 | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +归档 | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/page/2/index.html b/archives/page/2/index.html index 7546a6cd0..ffcc16bf0 100644 --- a/archives/page/2/index.html +++ b/archives/page/2/index.html @@ -1 +1 @@ -归档 | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +归档 | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/page/3/index.html b/archives/page/3/index.html index b362b7998..82729a944 100644 --- a/archives/page/3/index.html +++ b/archives/page/3/index.html @@ -1 +1 @@ -归档 | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +归档 | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/page/4/index.html b/archives/page/4/index.html index a99ad7f2e..895d0d197 100644 --- a/archives/page/4/index.html +++ b/archives/page/4/index.html @@ -1 +1 @@ -归档 | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +归档 | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/archives/page/5/index.html b/archives/page/5/index.html index 0e8c78ef0..a905ae253 100644 --- a/archives/page/5/index.html +++ b/archives/page/5/index.html @@ -1 +1 @@ -归档 | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +归档 | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/atom.xml b/atom.xml index 36d67dc6d..9ebe6f425 100644 --- a/atom.xml +++ b/atom.xml @@ -6,7 +6,7 @@ - 2023-09-09T21:02:38.894Z + 2023-09-14T16:30:45.760Z http://uu.sssu.us/ @@ -16,6 +16,29 @@ Hexo + + 域名注册局：.COM域名9月1号继续涨价！ + + http://uu.sssu.us/archives/39114/ + 2023-09-14T16:29:26.000Z + 2023-09-14T16:30:45.760Z + + + + + + + + + + + + + + + + + 使用mmd制作3d动画-初步 @@ -487,27 +510,6 @@ - - - - 请立即卸载notepad++！ - - http://uu.sssu.us/archives/27391/ - 2023-01-31T01:35:38.000Z - 2023-07-01T16:34:17.484Z - - - - - - - - - - - - - diff --git a/authorqq/index.html b/authorqq/index.html index eee1dd939..b1842429e 100644 --- a/authorqq/index.html +++ b/authorqq/index.html @@ -1 +1 @@ -作者qq | 径曲山斜のBlog

作者qq

评论
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +作者qq | 径曲山斜のBlog

作者qq

评论
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/authorwechat/index.html b/authorwechat/index.html index 92a290d81..9c8eb5f8f 100644 --- a/authorwechat/index.html +++ b/authorwechat/index.html @@ -1 +1 @@ -作者微信 | 径曲山斜のBlog

作者微信

评论
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +作者微信 | 径曲山斜のBlog

作者微信

评论
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/bangumis/index.html b/bangumis/index.html index a428f64a1..58f3a0890 100644 --- a/bangumis/index.html +++ b/bangumis/index.html @@ -1 +1 @@ -追番列表 | 径曲山斜のBlog

追番列表

追番列表

生命不息，追番不止！

想看 (0) 在看 (9) 已看 (0)
Free!
全12话0 番剧 日本 总播放 2543.3 万 追番人数 152.8 万 硬币数 7.3 万 弹幕总数 90.9 万 评分 9.5

简介：小学时期，四位隶属游泳学会的成员于毕业前的大会夺得冠军，留下难忘的回忆后分道扬镳。时移世逆，于高中生活变得黯然无光的一位成员七濑遥，于某天突然遇上昔日的战友松冈凛。遥一边怀旧的同时向凛提出挑战，结果被...

夏日重现
全25话0 番剧 日本 总播放 2.1 亿 追番人数 441.0 万 硬币数 137.1 万 弹幕总数 127.8 万 评分 9.8

简介：“潮死了。” 网代慎平收到发小——小舟潮的讣告后，回到了阔别两年的故乡——和歌山市日都岛。 慎平与亲人朋友重聚，葬礼也顺利地进行着。 然而，好友告诉他“潮的死有疑点，可能是他杀”。 第二天，邻近...

云之彼端，约定的地方
全1话0 番剧 日本 总播放 807.7 万 追番人数 112.5 万 硬币数 3.2 万 弹幕总数 7.3 万 评分 9

简介：在那个遥远的日子，他们许下了无法实现的约定。 第二次世界大战以后，因对战争的不同思想，日本被分为南北两个地域来统治。在尤尼恩统治下的北海道被建立在一个谜一样的“巨塔”里，暗中进行某种计划。而在美军所占...

秒速五厘米
全1话0 番剧 日本 总播放 3886.5 万 追番人数 361.5 万 硬币数 37.4 万 弹幕总数 77.6 万 评分 9.6

简介：【本片翻译由澄空学园字幕组提供】秒速五厘米是日本导演新海诚在2007年发布的动画电影，全作由《樱花抄》、《宇航员》和《秒速五厘米》三话组成。导演结合樱花、电车、卫星等美丽的意象，讲述了围绕着男主角远野...

欢迎来到实力至上主义的教室
全12话0 番剧 日本 总播放 2.5 亿 追番人数 742.2 万 硬币数 81.4 万 弹幕总数 456.5 万 评分 8.8

简介：——真正的实力，平等究竟是什么？ 几乎百分之百实现升学、就业目标的全国首屈一指的名门校──高度育成高等学校。这间简直如同乐园般的学校，真面目却是唯有优秀者才能享受优待的实力至上主义学校！绫小路清隆被分...

头文字D First Stage
全26话0 番剧 日本 总播放 1849.0 万 追番人数 66.0 万 硬币数 3.7 万 弹幕总数 14.0 万 评分 9.9

简介： 故事的主人公藤原拓海是个普通的高中男生，拥有无与伦比的飞车天赋。从中一开始，每天早上驾驶那辆AE86在秋名山上飞驰，练成了华丽(注意：是华丽)的驾驶技术。必须注意，他的车技之所以高明，是有赖于每天...

排球少年！！
全25话0 番剧 日本 总播放 7452.2 万 追番人数 159.3 万 硬币数 36.3 万 弹幕总数 115.5 万 评分 9.9

简介：【本片由华盟字幕社译制】小时候，日向翔阳从电视上看见排球比赛，乌野高中的一名小个子在球上的英姿，简直就是个“小巨人”，对此非常深刻，并开始迷上排球，一直想成为“小巨人”一样的人。初中时排球社不够人数，...

EVA 新世纪福音战士
全26话0 番剧 日本 总播放 1.6 亿 追番人数 347.5 万 硬币数 70.9 万 弹幕总数 284.1 万 评分 9.7

简介：2000年9月13日，第二次冲击爆发。在南极大陆上发生的这起大灾难，造成地轴偏斜、海平面上升、全球气候改变，世界人口减半。2015年，不明巨型生物“使徒”在日本登陆，并向第3新东京市袭来。国联军与使徒...

紫罗兰永恒花园 中配版
全14话0 番剧 日本 总播放 1809.0 万 追番人数 46.5 万 硬币数 9.5 万 弹幕总数 9.4 万 评分 9.6

简介：某个大陆的、某个时代。 大陆南北分割的战争结束了，世界走向了和平。 在战争中作为军人的薇尔莉特•伊芙加登，怀抱着对她来说无比重要之人留下的“话语”，离开军队来到了大港口城市。 踊跃的人群在排列着煤气灯...

首页 上一页 2 / 3 下一页 尾页
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +追番列表 | 径曲山斜のBlog

追番列表

追番列表

生命不息，追番不止！

想看 (0) 在看 (9) 已看 (0)
Free!
全12话0 番剧 日本 总播放 2543.3 万 追番人数 152.8 万 硬币数 7.3 万 弹幕总数 90.9 万 评分 9.5

简介：小学时期，四位隶属游泳学会的成员于毕业前的大会夺得冠军，留下难忘的回忆后分道扬镳。时移世逆，于高中生活变得黯然无光的一位成员七濑遥，于某天突然遇上昔日的战友松冈凛。遥一边怀旧的同时向凛提出挑战，结果被...

夏日重现
全25话0 番剧 日本 总播放 2.1 亿 追番人数 441.0 万 硬币数 137.1 万 弹幕总数 127.8 万 评分 9.8

简介：“潮死了。” 网代慎平收到发小——小舟潮的讣告后，回到了阔别两年的故乡——和歌山市日都岛。 慎平与亲人朋友重聚，葬礼也顺利地进行着。 然而，好友告诉他“潮的死有疑点，可能是他杀”。 第二天，邻近...

云之彼端，约定的地方
全1话0 番剧 日本 总播放 807.7 万 追番人数 112.5 万 硬币数 3.2 万 弹幕总数 7.3 万 评分 9

简介：在那个遥远的日子，他们许下了无法实现的约定。 第二次世界大战以后，因对战争的不同思想，日本被分为南北两个地域来统治。在尤尼恩统治下的北海道被建立在一个谜一样的“巨塔”里，暗中进行某种计划。而在美军所占...

秒速五厘米
全1话0 番剧 日本 总播放 3886.5 万 追番人数 361.5 万 硬币数 37.4 万 弹幕总数 77.6 万 评分 9.6

简介：【本片翻译由澄空学园字幕组提供】秒速五厘米是日本导演新海诚在2007年发布的动画电影，全作由《樱花抄》、《宇航员》和《秒速五厘米》三话组成。导演结合樱花、电车、卫星等美丽的意象，讲述了围绕着男主角远野...

欢迎来到实力至上主义的教室
全12话0 番剧 日本 总播放 2.5 亿 追番人数 742.2 万 硬币数 81.4 万 弹幕总数 456.5 万 评分 8.8

简介：——真正的实力，平等究竟是什么？ 几乎百分之百实现升学、就业目标的全国首屈一指的名门校──高度育成高等学校。这间简直如同乐园般的学校，真面目却是唯有优秀者才能享受优待的实力至上主义学校！绫小路清隆被分...

头文字D First Stage
全26话0 番剧 日本 总播放 1849.0 万 追番人数 66.0 万 硬币数 3.7 万 弹幕总数 14.0 万 评分 9.9

简介： 故事的主人公藤原拓海是个普通的高中男生，拥有无与伦比的飞车天赋。从中一开始，每天早上驾驶那辆AE86在秋名山上飞驰，练成了华丽(注意：是华丽)的驾驶技术。必须注意，他的车技之所以高明，是有赖于每天...

排球少年！！
全25话0 番剧 日本 总播放 7452.2 万 追番人数 159.3 万 硬币数 36.3 万 弹幕总数 115.5 万 评分 9.9

简介：【本片由华盟字幕社译制】小时候，日向翔阳从电视上看见排球比赛，乌野高中的一名小个子在球上的英姿，简直就是个“小巨人”，对此非常深刻，并开始迷上排球，一直想成为“小巨人”一样的人。初中时排球社不够人数，...

EVA 新世纪福音战士
全26话0 番剧 日本 总播放 1.6 亿 追番人数 347.5 万 硬币数 70.9 万 弹幕总数 284.1 万 评分 9.7

简介：2000年9月13日，第二次冲击爆发。在南极大陆上发生的这起大灾难，造成地轴偏斜、海平面上升、全球气候改变，世界人口减半。2015年，不明巨型生物“使徒”在日本登陆，并向第3新东京市袭来。国联军与使徒...

紫罗兰永恒花园 中配版
全14话0 番剧 日本 总播放 1809.0 万 追番人数 46.5 万 硬币数 9.5 万 弹幕总数 9.4 万 评分 9.6

简介：某个大陆的、某个时代。 大陆南北分割的战争结束了，世界走向了和平。 在战争中作为军人的薇尔莉特•伊芙加登，怀抱着对她来说无比重要之人留下的“话语”，离开军队来到了大港口城市。 踊跃的人群在排列着煤气灯...

首页 上一页 2 / 3 下一页 尾页
评论
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/categories/DimSpace/index.html b/categories/DimSpace/index.html index 911945836..fce6ffae3 100644 --- a/categories/DimSpace/index.html +++ b/categories/DimSpace/index.html @@ -1 +1 @@ -分类: DimSpace | 径曲山斜のBlog

分类 - DimSpace
2023
dynasty/dimension主题外挂标签
dynasty/dimension主题外挂标签
cbx-home首页
cbx-home首页
Hexo-Theme-Dimension
Hexo-Theme-Dimension
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +分类: DimSpace | 径曲山斜のBlog

分类 - DimSpace
2023
dynasty/dimension主题外挂标签
dynasty/dimension主题外挂标签
cbx-home首页
cbx-home首页
Hexo-Theme-Dimension
Hexo-Theme-Dimension
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/categories/css/index.html b/categories/css/index.html index 7fa174737..abb0d7839 100644 --- a/categories/css/index.html +++ b/categories/css/index.html @@ -1 +1 @@ -分类: css | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +分类: css | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/categories/index.html b/categories/index.html index 2acc409cf..af53057bc 100644 --- a/categories/index.html +++ b/categories/index.html @@ -1 +1 @@ -分类 | 径曲山斜のBlog

分类

评论
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +分类 | 径曲山斜のBlog

分类

评论
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git "a/categories/ui\351\255\224\346\224\271/index.html" "b/categories/ui\351\255\224\346\224\271/index.html" index cd9a221ed..433ee98e3 100644 --- "a/categories/ui\351\255\224\346\224\271/index.html" +++ "b/categories/ui\351\255\224\346\224\271/index.html" @@ -1 +1 @@ -分类: ui魔改 | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +分类: ui魔改 | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git "a/categories/\345\215\232\345\256\242\344\274\230\345\214\226/index.html" "b/categories/\345\215\232\345\256\242\344\274\230\345\214\226/index.html" index 94c6c451c..2d318822b 100644 --- "a/categories/\345\215\232\345\256\242\344\274\230\345\214\226/index.html" +++ "b/categories/\345\215\232\345\256\242\344\274\230\345\214\226/index.html" @@ -1 +1 @@ -分类: 博客优化 | 径曲山斜のBlog

分类 - 博客优化
2023
速度优化-css预加载
速度优化-css预加载
2022
hexo一体化上传命令
hexo一体化上传命令
hexo上传到github或gitee
hexo上传到github或gitee
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +分类: 博客优化 | 径曲山斜のBlog

分类 - 博客优化
2023
速度优化-css预加载
速度优化-css预加载
2022
hexo一体化上传命令
hexo一体化上传命令
hexo上传到github或gitee
hexo上传到github或gitee
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git "a/categories/\345\215\232\345\256\242\346\225\231\347\250\213/index.html" "b/categories/\345\215\232\345\256\242\346\225\231\347\250\213/index.html" index 37b244701..8739345b8 100644 --- "a/categories/\345\215\232\345\256\242\346\225\231\347\250\213/index.html" +++ "b/categories/\345\215\232\345\256\242\346\225\231\347\250\213/index.html" @@ -1 +1 @@ -分类: 博客教程 | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +分类: 博客教程 | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git "a/categories/\346\235\202\350\260\210\346\225\231\347\250\213/index.html" "b/categories/\346\235\202\350\260\210\346\225\231\347\250\213/index.html" index 973647ee2..08324a517 100644 --- "a/categories/\346\235\202\350\260\210\346\225\231\347\250\213/index.html" +++ "b/categories/\346\235\202\350\260\210\346\225\231\347\250\213/index.html" @@ -1 +1 @@ -分类: 杂谈教程 | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +分类: 杂谈教程 | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git "a/categories/\347\224\237\346\264\273\350\256\260\345\275\225/index.html" "b/categories/\347\224\237\346\264\273\350\256\260\345\275\225/index.html" index 448d07e45..2936dc18a 100644 --- "a/categories/\347\224\237\346\264\273\350\256\260\345\275\225/index.html" +++ "b/categories/\347\224\237\346\264\273\350\256\260\345\275\225/index.html" @@ -1 +1 @@ -分类: 生活记录 | 径曲山斜のBlog

分类 - 生活记录
2022
新冠阳性记录
新冠阳性记录
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +分类: 生活记录 | 径曲山斜のBlog

分类 - 生活记录
2022
新冠阳性记录
新冠阳性记录
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/cc/index.html b/cc/index.html index a7bcb57b6..96d3d5ac1 100644 --- a/cc/index.html +++ b/cc/index.html @@ -1 +1 @@ -转载必看-creative_commons协议 | 径曲山斜のBlog

转载必看-creative_commons协议

本站使用cc协议

请遵守如下版权规则

可以做什么？

只要您遵守这些的许可，您可以自由地共享文章的内容 — 在任何地方以任何形式复制本站上的作品。并且无需通知我。

你需要遵守什么样的许可？

  • 署名
  • 您必须标注内容的来源，您需要在文章开头部分（或者明显位置）标注原文章链接（建议使用超链接）。
  • 禁止商用

  • 本站内容免费向互联网所有用户提供，分享本站文章时禁止商业性使用、禁止在转载页面中插入广告（例如谷歌广告、百度广告）、禁止阅读的拦截行为（例如关注公众号、下载App后观看文章）。

  • 禁止演绎

  • 分享全部内容（无修改）

  • ==您需要在文章开头部分（或者明显位置）标注原文章链接（建议使用超链接）==

  • 分享部分截取内容或者衍生创作

  • 目前本站全部原创文章的衍生品禁止公开分享和分发。如有更好的建议，可以在对应文章下留言。

  • 什么内容会被版权保护

  • 包括但不限于：
  1. 文章封面图片
  2. 文章标题和正文
  3. 站点图片素材（不含主题自带素材）
评论
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +转载必看-creative_commons协议 | 径曲山斜のBlog

转载必看-creative_commons协议

本站使用cc协议

请遵守如下版权规则

可以做什么？

只要您遵守这些的许可，您可以自由地共享文章的内容 — 在任何地方以任何形式复制本站上的作品。并且无需通知我。

你需要遵守什么样的许可？

  • 署名
  • 您必须标注内容的来源，您需要在文章开头部分（或者明显位置）标注原文章链接（建议使用超链接）。
  • 禁止商用

  • 本站内容免费向互联网所有用户提供，分享本站文章时禁止商业性使用、禁止在转载页面中插入广告（例如谷歌广告、百度广告）、禁止阅读的拦截行为（例如关注公众号、下载App后观看文章）。

  • 禁止演绎

  • 分享全部内容（无修改）

  • ==您需要在文章开头部分（或者明显位置）标注原文章链接（建议使用超链接）==

  • 分享部分截取内容或者衍生创作

  • 目前本站全部原创文章的衍生品禁止公开分享和分发。如有更好的建议，可以在对应文章下留言。

  • 什么内容会被版权保护

  • 包括但不限于：
  1. 文章封面图片
  2. 文章标题和正文
  3. 站点图片素材（不含主题自带素材）
评论
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/comments/index.html b/comments/index.html index 975d340c6..48bb323dc 100644 --- a/comments/index.html +++ b/comments/index.html @@ -1 +1 @@ -留言板 | 径曲山斜のBlog

留言板

这里是径曲山斜的留言板

这里是留言板
请发表合法评论關)
如在此处评论违法内容，后果由评论者自负，站长概不负责
最终解释权归站长径曲山斜所有

发表评论即代表同意上述内容

评论
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +留言板 | 径曲山斜のBlog

留言板

这里是径曲山斜的留言板

这里是留言板
请发表合法评论關)
如在此处评论违法内容，后果由评论者自负，站长概不负责
最终解释权归站长径曲山斜所有

发表评论即代表同意上述内容

评论
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/css/color.css b/css/color.css index 8b64bf2d0..eecb3a2ae 100644 --- a/css/color.css +++ b/css/color.css @@ -1,3 +1,3 @@ -/* build time:Fri Sep 15 2023 00:15:01 GMT+0800 (中国标准时间)*/ +/* build time:Fri Sep 15 2023 00:33:45 GMT+0800 (中国标准时间)*/ :root{--loading-bg:#ffffff7a;--heo-black:#000;--heo-none:rgba(0,0,0,0);--heo-gray:#999999;--heo-yellow:#ffc93e;--heo-main:var(--heo-theme);--heo-main-op:var(--heo-theme-op);--heo-shadow-theme:0 8px 12px -3px var(--heo-theme-op);--heo-shadow-main:0 8px 12px -3px var(--heo-main-op);--heo-shadow-blue:0 8px 12px -3px rgba(40, 109, 234,.20);--heo-shadow-white:0 8px 12px -3px rgba(255, 255, 255,.20);--heo-shadow-black:0 0 12px 4px rgba(0, 0, 0,.05);--heo-shadow-yellow:0px 38px 77px -26px rgba(255, 201, 62,.12);--heo-shadow-red:0 8px 12px -3px #ee7d7936;--heo-shadow-green:0 8px 12px -3px #87ee7936;--heo-logo-color:linear-gradient(215deg,#4584ff 30%,#ff7676 70%);--style-border:1px solid var(--heo-card-border);--style-border-hover:1px solid var(--heo-theme)}[data-theme=dark] .loading-bg{background:#0000007a}[data-theme=light]{--heo-inline-code:#3d3d3d;--border:#e3e8f7;--select-bg:#425AEF;--select:#fff;--heo-white:#fff;--search-border-color:#181c27;--heo-theme:#71e5ff;--nav-bg:#ffffffb0;--footer-bg:#eaedf7;--hrl-line:#71e5ff;--bg:#F7F9FE;--heo-theme-op:#4259ef23;--heo-blue:#425AEF;--cover-box-shadow-color:#71e5ffbf;--hometop-bg:#7ae7ff;--hometop-bg-dot-color:#b7f2ff;--heo-red:#D8213C;--heo-pink:#FF7a7a;--heo-green:#57bd6a;--heo-font:#3d3d3d;--heo-background:#f7f9fe;--heo-reverse:#000;--heo-maskbg:rgba(255, 255, 255, 0.6);--heo-maskbgdeep:rgba(255, 255, 255, 0.85);--heo-hovertext:var(--heo-theme);--heo-ahoverbg:#F7F7FA;--heo-lighttext:var(--heo-main);--heo-secondtext:rgba(60, 60, 67, 0.6);--heo-scrollbar:rgba(60, 60, 67, 0.4);--heo-card-btn-bg:#edf0f7;--heo-post-blockquote-bg:#fafcff;--heo-post-tabs-bg:#f2f5f8;--heo-secondbg:#edf0f7;--heo-shadow-nav:0 5px 12px -5px rgba(102, 68, 68, 0.05);--heo-card-bg:#fff;--heo-shadow-lightblack:0 5px 12px -5px rgba(102, 68, 68, 0.00);--heo-shadow-light2black:0 5px 12px -5px rgba(102, 68, 68, 0.00);--heo-card-border:#e3e8f7}[data-theme=dark]{--heo-inline-code:#fff;--search-border-color:#e3e8f7;--border:#3d3d3f;--heo-white:#000;--select-bg:#425aef;--footer-bg:#2e313d;--select:#fff;--heo-theme:linear-gradient(101deg, #7f2638, #973644, #9b565f, #b79494);--hrl-line:#994A55;--nav-bg:#181C27b0;--hometop-bg:var(--heo-theme);--bg:#18171d;--heo-theme-op:#0084FF23;--heo-blue:#0084FF;--cover-box-shadow-color:#a0545e;--hometop-bg-dot-color:#0000;--heo-red:#FF3842;--heo-pink:#FF7A7A;--heo-green:#57bd6a;--heo-font:#fff;--heo-background:#18171d;--heo-reverse:#fff;--heo-maskbg:rgba(0,0,0, 0.6);--heo-maskbgdeep:rgba(0,0,0, 0.85);--heo-hovertext:#0A84FF;--heo-ahoverbg:#fff;--heo-lighttext:#f2b94b;--heo-secondtext:#a1a2b8;--heo-scrollbar:rgba(200, 200, 223, 0.4);--heo-card-btn-bg:#30343f;--heo-post-blockquote-bg:#000;--heo-post-tabs-bg:#121212;--heo-secondbg:#30343f;--heo-shadow-nav:0 5px 20px 0px rgba(28, 28, 28, 0.4);--heo-card-bg:#1d1b26;--heo-shadow-lightblack:0 5px 12px -5px rgba(102, 68, 68, 0.0);--heo-shadow-light2black:0 5px 12px -5px rgba(102, 68, 68, 0.0);--heo-card-border:#42444a}@media screen and (max-width:768px){:root{--style-border:0px solid var(--heo-card-border);--style-border-hover:0px solid var(--heo-theme)}}:root{--anzhiyu-theme-op:#4259ef23;--anzhiyu-white:#fff;--anzhiyu-black:#000;--anzhiyu-none:rgba(0, 0, 0, 0);--anzhiyu-gray:#999999;--anzhiyu-yellow:#ffc93e;--anzhiyu-border-radius:8px;--anzhiyu-main:var(--anzhiyu-theme);--anzhiyu-main-op:var(--anzhiyu-theme-op);--anzhiyu-shadow-theme:0 8px 12px -3px var(--anzhiyu-theme-op);--anzhiyu-shadow-main:0 8px 12px -3px var(--anzhiyu-main-op);--anzhiyu-shadow-blue:0 8px 12px -3px rgba(40, 109, 234, 0.2);--anzhiyu-shadow-white:0 8px 12px -3px rgba(255, 255, 255, 0.2);--anzhiyu-shadow-black:0 0 12px 4px rgba(0, 0, 0, 0.05);--anzhiyu-shadow-yellow:0px 38px 77px -26px rgba(255, 201, 62, 0.12);--anzhiyu-shadow-red:0 8px 12px -3px #ee7d7936;--anzhiyu-shadow-green:0 8px 12px -3px #87ee7936;--anzhiyu-shadow-border:0 8px 16px -4px #2c2d300c;--anzhiyu-logo-color:linear-gradient(215deg, #4584ff 30%, #ff7676 70%);--style-border:1px solid var(--anzhiyu-card-border);--anzhiyu-blue-main:#3b70fc;--style-border-hover:1px solid var(--anzhiyu-main);--style-border-dashed:1px dashed var(--anzhiyu-theme-op);--style-border-avatar:4px solid var(--anzhiyu-background);--style-border-always:1px solid var(--anzhiyu-card-border);--anzhiyu-white-acrylic1:#fefeff!important;--anzhiyu-white-acrylic2:#fcfdff!important;--anzhiyu-black-acrylic2:#08080a!important;--anzhiyu-black-acrylic1:#0b0b0e!important}[data-theme=light]{--anzhiyu-theme:#3b70fc;--anzhiyu-theme-op:#4259ef23;--anzhiyu-blue:#3b70fc;--anzhiyu-red:#d8213c;--anzhiyu-pink:#ff7c7c;--anzhiyu-green:#57bd6a;--anzhiyu-fontcolor:#363636;--anzhiyu-background:#f7f9fe;--anzhiyu-reverse:#000;--anzhiyu-maskbg:rgba(255, 255, 255, 0.6);--anzhiyu-maskbgdeep:rgba(255, 255, 255, 0.85);--anzhiyu-hovertext:var(--anzhiyu-theme);--anzhiyu-ahoverbg:#f7f7fa;--anzhiyu-lighttext:var(--anzhiyu-main);--anzhiyu-secondtext:rgba(60, 60, 67, 0.6);--anzhiyu-scrollbar:rgba(60, 60, 67, 0.4);--anzhiyu-card-btn-bg:#edf0f7;--anzhiyu-post-blockquote-bg:#fafcff;--anzhiyu-post-tabs-bg:#f2f5f8;--anzhiyu-secondbg:#edf0f7;--anzhiyu-shadow-nav:0 5px 12px -5px rgba(102, 68, 68, 0.05);--anzhiyu-card-bg:#fff;--anzhiyu-shadow-lightblack:0 5px 12px -5px rgba(102, 68, 68, 0);--anzhiyu-shadow-light2black:0 5px 12px -5px rgba(102, 68, 68, 0);--anzhiyu-card-border:#c0c6d8}[data-theme=dark]{--anzhiyu-theme:#0084ff;--anzhiyu-theme-op:#0084ff23;--anzhiyu-blue:#0084ff;--anzhiyu-red:#ff3842;--anzhiyu-pink:#ff7c7c;--anzhiyu-green:#57bd6a;--anzhiyu-fontcolor:#f7f7fa;--anzhiyu-background:#18171d;--anzhiyu-reverse:#fff;--anzhiyu-maskbg:rgba(0, 0, 0, 0.6);--anzhiyu-maskbgdeep:rgba(0, 0, 0, 0.85);--anzhiyu-hovertext:#0a84ff;--anzhiyu-ahoverbg:#fff;--anzhiyu-lighttext:#f2b94b;--anzhiyu-secondtext:#a1a2b8;--anzhiyu-scrollbar:rgba(200, 200, 223, 0.4);--anzhiyu-card-btn-bg:#30343f;--anzhiyu-post-blockquote-bg:#000;--anzhiyu-post-tabs-bg:#121212;--anzhiyu-secondbg:#30343f;--anzhiyu-shadow-nav:0 5px 20px 0px rgba(28, 28, 28, 0.4);--anzhiyu-card-bg:#1d1b26;--anzhiyu-shadow-lightblack:0 5px 12px -5px rgba(102, 68, 68, 0);--anzhiyu-shadow-light2black:0 5px 12px -5px rgba(102, 68, 68, 0);--anzhiyu-card-border:#42444a} /* rebuild by neat */ \ No newline at end of file diff --git a/css/index.css b/css/index.css index eb3a5569f..f18a4f985 100644 --- a/css/index.css +++ b/css/index.css @@ -1,3 +1,3 @@ -/* build time:Fri Sep 15 2023 00:15:01 GMT+0800 (中国标准时间)*/ +/* build time:Fri Sep 15 2023 00:33:47 GMT+0800 (中国标准时间)*/ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}#article-container .flink .flink-item-desc,#article-container .flink .flink-item-name,#aside-content .card-archives ul.card-archive-list>.card-archive-list-item a span,#aside-content .card-categories ul.card-category-list>.card-category-list-item a span,#pagination .next_info,#pagination .prev_info,#sidebar #sidebar-menus .menus_items .site-page,.limit-one-line,.site-data>a .headline{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}#article-container figure.gallery-group .gallery-group-name,#article-container figure.gallery-group p,#aside-content .aside-list>.aside-list-item .content>.comment,#aside-content .aside-list>.aside-list-item .content>.name,#aside-content .aside-list>.aside-list-item .content>.title,#post-info .post-title,#recent-posts>.recent-post-item>.recent-post-info>.article-title,#recent-posts>.recent-post-item>.recent-post-info>.content,.article-sort-item-title,.limit-more-line{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.fontawesomeIcon,.note:not(.no-icon)::before,.post-copyright-cc-info .post-outdate-notice:before{display:inline-block;font-weight:600;font-family:'Font Awesome 6 Free';text-rendering:auto;-webkit-font-smoothing:antialiased}#aside-content .card-widget,#recent-posts>.recent-post-item,.cardHover,.layout>.recent-posts .pagination>:not(.space),.layout>div:first-child:not(.recent-posts){border-radius:8px;background:var(--card-bg);-webkit-box-shadow:var(--card-box-shadow);box-shadow:var(--card-box-shadow);-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;transition:all .3s}#aside-content .card-widget:hover,#recent-posts>.recent-post-item:hover,.cardHover:hover,.layout>.recent-posts .pagination>:not(.space):hover,.layout>div:first-child:not(.recent-posts):hover{-webkit-box-shadow:var(--card-hover-box-shadow);box-shadow:var(--card-hover-box-shadow)}#aside-content .aside-list>.aside-list-item .thumbnail>img,#recent-posts>.recent-post-item .post_cover img.post_bg,.article-sort-item-img img,.imgHover{width:100%;height:100%;-webkit-transition:filter 375ms ease-in .2s,-webkit-transform .6s;-moz-transition:filter 375ms ease-in .2s,-moz-transform .6s;-o-transition:filter 375ms ease-in .2s,-o-transform .6s;-ms-transition:filter 375ms ease-in .2s,-ms-transform .6s;transition:filter 375ms ease-in .2s,transform .6s;object-fit:cover}#aside-content .aside-list>.aside-list-item .thumbnail>img:hover,#recent-posts>.recent-post-item .post_cover img.post_bg:hover,.article-sort-item-img img:hover,.imgHover:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}#pagination .next-post:hover img,#pagination .prev-post:hover img,.postImgHover:hover img{opacity:.8;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}#pagination .next-post img,#pagination .prev-post img,.postImgHover img{position:absolute;width:100%;height:100%;opacity:.4;-webkit-transition:all .6s,filter 375ms ease-in .2s;-moz-transition:all .6s,filter 375ms ease-in .2s;-o-transition:all .6s,filter 375ms ease-in .2s;-ms-transition:all .6s,filter 375ms ease-in .2s;transition:all .6s,filter 375ms ease-in .2s;object-fit:cover}.category-lists ul,.list-beauty{list-style:none}.category-lists ul li,.list-beauty li{position:relative;padding:.12em .4em .12em 1.4em}.category-lists ul li:hover:before,.list-beauty li:hover:before{border-color:var(--pseudo-hover)}.category-lists ul li:before,.list-beauty li:before{position:absolute;top:.67em;left:0;width:.43em;height:.43em;border:.215em solid #71e5ff;border-radius:.43em;background:0 0;content:'';cursor:pointer;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out}#content-inner,#footer{-webkit-animation:bottom-top 1s;-moz-animation:bottom-top 1s;-o-animation:bottom-top 1s;-ms-animation:bottom-top 1s;animation:bottom-top 1s}#page-header{-webkit-animation:header-effect 1s;-moz-animation:header-effect 1s;-o-animation:header-effect 1s;-ms-animation:header-effect 1s;animation:header-effect 1s}#site-subtitle,#site-title{-webkit-animation:titleScale 1s;-moz-animation:titleScale 1s;-o-animation:titleScale 1s;-ms-animation:titleScale 1s;animation:titleScale 1s}#nav.show{-webkit-animation:headerNoOpacity 1s;-moz-animation:headerNoOpacity 1s;-o-animation:headerNoOpacity 1s;-ms-animation:headerNoOpacity 1s;animation:headerNoOpacity 1s}#sidebar-menus.open>:nth-child(1){-webkit-animation:sidebarItem .2s;-moz-animation:sidebarItem .2s;-o-animation:sidebarItem .2s;-ms-animation:sidebarItem .2s;animation:sidebarItem .2s}#sidebar-menus.open>:nth-child(2){-webkit-animation:sidebarItem .4s;-moz-animation:sidebarItem .4s;-o-animation:sidebarItem .4s;-ms-animation:sidebarItem .4s;animation:sidebarItem .4s}#sidebar-menus.open>:nth-child(3){-webkit-animation:sidebarItem .6s;-moz-animation:sidebarItem .6s;-o-animation:sidebarItem .6s;-ms-animation:sidebarItem .6s;animation:sidebarItem .6s}#sidebar-menus.open>:nth-child(4){-webkit-animation:sidebarItem .8s;-moz-animation:sidebarItem .8s;-o-animation:sidebarItem .8s;-ms-animation:sidebarItem .8s;animation:sidebarItem .8s}.scroll-down-effects{-webkit-animation:scroll-down-effect 1.5s infinite;-moz-animation:scroll-down-effect 1.5s infinite;-o-animation:scroll-down-effect 1.5s infinite;-ms-animation:scroll-down-effect 1.5s infinite;animation:scroll-down-effect 1.5s infinite}.reward-main{-webkit-animation:donate_effcet .3s .1s ease both;-moz-animation:donate_effcet .3s .1s ease both;-o-animation:donate_effcet .3s .1s ease both;-ms-animation:donate_effcet .3s .1s ease both;animation:donate_effcet .3s .1s ease both}@-moz-keyframes scroll-down-effect{0%{top:0;opacity:.4}50%{top:-16px;opacity:1;-ms-filter:none;filter:none}100%{top:0;opacity:.4}}@-webkit-keyframes scroll-down-effect{0%{top:0;opacity:.4}50%{top:-16px;opacity:1;-ms-filter:none;filter:none}100%{top:0;opacity:.4}}@-o-keyframes scroll-down-effect{0%{top:0;opacity:.4}50%{top:-16px;opacity:1;-ms-filter:none;filter:none}100%{top:0;opacity:.4}}@keyframes scroll-down-effect{0%{top:0;opacity:.4}50%{top:-16px;opacity:1;-ms-filter:none;filter:none}100%{top:0;opacity:.4}}@-moz-keyframes header-effect{0%{opacity:0;-webkit-transform:translateY(-50px);-moz-transform:translateY(-50px);-o-transform:translateY(-50px);-ms-transform:translateY(-50px);transform:translateY(-50px)}100%{opacity:1;-ms-filter:none;filter:none;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes header-effect{0%{opacity:0;-webkit-transform:translateY(-50px);-moz-transform:translateY(-50px);-o-transform:translateY(-50px);-ms-transform:translateY(-50px);transform:translateY(-50px)}100%{opacity:1;-ms-filter:none;filter:none;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@-o-keyframes header-effect{0%{opacity:0;-webkit-transform:translateY(-50px);-moz-transform:translateY(-50px);-o-transform:translateY(-50px);-ms-transform:translateY(-50px);transform:translateY(-50px)}100%{opacity:1;-ms-filter:none;filter:none;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@keyframes header-effect{0%{opacity:0;-webkit-transform:translateY(-50px);-moz-transform:translateY(-50px);-o-transform:translateY(-50px);-ms-transform:translateY(-50px);transform:translateY(-50px)}100%{opacity:1;-ms-filter:none;filter:none;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@-moz-keyframes headerNoOpacity{0%{-webkit-transform:translateY(-50px);-moz-transform:translateY(-50px);-o-transform:translateY(-50px);-ms-transform:translateY(-50px);transform:translateY(-50px)}100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes headerNoOpacity{0%{-webkit-transform:translateY(-50px);-moz-transform:translateY(-50px);-o-transform:translateY(-50px);-ms-transform:translateY(-50px);transform:translateY(-50px)}100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@-o-keyframes headerNoOpacity{0%{-webkit-transform:translateY(-50px);-moz-transform:translateY(-50px);-o-transform:translateY(-50px);-ms-transform:translateY(-50px);transform:translateY(-50px)}100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@keyframes headerNoOpacity{0%{-webkit-transform:translateY(-50px);-moz-transform:translateY(-50px);-o-transform:translateY(-50px);-ms-transform:translateY(-50px);transform:translateY(-50px)}100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@-moz-keyframes bottom-top{0%{margin-top:50px;opacity:0}100%{margin-top:0;opacity:1;-ms-filter:none;filter:none}}@-webkit-keyframes bottom-top{0%{margin-top:50px;opacity:0}100%{margin-top:0;opacity:1;-ms-filter:none;filter:none}}@-o-keyframes bottom-top{0%{margin-top:50px;opacity:0}100%{margin-top:0;opacity:1;-ms-filter:none;filter:none}}@keyframes bottom-top{0%{margin-top:50px;opacity:0}100%{margin-top:0;opacity:1;-ms-filter:none;filter:none}}@-moz-keyframes titleScale{0%{opacity:0;-webkit-transform:scale(.7);-moz-transform:scale(.7);-o-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)}100%{opacity:1;-ms-filter:none;filter:none;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}@-webkit-keyframes titleScale{0%{opacity:0;-webkit-transform:scale(.7);-moz-transform:scale(.7);-o-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)}100%{opacity:1;-ms-filter:none;filter:none;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}@-o-keyframes titleScale{0%{opacity:0;-webkit-transform:scale(.7);-moz-transform:scale(.7);-o-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)}100%{opacity:1;-ms-filter:none;filter:none;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}@keyframes titleScale{0%{opacity:0;-webkit-transform:scale(.7);-moz-transform:scale(.7);-o-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)}100%{opacity:1;-ms-filter:none;filter:none;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}@-moz-keyframes search_close{0%{opacity:1;-ms-filter:none;filter:none;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(.7);-moz-transform:scale(.7);-o-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)}}@-webkit-keyframes search_close{0%{opacity:1;-ms-filter:none;filter:none;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(.7);-moz-transform:scale(.7);-o-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)}}@-o-keyframes search_close{0%{opacity:1;-ms-filter:none;filter:none;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(.7);-moz-transform:scale(.7);-o-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)}}@keyframes search_close{0%{opacity:1;-ms-filter:none;filter:none;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(.7);-moz-transform:scale(.7);-o-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)}}@-moz-keyframes to_show{0%{opacity:0}100%{opacity:1;-ms-filter:none;filter:none}}@-webkit-keyframes to_show{0%{opacity:0}100%{opacity:1;-ms-filter:none;filter:none}}@-o-keyframes to_show{0%{opacity:0}100%{opacity:1;-ms-filter:none;filter:none}}@keyframes to_show{0%{opacity:0}100%{opacity:1;-ms-filter:none;filter:none}}@-moz-keyframes to_hide{0%{opacity:1;-ms-filter:none;filter:none}100%{opacity:0}}@-webkit-keyframes to_hide{0%{opacity:1;-ms-filter:none;filter:none}100%{opacity:0}}@-o-keyframes to_hide{0%{opacity:1;-ms-filter:none;filter:none}100%{opacity:0}}@keyframes to_hide{0%{opacity:1;-ms-filter:none;filter:none}100%{opacity:0}}@-moz-keyframes sub_menus{0%{opacity:0;-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-o-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{opacity:1;-ms-filter:none;filter:none;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes sub_menus{0%{opacity:0;-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-o-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{opacity:1;-ms-filter:none;filter:none;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@-o-keyframes sub_menus{0%{opacity:0;-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-o-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{opacity:1;-ms-filter:none;filter:none;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@keyframes sub_menus{0%{opacity:0;-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-o-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{opacity:1;-ms-filter:none;filter:none;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@-moz-keyframes donate_effcet{0%{opacity:0;-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-o-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-ms-filter:none;filter:none;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes donate_effcet{0%{opacity:0;-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-o-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-ms-filter:none;filter:none;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@-o-keyframes donate_effcet{0%{opacity:0;-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-o-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-ms-filter:none;filter:none;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@keyframes donate_effcet{0%{opacity:0;-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-o-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-ms-filter:none;filter:none;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@-moz-keyframes sidebarItem{0%{-webkit-transform:translateX(200px);-moz-transform:translateX(200px);-o-transform:translateX(200px);-ms-transform:translateX(200px);transform:translateX(200px)}100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes sidebarItem{0%{-webkit-transform:translateX(200px);-moz-transform:translateX(200px);-o-transform:translateX(200px);-ms-transform:translateX(200px);transform:translateX(200px)}100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}@-o-keyframes sidebarItem{0%{-webkit-transform:translateX(200px);-moz-transform:translateX(200px);-o-transform:translateX(200px);-ms-transform:translateX(200px);transform:translateX(200px)}100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}@keyframes sidebarItem{0%{-webkit-transform:translateX(200px);-moz-transform:translateX(200px);-o-transform:translateX(200px);-ms-transform:translateX(200px);transform:translateX(200px)}100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}:root{--global-font-size:14px;--global-bg:#f7f9fe;--font-color:#4c4948;--hr-border:#b8f2ff;--hr-before-color:#9cedff;--search-bg:#f6f8fa;--search-input-color:#4c4948;--search-result-title:#4c4948;--preloader-bg:#37474f;--preloader-color:#fff;--tab-border-color:#f0f0f0;--tab-botton-bg:#f0f0f0;--tab-botton-color:#1f2d3d;--tab-button-hover-bg:#dcdcdc;--tab-button-active-bg:#fff;--card-bg:#fff;--sidebar-bg:#f6f8fa;--btn-hover-color:#ff7a7a;--btn-color:#fff;--btn-bg:#71e5ff;--text-bg-hover:rgba(113,229,255,0.7);--light-grey:#eee;--dark-grey:#cacaca;--white:#fff;--text-highlight-color:#1f2d3d;--blockquote-color:#6a737d;--blockquote-bg:rgba(113,229,255,0.1);--reward-pop:#f5f5f5;--toc-link-color:#666261;--card-box-shadow:0 3px 8px 6px rgba(7,17,27,0.05);--card-hover-box-shadow:0 3px 8px 6px rgba(7,17,27,0.09);--pseudo-hover:#ff7a7a;--headline-presudo:#a0a0a0;--scrollbar-color:#71e5ff}body{position:relative;min-height:100%;background:var(--global-bg);color:var(--font-color);font-size:var(--global-font-size);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Helvetica Neue',Lato,Roboto,'PingFang SC','Microsoft YaHei',sans-serif;line-height:2;-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--scrollbar-color)}::-webkit-scrollbar-track{background-color:transparent}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-color) transparent}input::placeholder{color:var(--font-color)}#web_bg{position:fixed;z-index:-999;width:100%;height:100%;background:rgba(247,249,254);background-attachment:local;background-position:center;background-size:cover;background-repeat:no-repeat}h1,h2,h3,h4,h5,h6{position:relative;margin:20px 0 14px;color:var(--text-highlight-color);font-weight:700}h1 code,h2 code,h3 code,h4 code,h5 code,h6 code{font-size:inherit!important}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}hr{position:relative;margin:40px auto;border:2px dashed var(--hr-border)}.table-wrap{overflow-x:scroll;margin:0 0 20px}table{display:table;width:100%;border-spacing:0;border-collapse:collapse;empty-cells:show}table thead{background:rgba(153,169,191,.1)}table td,table th{padding:6px 12px;border:1px solid var(--light-grey);vertical-align:middle}::selection{background:var(--select-bg);color:var(--select)}button{padding:0;outline:0;border:none;background:0 0;cursor:pointer;touch-action:manipulation}a{color:#99a9bf;text-decoration:none;word-wrap:break-word;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;-ms-transition:all .2s;transition:all .2s;overflow-wrap:break-word}a:hover{color:#71e5ff}.is-center{text-align:center}.copy-true{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}.pull-left{float:left}.pull-right{float:right}img:not([src]),img[src='']{opacity:0}.img-alt{margin:-10px 0 10px;color:#858585}.img-alt:hover{text-decoration:none!important}blockquote{margin:0 0 20px;padding:12px 15px;border-left:3px solid #71e5ff;background-color:var(--blockquote-bg);color:var(--blockquote-color)}blockquote footer cite:before{padding:0 5px;content:'—'}blockquote>:last-child{margin-bottom:0!important}:root{--hl-color:#90a4ae;--hl-bg:#f6f8fa;--hltools-bg:#e6ebf1;--hltools-color:#90a4ae;--hlnumber-bg:#f6f8fa;--hlnumber-color:rgba(144,164,174,0.5);--hlscrollbar-bg:#dce4eb;--hlexpand-bg:linear-gradient(180deg, rgba(246,248,250,0.6), rgba(246,248,250,0.9))}figure.highlight table{scrollbar-color:var(--hlscrollbar-bg) transparent}figure.highlight table::-webkit-scrollbar-thumb{background:var(--hlscrollbar-bg)}figure.highlight pre .deletion{color:#bf42bf}figure.highlight pre .addition{color:#105ede}figure.highlight pre .meta{color:#7c4dff}figure.highlight pre .comment{color:rgba(149,165,166,.8)}figure.highlight pre .attribute,figure.highlight pre .css .class,figure.highlight pre .css .id,figure.highlight pre .css .pseudo,figure.highlight pre .html .doctype,figure.highlight pre .regexp,figure.highlight pre .ruby .constant,figure.highlight pre .tag .name,figure.highlight pre .variable,figure.highlight pre .xml .doctype,figure.highlight pre .xml .pi,figure.highlight pre .xml .tag .title{color:#e53935}figure.highlight pre .tag{color:#39adb5}figure.highlight pre .command,figure.highlight pre .constant,figure.highlight pre .literal,figure.highlight pre .number,figure.highlight pre .params,figure.highlight pre .preprocessor{color:#f76d47}figure.highlight pre .built_in{color:#ffb62c}figure.highlight pre .css .rules .attribute,figure.highlight pre .formula,figure.highlight pre .header,figure.highlight pre .inheritance,figure.highlight pre .number,figure.highlight pre .ruby .class .title,figure.highlight pre .ruby .symbol,figure.highlight pre .special,figure.highlight pre .string,figure.highlight pre .value,figure.highlight pre .xml .cdata{color:#91b859}figure.highlight pre .css .hexcolor,figure.highlight pre .keyword,figure.highlight pre .title{color:#39adb5}figure.highlight pre .coffeescript .title,figure.highlight pre .function,figure.highlight pre .javascript .title,figure.highlight pre .perl .sub,figure.highlight pre .python .decorator,figure.highlight pre .python .title,figure.highlight pre .ruby .function .title,figure.highlight pre .ruby .title .keyword{color:#6182b8}figure.highlight pre .javascript .function,figure.highlight pre .tag .attr{color:#7c4dff}#article-container figure.highlight .line.marked{background-color:rgba(128,203,196,.251)}#article-container figure.highlight table{display:block;overflow:auto;border:none}#article-container figure.highlight table td{padding:0;border:none}#article-container figure.highlight .gutter pre{padding-right:10px;padding-left:10px;background-color:var(--hlnumber-bg);color:var(--hlnumber-color);text-align:right}#article-container figure.highlight .code pre{padding-right:10px;padding-left:10px;width:100%}#article-container figure.highlight,#article-container pre{overflow:auto;margin:0 0 20px;padding:0;background:var(--hl-bg);color:var(--hl-color);line-height:1.6}#article-container code,#article-container pre{font-size:var(--global-font-size);font-family:consolas,Menlo,'PingFang SC','Microsoft YaHei',sans-serif!important}#article-container code{padding:2px 4px;background:rgba(27,31,35,.05);color:#f47466}#article-container pre{padding:10px 20px}#article-container pre code{padding:0;background:0 0;color:var(--hl-color);text-shadow:none}#article-container figure.highlight{position:relative}#article-container figure.highlight pre{margin:0;padding:8px 0;border:none}#article-container figure.highlight .caption,#article-container figure.highlight figcaption{padding:6px 0 2px 14px;font-size:var(--global-font-size);line-height:1em}#article-container figure.highlight .caption a,#article-container figure.highlight figcaption a{float:right;padding-right:10px;color:var(--hl-color)}#article-container figure.highlight .caption a:hover,#article-container figure.highlight figcaption a:hover{border-bottom-color:var(--hl-color)}#article-container .highlight-tools{position:relative;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;overflow:hidden;min-height:24px;height:2.15em;background:var(--hltools-bg);color:var(--hltools-color);font-size:var(--global-font-size)}#article-container .highlight-tools.closed~*{display:none}#article-container .highlight-tools .expand{position:absolute;padding:.57em .7em;cursor:pointer;-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;-o-transition:-o-transform .3s;-ms-transition:-ms-transform .3s;transition:transform .3s}#article-container .highlight-tools .expand+.code-lang{left:1.7em}#article-container .highlight-tools .expand.closed{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;transition:all .3s;-webkit-transform:rotate(-90deg)!important;-moz-transform:rotate(-90deg)!important;-o-transform:rotate(-90deg)!important;-ms-transform:rotate(-90deg)!important;transform:rotate(-90deg)!important}#article-container .highlight-tools .code-lang{position:absolute;left:14px;text-transform:uppercase;font-weight:700;font-size:1.15em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#article-container .highlight-tools .copy-notice{position:absolute;right:2.4em;opacity:0;-webkit-transition:opacity .4s;-moz-transition:opacity .4s;-o-transition:opacity .4s;-ms-transition:opacity .4s;transition:opacity .4s}#article-container .highlight-tools .copy-button{position:absolute;right:14px;cursor:pointer;-webkit-transition:color .2s;-moz-transition:color .2s;-o-transition:color .2s;-ms-transition:color .2s;transition:color .2s}#article-container .highlight-tools .copy-button:hover{color:#71e5ff}#article-container .gutter{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#article-container .gist table{width:auto}#article-container .gist table td{border:none}#article-container figure.highlight{margin:0 0 24px;border-radius:7px;-webkit-box-shadow:0 5px 10px 0 rgba(144,164,174,.4);box-shadow:0 5px 10px 0 rgba(144,164,174,.4);-webkit-transform:translateZ(0)}#article-container figure.highlight .highlight-tools:after{position:absolute;left:14px;width:12px;height:12px;border-radius:50%;background:#fc625d;-webkit-box-shadow:20px 0 #fdbc40,40px 0 #35cd4b;box-shadow:20px 0 #fdbc40,40px 0 #35cd4b;content:' '}#article-container figure.highlight .highlight-tools .expand{right:0}#article-container figure.highlight .highlight-tools .expand.closed{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;transition:all .3s;-webkit-transform:rotate(90deg)!important;-moz-transform:rotate(90deg)!important;-o-transform:rotate(90deg)!important;-ms-transform:rotate(90deg)!important;transform:rotate(90deg)!important}#article-container figure.highlight .highlight-tools .expand~.copy-notice{right:3.45em}#article-container figure.highlight .highlight-tools .expand~.copy-button{right:2.1em}#article-container figure.highlight .highlight-tools .code-lang{left:75px}#article-container .code-expand-btn{position:absolute;bottom:0;z-index:10;width:100%;background:var(--hlexpand-bg);text-align:center;font-size:var(--global-font-size);cursor:pointer}#article-container .code-expand-btn i{padding:6px 0;color:var(--hlnumber-color);-webkit-animation:code-expand-key 1.2s infinite;-moz-animation:code-expand-key 1.2s infinite;-o-animation:code-expand-key 1.2s infinite;-ms-animation:code-expand-key 1.2s infinite;animation:code-expand-key 1.2s infinite}#article-container .code-expand-btn.expand-done>i{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}#article-container .code-expand-btn.expand-done+pre,#article-container .code-expand-btn.expand-done+table{margin-bottom:1.8em}#article-container .code-expand-btn:not(.expand-done)~pre,#article-container .code-expand-btn:not(.expand-done)~table{overflow:hidden;height:300px}@-moz-keyframes code-expand-key{0%{opacity:.6}50%{opacity:.1}100%{opacity:.6}}@-webkit-keyframes code-expand-key{0%{opacity:.6}50%{opacity:.1}100%{opacity:.6}}@-o-keyframes code-expand-key{0%{opacity:.6}50%{opacity:.1}100%{opacity:.6}}@keyframes code-expand-key{0%{opacity:.6}50%{opacity:.1}100%{opacity:.6}}.article-sort{margin-left:10px;padding-left:20px;border-left:2px solid #d7f8ff}.article-sort-title{position:relative;margin-left:10px;padding-bottom:20px;padding-left:20px;font-size:1.72em}.article-sort-title:hover:before{border-color:var(--pseudo-hover)}.article-sort-title:before{position:absolute;top:calc(((100% - 36px)/ 2));left:-9px;z-index:1;width:10px;height:10px;border:5px solid #71e5ff;border-radius:10px;background:var(--card-bg);content:'';line-height:10px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.article-sort-title:after{position:absolute;bottom:0;left:0;z-index:0;width:2px;height:1.5em;background:#d7f8ff;content:''}.article-sort-item{position:relative;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;margin:0 0 20px 10px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.article-sort-item:hover:before{border-color:var(--pseudo-hover)}.article-sort-item:before{position:absolute;left:calc(-20px - 17px);width:6px;height:6px;border:3px solid #71e5ff;border-radius:6px;background:var(--card-bg);content:'';-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.article-sort-item.no-article-cover{height:80px}.article-sort-item.no-article-cover .article-sort-item-info{padding:0}.article-sort-item.year{font-size:1.43em}.article-sort-item.year:hover:before{border-color:#71e5ff}.article-sort-item.year:before{border-color:var(--pseudo-hover)}.article-sort-item-time{color:#858585;font-size:95%}.article-sort-item-time time{padding-left:6px;cursor:default}.article-sort-item-title{color:var(--font-color);font-size:1.1em;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;transition:all .3s;-webkit-line-clamp:2}.article-sort-item-title:hover{color:#71e5ff;-webkit-transform:translateX(10px);-moz-transform:translateX(10px);-o-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}.article-sort-item-img{overflow:hidden;width:80px;height:80px}.article-sort-item-info{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding:0 16px}.category-lists .category-title{font-size:2.57em}@media screen and (max-width:768px){.category-lists .category-title{font-size:2em}}.category-lists .category-list{margin-bottom:0}.category-lists .category-list a{color:var(--font-color)}.category-lists .category-list a:hover{color:#71e5ff}.category-lists .category-list .category-list-count{margin-left:8px;color:#858585}.category-lists .category-list .category-list-count:before{content:'('}.category-lists .category-list .category-list-count:after{content:')'}.category-lists ul{padding:0 0 0 20px}.category-lists ul ul{padding-left:4px}.category-lists ul li{position:relative;margin:6px 0;padding:.12em .4em .12em 1.4em}#body-wrap{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;min-height:100vh}.layout{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:1 auto;-ms-flex:1 auto;flex:1 auto;margin:0 auto;padding:40px 15px;max-width:1200px;width:100%}@media screen and (max-width:900px){.layout{-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}@media screen and (max-width:768px){.layout{padding:20px 15px}}.layout>div:first-child:not(.recent-posts){-webkit-align-self:flex-start;align-self:flex-start;-ms-flex-item-align:start;padding:50px 40px}@media screen and (max-width:768px){.layout>div:first-child:not(.recent-posts){padding:36px 14px}}.layout>div:first-child{width:74%;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;transition:all .3s}@media screen and (max-width:900px){.layout>div:first-child{width:100%!important}}.layout.hide-aside{max-width:1000px}@media screen and (min-width:2000px){.layout.hide-aside{max-width:1300px}}.layout.hide-aside>div{width:100%!important}.apple #page-header.full_page{background-attachment:scroll!important}.apple .avatar-img,.apple .flink-item-icon,.apple .recent-post-item{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-o-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}#article-container .flink{margin-bottom:20px}#article-container .flink .flink-list{overflow:auto;padding:10px 10px 0;text-align:center}#article-container .flink .flink-list>.flink-list-item{position:relative;float:left;overflow:hidden;margin:15px 7px;width:calc(100% / 3 - 15px);height:90px;border-radius:8px;line-height:17px;-webkit-transform:translateZ(0)}@media screen and (max-width:1024px){#article-container .flink .flink-list>.flink-list-item{width:calc(50% - 15px)!important}}@media screen and (max-width:600px){#article-container .flink .flink-list>.flink-list-item{width:calc(100% - 15px)!important}}#article-container .flink .flink-list>.flink-list-item:hover .flink-item-icon{margin-left:-10px;width:0}#article-container .flink .flink-list>.flink-list-item:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--text-bg-hover);content:'';-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;-ms-transition:-ms-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}#article-container .flink .flink-list>.flink-list-item:active:before,#article-container .flink .flink-list>.flink-list-item:focus:before,#article-container .flink .flink-list>.flink-list-item:hover:before{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}#article-container .flink .flink-list>.flink-list-item a{color:var(--font-color);text-decoration:none}#article-container .flink .flink-list>.flink-list-item a .flink-item-icon{float:left;overflow:hidden;margin:15px 10px;width:60px;height:60px;border-radius:35px;-webkit-transition:width .3s ease-out;-moz-transition:width .3s ease-out;-o-transition:width .3s ease-out;-ms-transition:width .3s ease-out;transition:width .3s ease-out}#article-container .flink .flink-list>.flink-list-item a .flink-item-icon img{width:100%;height:100%;-webkit-transition:filter 375ms ease-in .2s,-webkit-transform .3s;-moz-transition:filter 375ms ease-in .2s,-moz-transform .3s;-o-transition:filter 375ms ease-in .2s,-o-transform .3s;-ms-transition:filter 375ms ease-in .2s,-ms-transform .3s;transition:filter 375ms ease-in .2s,transform .3s;object-fit:cover}#article-container .flink .flink-list>.flink-list-item a .img-alt{display:none}#article-container .flink .flink-item-name{padding:16px 10px 0 0;height:40px;font-weight:700;font-size:1.43em}#article-container .flink .flink-item-desc{padding:16px 10px 16px 0;height:50px;font-size:.93em}#article-container .flink .flink-name{margin-bottom:5px;font-weight:700;font-size:1.5em}#recent-posts>.recent-post-item{margin-top:20px}#recent-posts>.recent-post-item{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;overflow:hidden;height:18em}#recent-posts>.recent-post-item::after{position:relative;height:100%;width:4px;background:#909df3;content:'';bottom:0;border-radius:100vh;left:0;right:-99%;-webkit-animation:glow 10s linear infinite;-moz-animation:glow 10s linear infinite;-o-animation:glow 10s linear infinite;-ms-animation:glow 10s linear infinite;animation:glow 10s linear infinite}@media screen and (max-width:768px){#recent-posts>.recent-post-item::after{height:4px;width:100%}}@media screen and (max-width:768px){#recent-posts>.recent-post-item{-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:350px!important}}#recent-posts>.recent-post-item:hover img.post_bg{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}#recent-posts>.recent-post-item.ads-wrap{display:block!important;height:auto!important}#recent-posts>.recent-post-item .post_cover{overflow:hidden;width:50%;height:100%}@media screen and (max-width:768px){#recent-posts>.recent-post-item .post_cover{width:100%;height:230px}}#recent-posts>.recent-post-item .post_cover.right{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-o-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1}@media screen and (max-width:768px){#recent-posts>.recent-post-item .post_cover.right{-webkit-box-ordinal-group:0;-moz-box-ordinal-group:0;-o-box-ordinal-group:0;-ms-flex-order:0;-webkit-order:0;order:0}}#recent-posts>.recent-post-item>.recent-post-info{padding:0 40px;width:57%;height:100%;max-height:150px}@media screen and (max-width:768px){#recent-posts>.recent-post-item>.recent-post-info{padding:20px 20px 30px;width:100%}}#recent-posts>.recent-post-item>.recent-post-info.no-cover{width:100%}@media screen and (max-width:768px){#recent-posts>.recent-post-item>.recent-post-info.no-cover{padding:30px 20px}}#recent-posts>.recent-post-item>.recent-post-info>.article-title{color:var(--text-highlight-color);font-size:1.72em;line-height:1.4;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-line-clamp:2}@media screen and (max-width:768px){#recent-posts>.recent-post-item>.recent-post-info>.article-title{font-size:1.43em}}#recent-posts>.recent-post-item>.recent-post-info>.article-title:hover{color:#71e5ff}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap{margin:6px 0;color:#858585;font-size:90%}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap>.post-meta-date{cursor:default}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap .sticky{color:#ff7a7a}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap i{margin:0 4px 0 0}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap .fa-spinner{margin:0}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap .article-meta-separator{margin:0 6px}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap .article-meta-link{margin:0 4px}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap a{color:#858585}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap a:hover{color:#71e5ff;text-decoration:underline}#recent-posts>.recent-post-item>.recent-post-info>.content{-webkit-line-clamp:2}.tag-cloud-list a{display:inline-block;padding:0 8px;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;transition:all .3s}@media screen and (max-width:768px){.tag-cloud-list a{zoom:.85}}.tag-cloud-title{font-size:2.57em}@media screen and (max-width:768px){.tag-cloud-title{font-size:2em}}h1.page-title+.tag-cloud-list{text-align:left}#aside-content{width:26%}@media screen and (min-width:900px){#aside-content{padding-left:15px}}@media screen and (max-width:900px){#aside-content{width:100%}}#aside-content>.card-widget:first-child{margin-top:0}@media screen and (max-width:900px){#aside-content>.card-widget:first-child{margin-top:20px}}#aside-content .card-widget{position:relative;overflow:hidden;margin-top:20px;padding:12px}#aside-content .card-info .author-info__name{font-weight:500;font-size:1.57em}#aside-content .card-info .author-info__description{margin-top:-.42em}#aside-content .card-info .card-info-data{margin:14px 0 4px}#aside-content .card-info .card-info-social-icons{margin:6px 0 -6px}#aside-content .card-info .card-info-social-icons .social-icon{margin:0 10px;color:var(--font-color);font-size:1.4em}#aside-content .card-info .card-info-social-icons i{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;transition:all .3s}#aside-content .card-info .card-info-social-icons i:hover{-webkit-transform:rotate(540deg);-moz-transform:rotate(540deg);-o-transform:rotate(540deg);-ms-transform:rotate(540deg);transform:rotate(540deg)}#aside-content .card-info #card-info-btn{display:block;margin-top:14px;background-color:var(--btn-bg);color:var(--btn-color);text-align:center;line-height:2.4}#aside-content .card-info #card-info-btn:hover{background-color:var(--btn-hover-color)}#aside-content .card-info #card-info-btn span{padding-left:10px}#aside-content .item-headline{width:fit-content;margin:auto!important;padding-bottom:6px;font-size:1.2em}#aside-content .item-headline span{margin-left:6px}@media screen and (min-width:900px){#aside-content .sticky_layout{position:sticky;position:-webkit-sticky;top:20px;-webkit-transition:top .3s;-moz-transition:top .3s;-o-transition:top .3s;-ms-transition:top .3s;transition:top .3s}}#aside-content .card-tag-cloud a{display:inline-block;padding:0 4px}#aside-content .aside-list>span{display:block;margin-bottom:10px;text-align:center}#aside-content .aside-list>.aside-list-item{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;padding:6px 0}#aside-content .aside-list>.aside-list-item:first-child{padding-top:0}#aside-content .aside-list>.aside-list-item:not(:last-child){border-bottom:1px dashed #f5f5f5}#aside-content .aside-list>.aside-list-item:last-child{padding-bottom:0}#aside-content .aside-list>.aside-list-item .thumbnail{overflow:hidden;width:4.2em;height:4.2em}#aside-content .aside-list>.aside-list-item .content{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding-left:10px;word-break:break-all}#aside-content .aside-list>.aside-list-item .content>.name{-webkit-line-clamp:1}#aside-content .aside-list>.aside-list-item .content>.name,#aside-content .aside-list>.aside-list-item .content>time{display:block;color:#858585;font-size:85%}#aside-content .aside-list>.aside-list-item .content>.comment,#aside-content .aside-list>.aside-list-item .content>.title{color:var(--font-color);font-size:95%;line-height:1.5;-webkit-line-clamp:2}#aside-content .aside-list>.aside-list-item .content>.comment:hover,#aside-content .aside-list>.aside-list-item .content>.title:hover{color:#71e5ff}#aside-content .aside-list>.aside-list-item.no-cover{min-height:4.4em}#aside-content .card-archives ul.card-archive-list,#aside-content .card-categories ul.card-category-list{margin:0;padding:0;list-style:none}#aside-content .card-archives ul.card-archive-list>.card-archive-list-item a,#aside-content .card-categories ul.card-category-list>.card-category-list-item a{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;padding:3px 10px;color:var(--font-color);-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;-ms-transition:all .4s;transition:all .4s}#aside-content .card-archives ul.card-archive-list>.card-archive-list-item a span:first-child,#aside-content .card-categories ul.card-category-list>.card-category-list-item a span:first-child{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}#aside-content .card-categories .card-category-list.child{padding:0 0 0 16px}#aside-content .card-categories .card-category-list>.parent>a .card-category-list-name{width:70%!important}#aside-content .card-categories .card-category-list>.parent>a .card-category-list-count{width:calc(100% - 70% - 20px);text-align:right}#aside-content .card-categories .card-category-list>.parent i{float:right;margin-right:-.5em;padding:.5em;-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;-o-transition:-o-transform .3s;-ms-transition:-ms-transform .3s;transition:transform .3s;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}#aside-content .card-categories .card-category-list>.parent i.expand{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}#aside-content .card-webinfo .webinfo .webinfo-item{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;padding:2px 10px 0}#aside-content .card-webinfo .webinfo .webinfo-item div:first-child{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding-right:20px}@media screen and (min-width:901px){#aside-content #card-toc{right:0!important}}@media screen and (max-width:900px){#aside-content #card-toc{position:fixed;right:-100%;bottom:30px;z-index:100;max-width:380px;max-height:calc(100% - 60px);width:calc(100% - 80px);opacity:0;-webkit-transition:initial;-moz-transition:initial;-o-transition:initial;-ms-transition:initial;transition:initial;-webkit-transform-origin:right bottom;-moz-transform-origin:right bottom;-o-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}}#aside-content #card-toc .toc-percentage{float:right;margin-top:-9px;color:#a9a9a9;font-style:italic;font-size:140%}#aside-content #card-toc .toc-content{overflow-y:scroll;overflow-y:overlay;margin:0 -24px;width:100%;max-height:calc(100vh - 120px)}@media screen and (max-width:900px){#aside-content #card-toc .toc-content{max-height:calc(100vh - 140px)}}#aside-content #card-toc .toc-content>*{margin:0 20px!important}#aside-content #card-toc .toc-content>*>.toc-item>.toc-child{margin-left:10px;padding-left:10px;border-left:1px solid var(--dark-grey)}#aside-content #card-toc .toc-content:not(.is-expand) .toc-child{display:none}@media screen and (max-width:900px){#aside-content #card-toc .toc-content:not(.is-expand) .toc-child{display:block!important}}#aside-content #card-toc .toc-content:not(.is-expand) .toc-item.active .toc-child{display:block}#aside-content #card-toc .toc-content li,#aside-content #card-toc .toc-content ol{list-style:none}#aside-content #card-toc .toc-content ol{margin:0;padding-left:18px}#aside-content #card-toc .toc-content .toc-link{display:block;margin:4px 0;padding:1px 6px;color:var(--toc-link-color);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}#aside-content #card-toc .toc-content .toc-link:hover{color:var(--heo-theme)}#aside-content #card-toc .toc-content .toc-link.active{background:var(--heo-theme);border-radius:10px;color:var(--heo-font)}#aside-content :only-child>.card-widget{margin-top:0}#aside-content .card-more-btn{float:right;color:inherit}#aside-content .card-more-btn:hover{-webkit-animation:more-btn-move 1s infinite;-moz-animation:more-btn-move 1s infinite;-o-animation:more-btn-move 1s infinite;-ms-animation:more-btn-move 1s infinite;animation:more-btn-move 1s infinite}#aside-content .card-announcement .item-headline i{color:red}.avatar-img{margin:0 auto;width:110px;height:110px;border:4px solid #fff;border-radius:70px;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;-ms-transition:.3s;transition:.3s}.avatar-img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.avatar-img .loading-image-dot img{-webkit-transform:rotate(-25deg);-moz-transform:rotate(-25deg);-o-transform:rotate(-25deg);-ms-transform:rotate(-25deg);transform:rotate(-25deg)}.avatar-img img{width:100%;height:100%;border-radius:100%;object-fit:cover}.site-data{display:table;width:100%;table-layout:fixed}.site-data>a{display:table-cell}.site-data>a div{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;transition:all .3s}.site-data>a:hover div{color:#71e5ff!important}.site-data>a .headline{color:var(--font-color)}.site-data>a .length-num{margin-top:-.32em;color:var(--text-highlight-color);font-size:1.4em}@media screen and (min-width:900px){html.hide-aside .layout{-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}html.hide-aside .layout>.aside-content{display:none}html.hide-aside .layout>div:first-child{width:80%}}.page .sticky_layout{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}@-moz-keyframes more-btn-move{0%,100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(3px);-moz-transform:translateX(3px);-o-transform:translateX(3px);-ms-transform:translateX(3px);transform:translateX(3px)}}@-webkit-keyframes more-btn-move{0%,100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(3px);-moz-transform:translateX(3px);-o-transform:translateX(3px);-ms-transform:translateX(3px);transform:translateX(3px)}}@-o-keyframes more-btn-move{0%,100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(3px);-moz-transform:translateX(3px);-o-transform:translateX(3px);-ms-transform:translateX(3px);transform:translateX(3px)}}@keyframes more-btn-move{0%,100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(3px);-moz-transform:translateX(3px);-o-transform:translateX(3px);-ms-transform:translateX(3px);transform:translateX(3px)}}@-moz-keyframes toc-open{0%{-webkit-transform:scale(.7);-moz-transform:scale(.7);-o-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}@-webkit-keyframes toc-open{0%{-webkit-transform:scale(.7);-moz-transform:scale(.7);-o-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}@-o-keyframes toc-open{0%{-webkit-transform:scale(.7);-moz-transform:scale(.7);-o-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}@keyframes toc-open{0%{-webkit-transform:scale(.7);-moz-transform:scale(.7);-o-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}@-moz-keyframes toc-close{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(.7);-moz-transform:scale(.7);-o-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)}}@-webkit-keyframes toc-close{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(.7);-moz-transform:scale(.7);-o-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)}}@-o-keyframes toc-close{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(.7);-moz-transform:scale(.7);-o-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)}}@keyframes toc-close{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(.7);-moz-transform:scale(.7);-o-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)}}#post-comment .comment-head{margin-bottom:20px}#post-comment .comment-head .comment-headline{display:inline-block;vertical-align:middle;font-weight:700;font-size:1.43em}#post-comment .comment-head #comment-switch{display:inline-block;float:right;margin:2px auto 0;padding:4px 16px;width:max-content;border-radius:8px;background:#f6f8fa}#post-comment .comment-head #comment-switch .first-comment{color:#71e5ff}#post-comment .comment-head #comment-switch .second-comment{color:#ff7a7a}#post-comment .comment-head #comment-switch .switch-btn{position:relative;display:inline-block;margin:-4px 8px 0;width:42px;height:22px;border-radius:34px;background-color:#71e5ff;vertical-align:middle;cursor:pointer;-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;-ms-transition:.4s;transition:.4s}#post-comment .comment-head #comment-switch .switch-btn:before{position:absolute;bottom:4px;left:4px;width:14px;height:14px;border-radius:50%;background-color:#fff;content:'';-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;-ms-transition:.4s;transition:.4s}#post-comment .comment-head #comment-switch .switch-btn.move{background-color:#ff7a7a}#post-comment .comment-head #comment-switch .switch-btn.move:before{-webkit-transform:translateX(20px);-moz-transform:translateX(20px);-o-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}#post-comment .comment-wrap>div:nth-child(2){display:none}.footer{padding:15px}.footer #in{background:var(--footer-bg);width:100%;padding:0 15px 15px 15px;text-align:center;border:1px solid var(--border);max-width:1200px;margin:0 auto 20px;border-radius:18px}@media screen and (max-width:768px){.footer #in{margin:auto!important;border-radius:18px 18px 0 0}}.footer #in .title{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-direction:reverse;-moz-box-direction:reverse;-o-box-direction:reverse;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;text-align:center}.footer #in .title img{position:relative;height:66px;width:66px;border-radius:100vh;top:-33px;left:calc(50% - 33px)}.footer #in .author{margin-top:-33px;text-align:center}.footer #in .author span.name{font-weight:bolder;font-size:25px}.footer #in .author .links{margin-bottom:20px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.footer #in .author .links a{color:var(--heo-font);font-size:25px}.footer #in .author .frame{margin-top:20px;font-size:18px;font-weight:bolder}.footer #in .author .frame i{margin:0 3px}.footer #in about.about a.footer-button{padding:15px;margin:6px;color:#fff}.footer #in about.about a.footer-button i{line-height:2;margin-right:2px}#page-header{position:relative;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;width:100%;background-color:var(--heo-theme);background-position:center center;background-size:cover;background-repeat:no-repeat;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;transition:all .5s}#page-header:not(.not-top-img):before{position:absolute;width:100%;height:100%;content:''}#page-header.full_page{height:100vh;background-attachment:fixed}#page-header.full_page #site-info{position:absolute;top:43%;padding:0 10px;width:100%}#page-header #scroll-down .scroll-down-effects,#page-header #site-subtitle,#page-header #site-title{text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.15);line-height:1.5}#page-header #site-title{margin:0;color:var(--white);font-size:1.85em}@media screen and (min-width:768px){#page-header #site-title{font-size:2.85em}}#page-header #site-subtitle{color:var(--light-grey);font-size:1.15em}@media screen and (min-width:768px){#page-header #site-subtitle{font-size:1.72em}}#page-header #site_social_icons{display:none;margin:0 auto;width:300px;text-align:center}@media screen and (max-width:768px){#page-header #site_social_icons{display:block}}#page-header #site_social_icons .social-icon{margin:0 10px;color:var(--light-grey);text-shadow:2px 2px 4px rgba(0,0,0,.15);font-size:1.43em}#page-header #scroll-down{position:absolute;bottom:0;width:100%;cursor:pointer}#page-header #scroll-down .scroll-down-effects{position:relative;width:100%;color:var(--light-grey);font-size:30px}#page-header.not-home-page{height:400px}@media screen and (max-width:768px){#page-header.not-home-page{height:280px}}#page-header #page-site-info{position:absolute;top:200px;padding:0 10px;width:100%}@media screen and (max-width:768px){#page-header #page-site-info{top:140px}}#page-header.post-bg{height:550px}#page-header.post-bg:before{backdrop-filter:saturate(180%) blur(25px);-webkit-backdrop-filter:saturate(180%) blur(25px)}#page-header #post-info{position:absolute;bottom:35%;padding:0 0 0 20px;max-width:1200px;width:100%;text-align:left;text-shadow:2px 2px #000}#page-header #post-info .post-title{font-weight:700}#page-header.not-top-img{margin-bottom:10px;height:60px;background:0}#page-header.not-top-img #nav{background:rgba(255,255,255,.8);-webkit-box-shadow:0 5px 6px -5px rgba(133,133,133,.6);box-shadow:0 5px 6px -5px rgba(133,133,133,.6)}#page-header.not-top-img #nav a{color:#fff;text-shadow:none}#page-header.nav-fixed #nav{position:fixed;top:-60px;z-index:91;background:rgba(255,255,255,.8);-webkit-box-shadow:0 5px 6px -5px rgba(133,133,133,.6);box-shadow:0 5px 6px -5px rgba(133,133,133,.6);-webkit-transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in-out;-moz-transition:-moz-transform .2s ease-in-out,opacity .2s ease-in-out;-o-transition:-o-transform .2s ease-in-out,opacity .2s ease-in-out;-ms-transition:-ms-transform .2s ease-in-out,opacity .2s ease-in-out;transition:transform .2s ease-in-out,opacity .2s ease-in-out}#page-header.nav-fixed #nav #site-name,#page-header.nav-fixed #nav #toggle-menu,#page-header.nav-fixed #nav a{color:#fff;text-shadow:none}#page-header.nav-fixed #nav #site-name:hover,#page-header.nav-fixed #nav #toggle-menu:hover,#page-header.nav-fixed #nav a:hover{color:#71e5ff}#page-header.nav-visible #nav{-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;transition:all .5s;-webkit-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-o-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}#page-header.nav-visible+.layout>.aside-content>.sticky_layout{top:70px;-webkit-transition:top .5s;-moz-transition:top .5s;-o-transition:top .5s;-ms-transition:top .5s;transition:top .5s}#page h1.page-title{margin:8px 0 20px}#post>#post-info{margin-bottom:30px}#post>#post-info .post-title{padding-bottom:4px;border-bottom:1px solid var(--light-grey);color:var(--text-highlight-color)}#post>#post-info .post-title .post-edit-link{float:right}#post>#post-info #post-meta,#post>#post-info #post-meta a{color:#78818a}#post-info .post-title{margin-bottom:8px;color:var(--white);font-weight:400;font-size:2.5em;line-height:1.5;-webkit-line-clamp:3}@media screen and (max-width:768px){#post-info .post-title{font-size:2.1em}}#post-info .post-title .post-edit-link{padding-left:10px}#post-info #post-meta{color:var(--light-grey);font-size:95%}@media screen and (min-width:768px){#post-info #post-meta>.meta-secondline>span:first-child{display:none}}@media screen and (max-width:768px){#post-info #post-meta{font-size:90%}#post-info #post-meta>.meta-firstline,#post-info #post-meta>.meta-secondline{display:inline}}#post-info #post-meta .post-meta-separator{margin:0 5px}#post-info #post-meta .post-meta-icon{margin-right:4px}#post-info #post-meta a{color:var(--light-grey);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out}#post-info #post-meta a:hover{color:#71e5ff;text-decoration:underline}#nav{position:absolute;top:0;z-index:90;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;padding:0 36px;width:100%;height:60px;font-size:1.3em;opacity:0;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;transition:all .5s}@media screen and (max-width:768px){#nav{padding:0 16px}}#nav.show{opacity:1;-ms-filter:none;filter:none}#nav #toggle-menu{display:none;padding:2px 0 0 6px;vertical-align:top}#nav #toggle-menu:hover{color:var(--white)}#nav a{color:var(--light-grey)}#nav a:hover{color:var(--white)}#nav #site-name{text-shadow:2px 2px 4px rgba(0,0,0,.15);font-weight:700;cursor:pointer}#nav .menus_items{margin:0 10px 0 6px;display:inline}#nav .menus_items .menus_item{height:25px;position:relative;display:inline-block;padding:0 0 0 14px}#nav .menus_items .menus_item:hover .menus_item_child{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;scale:1}#nav .menus_items .menus_item:hover>a>i:last-child{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}#nav .menus_items .menus_item>a>i:last-child{padding:4px;-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;-o-transition:-o-transform .3s;-ms-transition:-ms-transform .3s;transition:transform .3s}#nav .menus_items .menus_item .menus_item_child{position:absolute;right:0;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;border-radius:20px;scale:0;-webkit-transition:.25s cubic-bezier(.25,.1,.62,1.7);-moz-transition:.25s cubic-bezier(.25,.1,.62,1.7);-o-transition:.25s cubic-bezier(.25,.1,.62,1.7);-ms-transition:.25s cubic-bezier(.25,.1,.62,1.7);transition:.25s cubic-bezier(.25,.1,.62,1.7);background:#000!important;margin-top:8px;padding:0;width:max-content;border-radius:5px;background-color:var(--sidebar-bg);-webkit-box-shadow:0 5px 20px -4px rgba(0,0,0,.5);box-shadow:0 5px 20px -4px rgba(0,0,0,.5);-webkit-transform:translateY(0)!important;-moz-transform:translateY(0)!important;-o-transform:translateY(0)!important;-ms-transform:translateY(0)!important;transform:translateY(0)!important}#nav .menus_items .menus_item .menus_item_child:before{position:absolute;top:-8px;left:0;width:100%;height:20px;content:''}#nav .menus_items .menus_item .menus_item_child li{list-style:none;border-radius:100vh;height:25px}#nav .menus_items .menus_item .menus_item_child li:hover{background:#fff;color:#000}#nav .menus_items .menus_item .menus_item_child li a{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;padding:8px 16px;width:100%;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;color:#fff!important;text-shadow:none!important}#nav.hide-menu #toggle-menu{display:inline-block!important}#nav.hide-menu #toggle-menu .site-page{font-size:inherit}#nav.hide-menu .menus_items{display:none}#nav.hide-menu #search-button span{display:none}#nav #search-button{display:inline;padding:0 0 0 14px}#nav .site-page{position:relative;padding-bottom:6px;text-shadow:1px 1px 2px rgba(0,0,0,.3);font-size:.78em;cursor:pointer}#nav .site-page:not(.child):after{position:absolute;bottom:0;left:0;z-index:-1;width:0;height:3px;background-color:#9cedff;content:'';-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}#nav .site-page:not(.child):hover:after{width:100%}.loading-bg{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;width:100%;height:100%;position:fixed;background:var(--loading-bg);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:blur(20px) saturate(180%);z-index:99999;opacity:1;-ms-filter:none;filter:none;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;-ms-transition:.3s;transition:.3s}#loading-box .loading-img{background:url(https://pic.imgdb.cn/item/64f375fe661c6c8e54e4d120.jpg) no-repeat center center;background-size:cover;width:100px;height:100px;border-radius:50%;margin:auto;border:4px solid #f0f0f2;-webkit-animation-duration:.3s;-moz-animation-duration:.3s;-o-animation-duration:.3s;-ms-animation-duration:.3s;animation-duration:.3s;-webkit-animation-name:loadingAction;-moz-animation-name:loadingAction;-o-animation-name:loadingAction;-ms-animation-name:loadingAction;animation-name:loadingAction;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;-moz-animation-direction:alternate;-o-animation-direction:alternate;-ms-animation-direction:alternate;animation-direction:alternate}#loading-box.loaded .loading-bg{opacity:0;z-index:-1000}.loading-image-dot{width:30px;height:30px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;position:absolute;border-radius:50%;border:6px solid #fff;top:50%;left:50%;-webkit-transform:translate(18px,24px);-moz-transform:translate(18px,24px);-o-transform:translate(18px,24px);-ms-transform:translate(18px,24px);transform:translate(18px,24px)}.loading-image-dot img{height:26px;width:26px}@-moz-keyframes loadingAction{0%{opacity:1;-ms-filter:none;filter:none}100%{opacity:.4}}@-webkit-keyframes loadingAction{0%{opacity:1;-ms-filter:none;filter:none}100%{opacity:.4}}@-o-keyframes loadingAction{0%{opacity:1;-ms-filter:none;filter:none}100%{opacity:.4}}@keyframes loadingAction{0%{opacity:1;-ms-filter:none;filter:none}100%{opacity:.4}}#pagination .pagination{margin-top:20px;text-align:center}#pagination .page-number{-webkit-box-shadow:none!important;box-shadow:none!important;border:1px solid #e3e8f7}#pagination .page-number.current{background:var(--heo-theme) right;color:var(--heo-font)}#pagination .pagination-info{position:absolute;top:50%;padding:20px 40px;width:100%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-o-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}#pagination .next_info,#pagination .prev_info{color:var(--white);font-weight:500}#pagination .next-post .pagination-info{text-align:right}#pagination .pull-full{width:100%!important}#pagination .next-post .label,#pagination .prev-post .label{color:var(--light-grey);text-transform:uppercase;font-size:90%}#pagination .next-post,#pagination .prev-post{width:50%}@media screen and (max-width:768px){#pagination .next-post,#pagination .prev-post{width:100%}}#pagination .next-post a,#pagination .prev-post a{position:relative;display:block;overflow:hidden;height:150px}.layout>.recent-posts .pagination>*{display:inline-block;margin:0 6px;width:2.5em;height:2.5em;line-height:2.5em}.layout>.recent-posts .pagination>:not(.space):hover{background:var(--btn-hover-color);color:var(--btn-color)}.layout>div:not(.recent-posts) .pagination .page-number{display:inline-block;margin:0 4px;min-width:24px;height:24px;text-align:center;line-height:24px;cursor:pointer}.extend.next,.extend.prev{-webkit-box-shadow:none!important;box-shadow:none!important;border:1px solid #e3e8f7}#article-container{word-wrap:break-word;overflow-wrap:break-word}#article-container a{color:#71e5ff}#article-container a:hover{text-decoration:underline}#article-container img{display:block;margin:auto;max-width:100%;-webkit-transition:filter 375ms ease-in .2s;-moz-transition:filter 375ms ease-in .2s;-o-transition:filter 375ms ease-in .2s;-ms-transition:filter 375ms ease-in .2s;transition:filter 375ms ease-in .2s}#article-container p{margin:0 0 16px}#article-container iframe{margin:0 0 20px}#article-container kbd{margin:0 3px;padding:3px 5px;border:1px solid #b4b4b4;border-radius:3px;background-color:#f8f8f8;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.25),0 2px 1px 0 rgba(255,255,255,.6) inset;box-shadow:0 1px 3px rgba(0,0,0,.25),0 2px 1px 0 rgba(255,255,255,.6) inset;color:#34495e;white-space:nowrap;font-weight:600;font-size:.9em;font-family:Monaco,'Ubuntu Mono',monospace;line-height:1em}.headerlink{display:none}.headerlink ol ol,.headerlink ol ul,.headerlink ul ol,.headerlink ul ul{padding-left:20px}.headerlink ol li,.headerlink ul li{margin:4px 0}.headerlink ol p,.headerlink ul p{margin:0 0 8px}.headerlink>:last-child{margin-bottom:0!important}#post .tag_share:after{display:block;clear:both;content:''}#post .tag_share .post-meta__tag-list{display:inline-block}#post .tag_share .post-meta__tags{display:inline-block;margin:8px 8px 8px 0;padding:0 12px;width:fit-content;border:1px solid #71e5ff;border-radius:12px;color:#71e5ff;font-size:.85em;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}#post .tag_share .post-meta__tags:hover{background:#71e5ff;color:var(--white)}#post .tag_share .post_share{display:inline-block;float:right;margin:8px 0 0;width:fit-content}#post .tag_share .post_share .social-share{font-size:.85em}#post .tag_share .post_share .social-share .social-share-icon{margin:0 4px;width:1.85em;height:1.85em;font-size:1.2em;line-height:1.85em}#post .post-copyright{position:relative;margin:40px 0 10px;padding:10px 16px;border:1px solid var(--light-grey);-webkit-transition:box-shadow .3s ease-in-out;-moz-transition:box-shadow .3s ease-in-out;-o-transition:box-shadow .3s ease-in-out;-ms-transition:box-shadow .3s ease-in-out;transition:box-shadow .3s ease-in-out;overflow:hidden;border-radius:12px!important;background-color:#eff1f3}#post .post-copyright:before{position:absolute;right:-26px;top:-120px;content:"\ea87";font-size:200px;font-family:dys;opacity:.2}#post .post-copyright:hover{-webkit-box-shadow:0 0 8px 0 rgba(232,237,250,.6),0 2px 4px 0 rgba(232,237,250,.5);box-shadow:0 0 8px 0 rgba(232,237,250,.6),0 2px 4px 0 rgba(232,237,250,.5)}#post .post-copyright .post-copyright-meta{color:#71e5ff;font-weight:700}#post .post-copyright .post-copyright-info{padding-left:6px}#post .post-copyright .post-copyright-info a{text-decoration:none;word-break:break-word}#post .post-copyright .post-copyright-info a:hover{text-decoration:none}.post-copyright-cc-info{color:#71e5ff}.post-copyright-cc-info .post-outdate-notice{position:relative;margin:0 0 20px;padding:.5em 1.2em;border-radius:3px;background-color:#ffe6e6;color:#f66;padding:.5em 1em .5em 2.6em;border-left:5px solid #ff8080}.post-copyright-cc-info .post-outdate-notice:before{position:absolute;top:50%;left:.9em;color:#ff8080;content:'\f071';-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.post-copyright-cc-info .ads-wrap{margin:40px 0}.relatedPosts{display:none}.post-reward{position:relative;margin-top:80px;width:100%;text-align:center;pointer-events:none}.post-reward>*{pointer-events:auto}.post-reward .reward-button{display:inline-block;padding:4px 24px;background:var(--btn-bg);color:var(--btn-color);cursor:pointer}.post-reward:hover .reward-button{background:var(--btn-hover-color)}.post-reward:hover>.reward-main{display:block}.post-reward .reward-main{position:absolute;bottom:40px;left:0;z-index:100;display:none;padding:0 0 15px;width:100%}.post-reward .reward-main .reward-all{display:inline-block;margin:0;padding:20px 10px;border-radius:4px;background:var(--reward-pop)}.post-reward .reward-main .reward-all:before{position:absolute;bottom:-10px;left:0;width:100%;height:20px;content:''}.post-reward .reward-main .reward-all:after{position:absolute;right:0;bottom:2px;left:0;margin:0 auto;width:0;height:0;border-top:13px solid var(--reward-pop);border-right:13px solid transparent;border-left:13px solid transparent;content:''}.post-reward .reward-main .reward-all .reward-item{display:inline-block;padding:0 8px;list-style-type:none;vertical-align:top}.post-reward .reward-main .reward-all .reward-item img{width:130px;height:130px}.post-reward .reward-main .reward-all .reward-item .post-qr-code-desc{width:130px;color:#858585}#rightside{position:fixed;right:-48px;bottom:40px;z-index:100;opacity:0;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;transition:all .5s}#rightside #rightside-config-hide{height:0;opacity:0;-webkit-transition:-webkit-transform .4s;-moz-transition:-moz-transform .4s;-o-transition:-o-transform .4s;-ms-transition:-ms-transform .4s;transition:transform .4s;-webkit-transform:translate(45px,0);-moz-transform:translate(45px,0);-o-transform:translate(45px,0);-ms-transform:translate(45px,0);transform:translate(45px,0)}#rightside #rightside-config-hide.show{height:auto;opacity:1;-ms-filter:none;filter:none;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}#rightside #rightside-config-hide.status{height:auto;opacity:1;-ms-filter:none;filter:none}#rightside>div>a,#rightside>div>button{display:block;margin-bottom:5px;width:35px;height:35px;border-radius:5px;background-color:var(--btn-bg);color:var(--btn-color);text-align:center;font-size:16px;line-height:35px}#rightside>div>a:hover,#rightside>div>button:hover{background-color:var(--btn-hover-color)}#rightside #mobile-toc-button{display:none}@media screen and (max-width:900px){#rightside #mobile-toc-button{display:block}}@media screen and (max-width:900px){#rightside #hide-aside-btn{display:none}}#sidebar #menu-mask{position:fixed;z-index:102;display:none;width:100%;height:100%;background:rgba(255,255,255,.478);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}#sidebar #sidebar-menus{position:fixed;top:0;right:-300px;z-index:100000;border:1.5px solid #e3e8f7;border-radius:20px 0 0 20px;overflow-x:hidden;overflow-y:auto;width:300px;height:100%;background:var(--sidebar-bg);-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;transition:all .5s}#sidebar #sidebar-menus.open{-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);-o-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}#sidebar #sidebar-menus>.avatar-img{margin:20px auto}#sidebar #sidebar-menus .sidebar-site-data{padding:0 10px}#sidebar #sidebar-menus hr{margin:20px auto}#sidebar #sidebar-menus .menus_items{padding:0 10px 40px}#sidebar #sidebar-menus .menus_items .site-page{position:relative;display:block;padding:6px 30px 6px 22px;color:var(--font-color);font-size:1.15em}#sidebar #sidebar-menus .menus_items .site-page:hover{background:var(--text-bg-hover)}#sidebar #sidebar-menus .menus_items .site-page i:first-child{font-size:20px;text-align:left}#sidebar #sidebar-menus .menus_items .site-page.group>i:last-child{position:absolute;top:.78em;right:18px;-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;-o-transition:-o-transform .3s;-ms-transition:-ms-transform .3s;transition:transform .3s}#sidebar #sidebar-menus .menus_items .site-page.group.hide>i:last-child{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}#sidebar #sidebar-menus .menus_items .site-page.group.hide+.menus_item_child{display:none}#sidebar #sidebar-menus .menus_items .menus_item_child{margin:0;list-style:none}#vcomment{font-size:1.1em}#vcomment .vbtn{border:none;background:var(--btn-bg);color:var(--btn-color)}#vcomment .vbtn:hover{background:var(--btn-hover-color)}#vcomment .vimg{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;transition:all .3s}#vcomment .vimg:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}#vcomment .vcards .vcard .vcontent.expand:after,#vcomment .vcards .vcard .vcontent.expand:before{z-index:22}#waline-wrap{--waline-font-size:1.1em;--waline-theme-color:#71e5ff;--waline-active-color:#ff7a7a}#waline-wrap .wl-comment-actions>button:not(last-child){padding-right:4px}.fireworks{position:fixed;top:0;left:0;z-index:9999;pointer-events:none}.medium-zoom-image--opened{z-index:99999!important;margin:0!important}.medium-zoom-overlay{z-index:99999!important}.mermaid-wrap{margin:0 0 20px;text-align:center}.mermaid-wrap>svg{height:100%}.fb-comments iframe,.utterances{width:100%!important}#gitalk-container .gt-meta{margin:0 0 .8em;padding:6px 0 16px}.katex-wrap{overflow:auto}.katex-wrap::-webkit-scrollbar{display:none}.mathjax-overflow{overflow-x:auto;overflow-y:hidden}span.mathjax-overflow{display:inline-block;padding:0 2px;max-width:100%;vertical-align:bottom}.aplayer{color:#4c4948}#article-container .aplayer{margin:0 0 20px}.snackbar-css{border-radius:5px!important}div.btns{margin:0 -8px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;overflow:visible;line-height:1.8}div.btns b{font-size:.875rem}div.btns.wide>a{padding-left:32px;padding-right:32px}div.btns.fill>a{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;width:auto}div.btns.around{-webkit-box-pack:distribute;-moz-box-pack:distribute;-o-box-pack:distribute;-ms-flex-pack:distribute;-webkit-justify-content:space-around;justify-content:space-around}div.btns.center{-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}div.btns.grid2>a{width:calc(100% / 2 - 16px)}div.btns.grid3>a{width:calc(100% / 3 - 16px)}div.btns.grid4>a{width:calc(100% / 4 - 16px)}div.btns.grid5>a{width:calc(100% / 5 - 16px)}div.btns a{-webkit-transition:all .3s ease!important;-moz-transition:all .3s ease!important;-o-transition:all .3s ease!important;-ms-transition:all .3s ease!important;transition:all .3s ease!important;-webkit-box-shadow:0 -4px 0 0 var(--heo-theme);box-shadow:0 -4px 0 0 var(--heo-theme);margin:8px;margin-top:calc(1.25 * 16px + 32px)!important;min-width:120px;font-weight:700;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:start;-moz-box-pack:start;-o-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border-radius:7px;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:8px;text-align:center}div.btns a>i{background:#2196f3!important}div.btns a>i:first-child{color:#fff;background:#2196f3}div.btns a b{font-weight:700;line-height:1.3}div.btns a img{margin:.4em auto!important;-webkit-transition:all .3s!important;-moz-transition:all .3s!important;-o-transition:all .3s!important;-ms-transition:all .3s!important;transition:all .3s!important}div.btns a:not([href]){cursor:default;color:inherit}div.btns a[href]:hover{background:rgba(255,87,34,.15)}div.btns a[href]:hover>i:first-child{background:#ff5722}div.btns,div.btns a,div.btns p{font-size:17px;color:#555;height:50px;margin-bottom:20px}[data-theme=dark] div.btns,[data-theme=dark] div.btns a,[data-theme=dark] div.btns p{color:#fff!important}[data-theme=dark] div.btns a{background:var(--heo-theme)!important;border-radius:4px}.btns.grid5{height:auto}@media screen and (max-width:1024px){div.btns.grid2>a{width:calc(100% / 2 - 16px)}}@media screen and (max-width:768px){div.btns.grid2>a{width:calc(100% / 2 - 16px)}}@media screen and (max-width:500px){div.btns.grid2>a{width:calc(100% / 1 - 16px)}}@media screen and (max-width:1024px){div.btns.grid3>a{width:calc(100% / 3 - 16px)}}@media screen and (max-width:768px){div.btns.grid3>a{width:calc(100% / 3 - 16px)}}@media screen and (max-width:500px){div.btns.grid3>a{width:calc(100% / 1 - 16px)}}@media screen and (max-width:1024px){div.btns.grid4>a{width:calc(100% / 3 - 16px)}}@media screen and (max-width:768px){div.btns.grid4>a{width:calc(100% / 3 - 16px)}}@media screen and (max-width:500px){div.btns.grid4>a{width:calc(100% / 2 - 16px)}}@media screen and (max-width:1024px){div.btns.grid5>a{width:calc(100% / 4 - 16px)}}@media screen and (max-width:768px){div.btns.grid5>a{width:calc(100% / 3 - 16px)}}@media screen and (max-width:500px){div.btns.grid5>a{width:calc(100% / 2 - 16px)}}div.btns a>i:first-child,div.btns a>img:first-child{-webkit-transition:all .28s ease;-moz-transition:all .28s ease;-o-transition:all .28s ease;-ms-transition:all .28s ease;transition:all .28s ease;-moz-transition:all .28s ease;-webkit-transition:all .28s ease;-o-transition:all .28s ease;height:64px;width:64px;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.1);box-shadow:0 1px 2px 0 rgba(0,0,0,.1);margin:-48px 8px 4px 8px!important;margin-top:calc(-1.25 * 16px - 32px);border:2px solid #fff;background:#fff;line-height:60px;font-size:28px}div.btns a>i:first-child.auto,div.btns a>img:first-child.auto{width:auto}div.btns a b,div.btns a p{margin:.25em;font-weight:400;line-height:1.25;word-wrap:break-word}div.btns a[href]:hover,div.btns a[href]:hover b{color:#ff5722}div.btns a[href]:hover>i:first-child,div.btns a[href]:hover>img:first-child{-webkit-transform:scale(1.1) translateY(-8px);-moz-transform:scale(1.1) translateY(-8px);-o-transform:scale(1.1) translateY(-8px);-ms-transform:scale(1.1) translateY(-8px);transform:scale(1.1) translateY(-8px);-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.1);box-shadow:0 4px 8px 0 rgba(0,0,0,.1)}div.btns.circle a>i:first-child,div.btns.circle a>img:first-child{border-radius:32px}div.btns.rounded a>i:first-child,div.btns.rounded a>img:first-child{border-radius:16px}#article-container .btn-center{margin:0 0 20px;text-align:center}#article-container .btn-beautify{display:inline-block;margin:0 4px 6px;padding:0 15px;background-color:var(--btn-beautify-color,#777);color:#fff;line-height:2}#article-container .btn-beautify.blue{--btn-beautify-color:#428bca}#article-container .btn-beautify.pink{--btn-beautify-color:#ff69b4}#article-container .btn-beautify.red{--btn-beautify-color:#f00}#article-container .btn-beautify.purple{--btn-beautify-color:#6f42c1}#article-container .btn-beautify.orange{--btn-beautify-color:#ff8c00}#article-container .btn-beautify.green{--btn-beautify-color:#5cb85c}#article-container .btn-beautify:hover{background-color:var(--btn-hover-color)}#article-container .btn-beautify i+span{margin-left:6px}#article-container .btn-beautify:not(.block)+.btn-beautify:not(.block){margin:0 4px 20px}#article-container .btn-beautify.block{display:block;margin:0 0 20px;width:fit-content;width:-moz-fit-content}#article-container .btn-beautify.block.center{margin:0 auto 20px}#article-container .btn-beautify.block.right{margin:0 0 20px auto}#article-container .btn-beautify.larger{padding:6px 15px}#article-container .btn-beautify:hover{text-decoration:none}#article-container .btn-beautify.outline{border:1px solid transparent;border-color:var(--btn-beautify-color,#777);background-color:transparent;color:var(--btn-beautify-color,#777)}#article-container .btn-beautify.outline:hover{background-color:var(--btn-beautify-color,#777)}#article-container .btn-beautify.outline:hover{color:#fff!important}.card_box{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-position:center;background-size:cover;border-radius:12px;position:relative;overflow:hidden;padding:10px;color:#fff!important;margin:10px auto}.card_box::after{content:'';position:absolute;height:100%;width:100%;left:0;top:0;background:rgba(0,0,0,.1);-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;-ms-transition:.5s;transition:.5s;z-index:0}.card_box:hover .card_mask{opacity:1;-ms-filter:none;filter:none;pointer-events:auto}.card_box .card_top{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;z-index:1;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.card_box .card_mask{position:absolute;pointer-events:none;z-index:2;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;-ms-transition:.5s;transition:.5s;opacity:0;width:100%;height:100%;left:0;top:0;padding:20px;background:#333}.card_box .card_mask span{display:block;height:calc(100% - 40px);overflow:auto}.card_box .card_mask a{text-align:center;background:#fff;color:#333!important;border-radius:5px;position:absolute;width:calc(100% - 40px);bottom:20px;left:20px}.card_box .card_mask a:hover{text-decoration:none!important;color:#fff!important;background:#71e5ff}.card_box .card_content{z-index:1}.card_box .card_content span{font-size:18px;font-weight:700}[data-theme=dark] .card_box{color:#ddd!important}[data-theme=dark] .card_box::after{background:rgba(0,0,0,.4)}details{display:block;padding:10px;margin:10px -p 0;border-radius:15px;background:var(--color-card);font-size:$fontsize-list;border:1px solid var(--color-block)}details summary{cursor:pointer;padding:10px;margin:-10px;border-radius:15px;color:#000;font-size:1rem;font-weight:700;position:relative;line-height:normal}details summary>h1,details summary>h2,details summary>h3,details summary>h4,details summary>h5,details summary>h6,details summary>p{display:inline;border-bottom:none!important}details summary:hover{color:var(--color-p)}details summary:hover:after{position:absolute;content:'+';text-align:center;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:10px}details>summary{background:var(--color-block)}details[blue]{border-color:#2196f3}details[blue]>summary{background:#2196f3}details[cyan]{border-color:#1bcdfc}details[cyan]>summary{background:#1bcdfc}details[green]{border-color:#3dc550}details[green]>summary{background:#3dc550}details[yellow]{border-color:#ffbd2b}details[yellow]>summary{background:#ffbd2b}details[red]{border-color:#fe5f58}details[red]>summary{background:#fe5f58}details[open]{border-color:rgba(0,0,255,.2)}details[open]>summary{border-bottom:1px solid rgba(0,0,255,.2);border-bottom-left-radius:0;border-bottom-right-radius:0}details[open][blue]{border-color:#2196f3}details[open][blue]>summary{border-bottom-color:#2196f3}details[open][cyan]{border-color:#1bcdfc}details[open][cyan]>summary{border-bottom-color:#1bcdfc}details[open][green]{border-color:#3dc550}details[open][green]>summary{border-bottom-color:#3dc550}details[open][yellow]{border-color:#ffbd2b}details[open][yellow]>summary{border-bottom-color:#ffbd2b}details[open][red]{border-color:#fe5f58}details[open][red]>summary{border-bottom-color:#fe5f58}details[open]>summary{color:#000;margin-bottom:0}details[open]>summary:hover:after{content:'-'}details[open]>div.content{padding:10px;margin:-10px;margin-top:0}details[open]>div.content p>a:hover{text-decoration:underline}details[open]>div.content>.highlight:first-child,details[open]>div.content>.note:first-child,details[open]>div.content>.tabs:first-child,details[open]>div.content>details:first-child,details[open]>div.content>ol:first-child,details[open]>div.content>p:first-child,details[open]>div.content>ul:first-child{margin-top:0}details[open]>div.content>.highlight:last-child,details[open]>div.content>.note:last-child,details[open]>div.content>.tabs:last-child,details[open]>div.content>details:last-child,details[open]>div.content>ol:last-child,details[open]>div.content>p:last-child,details[open]>div.content>ul:last-child{margin-bottom:0}details{margin-bottom:20px;-webkit-box-shadow:0 0 0 1px #aaa;box-shadow:0 0 0 1px #aaa}#article-container figure.gallery-group{position:relative;float:left;overflow:hidden;margin:6px 4px;width:calc(50% - 8px);height:250px;border-radius:8px;background:#000;-webkit-transform:translate3d(0,0,0)}@media screen and (max-width:600px){#article-container figure.gallery-group{width:calc(100% - 8px)}}#article-container figure.gallery-group:hover img{opacity:.4;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}#article-container figure.gallery-group:hover .gallery-group-name::after{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}#article-container figure.gallery-group:hover p{opacity:1;-ms-filter:none;filter:none;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}#article-container figure.gallery-group img{position:relative;margin:0;max-width:none;width:calc(100% + 20px);height:250px;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;opacity:.8;-webkit-transition:all .3s,filter 375ms ease-in .2s;-moz-transition:all .3s,filter 375ms ease-in .2s;-o-transition:all .3s,filter 375ms ease-in .2s;-ms-transition:all .3s,filter 375ms ease-in .2s;transition:all .3s,filter 375ms ease-in .2s;-webkit-transform:translate3d(-10px,0,0);-moz-transform:translate3d(-10px,0,0);-o-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);object-fit:cover}#article-container figure.gallery-group figcaption{position:absolute;top:0;left:0;padding:30px;width:100%;height:100%;color:#fff;text-transform:uppercase;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}#article-container figure.gallery-group figcaption>a{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1000;opacity:0}#article-container figure.gallery-group p{margin:0;padding:8px 0 0;letter-spacing:1px;font-size:1.1em;line-height:1.5;opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;-moz-transition:opacity .35s,-moz-transform .35s;-o-transition:opacity .35s,-o-transform .35s;-ms-transition:opacity .35s,-ms-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);-o-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-line-clamp:4}#article-container figure.gallery-group .gallery-group-name{position:relative;margin:0;padding:8px 0;font-weight:700;font-size:1.65em;line-height:1.5;-webkit-line-clamp:2}#article-container figure.gallery-group .gallery-group-name:after{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#fff;content:'';-webkit-transition:-webkit-transform .35s;-moz-transition:-moz-transform .35s;-o-transition:-o-transform .35s;-ms-transition:-ms-transform .35s;transition:transform .35s;-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);-o-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}#article-container .gallery-group-main{overflow:auto;padding:0 0 16px}#article-container .fj-gallery{margin:0 0 16px;opacity:0}#article-container .fj-gallery .img-alt{display:none}a.ghcard{display:inline-block;line-height:0}.md .ghcard-group{-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:0;-moz-column-gap:0;column-gap:0;margin:0 -5px}.md .ghcard-group .ghcard{margin:5px}blockquote.pullquote{position:relative;max-width:45%;font-size:110%}blockquote.pullquote.left{float:left;margin:1em .5em 0 0}blockquote.pullquote.right{float:right;margin:1em 0 0 .5em}.video-container{position:relative;overflow:hidden;margin-bottom:16px;padding-top:56.25%;height:0}.video-container iframe{position:absolute;top:0;left:0;margin-top:0;width:100%;height:100%}.hide-block>.hide-button,.hide-inline>.hide-button{display:inline-block;padding:5px 18px;background:#71e5ff;color:var(--white)}.hide-block>.hide-button:hover,.hide-inline>.hide-button:hover{background-color:var(--btn-hover-color)}.hide-block>.hide-button.open,.hide-inline>.hide-button.open{display:none}.hide-block>.hide-button.open+div,.hide-inline>.hide-button.open+div{display:block}.hide-block>.hide-button.open+span,.hide-inline>.hide-button.open+span{display:inline}.hide-block>.hide-content,.hide-inline>.hide-content{display:none}.hide-inline>.hide-button{margin:0 6px}.hide-inline>.hide-content{margin:0 6px}.hide-block{margin:0 0 16px}.toggle{margin-bottom:20px;border:1px solid #f0f0f0}.toggle>.toggle-button{padding:6px 15px;background:#f0f0f0;color:#1f2d3d}.toggle>.toggle-content{margin:30px 24px}#article-container .inline-img{display:inline;margin:0 3px;height:1.1em;vertical-align:text-bottom}.hl-label{padding:2px 4px;border-radius:3px;color:#fff}.hl-label.default{background-color:#777}.hl-label.blue{background-color:#428bca}.hl-label.pink{background-color:#ff69b4}.hl-label.red{background-color:red}.hl-label.purple{background-color:#6f42c1}.hl-label.orange{background-color:#ff8c00}.hl-label.green{background-color:#5cb85c}.link_card{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;margin:10px 0;color:var(--font-color)!important;text-decoration:none!important;background:var(--reward-pop);border-radius:10px;padding:12px}.link_card:hover{background:#4976f5;color:#fff!important}.link_card .link_content,.link_card .link_icon{height:4rem}.link_card .link_icon img,.link_card .link_icon svg{height:4rem;width:4rem}.link_card .link_content{margin-left:1rem;width:calc(100% - 6rem);overflow:hidden;line-height:1.5;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.link_card .link_content .link_title{font-weight:700;font-size:1.2rem}.link_card .link_content .link_desc,.link_card .link_content .link_title{word-break:break-all;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.link_card .link_content:not(:has(.link_desc)) .link_title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.link_card .link_content .link_desc{opacity:.6}.link_card .link_content .link_desc,.link_card .link_content:has(.link_desc) .link_title{white-space:nowrap}audio,video{max-width:100%}video{z-index:1}video:hover{-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.24),0 8px 16px 0 rgba(0,0,0,.24);box-shadow:0 4px 8px 0 rgba(0,0,0,.24),0 8px 16px 0 rgba(0,0,0,.24)}div.video{line-height:0;text-align:center}div.videos{max-width:calc(100% + 2 * 4px);display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-moz-box-pack:start;-o-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-box-align:end;-moz-box-align:end;-o-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end;margin:$gap-p -4px}div.videos .video,div.videos iframe{width:100%;margin:4px}div.videos iframe{width:100%;min-height:300px}div.videos.left{-webkit-box-pack:start;-moz-box-pack:start;-o-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}div.videos.center{-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}div.videos.right{-webkit-box-pack:end;-moz-box-pack:end;-o-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}div.videos.stretch{-webkit-box-align:stretch;-moz-box-align:stretch;-o-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}div.videos[col='1'] .video,div.videos[col='1'] iframe{width:100%}div.videos[col='2'] .video,div.videos[col='2'] iframe{width:calc(50% - 2 * 4px)}div.videos[col='3'] .video,div.videos[col='3'] iframe{width:calc(33.33% - 2 * 4px)}div.videos[col='4'] .video,div.videos[col='4'] iframe{width:calc(25% - 2 * 4px)}:root{--msgbox-name-color:#888;--guest-font-color:#000;--guest-background-color:#cbcbcb;--admin-font-color:#fff;--admin-background-color:#12b7f5}[data-theme=dark]{--msgbox-name-color:#888;--guest-font-color:#e3e8e9;--guest-background-color:#303646;--admin-font-color:#fff;--admin-background-color:#0eb6f5}.msgbox{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-lines:single;-moz-box-lines:single;-o-box-lines:single;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:100%;height:auto}.msgbox .msg-main{width:100%;height:auto;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-lines:single;-moz-box-lines:single;-o-box-lines:single;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin:0 0 25px 0}.msgbox .msg-main .msg-avatar-box{width:30px;min-width:30px}.msgbox .msg-main .msg-avatar-box img.msg-avatar{border-radius:50%;width:30px;height:30px;position:relative}.msgbox .msg-main .msg-avatar-box .img-alt{display:none}.msgbox .msg-main .msg-content{width:90%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-lines:single;-moz-box-lines:single;-o-box-lines:single;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.msgbox .msg-main .msg-content .msg-name{font-size:12px;color:var(--msgbox-name-color);line-height:1em;height:1.5em}.msgbox .msg-main .msg-content .msg-content-text{border-radius:8px;width:auto;max-width:calc(100% - 30px);padding:5px 5px 0 20px;clip-path:polygon(0 15px,10px 16px,10px 5px,15px 0,100% 0,100% 100%,15px 100%,10px calc(100% - 5px),10px 25px)}.msgbox .msg-main .msg-content .msg-content-text>p{margin:0 0 0!important}.msgbox .msg-main .msg-content .msg-content-text>p img{border-radius:6px}.msgbox .msg-main.msgguest .msg-avatar-box img.msg-avatar{top:0;right:0}.msgbox .msg-main.msgguest .msg-content{-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.msgbox .msg-main.msgguest .msg-content .msg-name{margin-left:15px}.msgbox .msg-main.msgguest .msg-content .msg-content-text{background:var(--guest-background-color);color:var(--guest-font-color)}.msgbox .msg-main.msgadmin{-webkit-box-direction:reverse;-moz-box-direction:reverse;-o-box-direction:reverse;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.msgbox .msg-main.msgadmin .msg-avatar-box img.msg-avatar{top:0;left:0}.msgbox .msg-main.msgadmin .msg-content{-webkit-box-align:end;-moz-box-align:end;-o-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end}.msgbox .msg-main.msgadmin .msg-content .msg-name{margin-right:15px}.msgbox .msg-main.msgadmin .msg-content .msg-content-text{background:var(--admin-background-color);color:var(--admin-font-color);padding:5px 20px 0 5px;clip-path:polygon(100% 15px,calc(100% - 10px) 16px,calc(100% - 10px) 5px,calc(100% - 15px) 0,0 0,0 100%,calc(100% - 15px) 100%,calc(100% - 10px) calc(100% - 5px),calc(100% - 10px) 25px);max-width:calc(100% - 30px)}@media screen and (max-width:496px){.msgbox .msg-main.msgadmin{-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.msgbox .msg-main.msgadmin .msg-avatar-box img.msg-avatar{top:0;right:0}.msgbox .msg-main.msgadmin .msg-content{-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.msgbox .msg-main.msgadmin .msg-content .msg-name{margin-left:15px}.msgbox .msg-main.msgadmin .msg-content .msg-content-text{padding:5px 5px 0 20px;clip-path:polygon(0 15px,10px 16px,10px 5px,15px 0,100% 0,100% 100%,15px 100%,10px calc(100% - 5px),10px 25px);max-width:calc(100% - 30px)}}.note{position:relative;margin:0 0 20px;padding:15px;border-radius:3px}.note.icon-padding{padding-left:3em}.note>.note-icon{position:absolute;top:calc(50% - .5em);left:.8em;font-size:larger}.note.blue:not(.disabled){border-left-color:#428bca!important}.note.blue:not(.disabled).modern{border-left-color:transparent!important;color:#428bca}.note.blue:not(.disabled):not(.simple){background:#e3eef7!important}.note.blue>.note-icon{color:#428bca}.note.pink:not(.disabled){border-left-color:#ff69b4!important}.note.pink:not(.disabled).modern{border-left-color:transparent!important;color:#ff69b4}.note.pink:not(.disabled):not(.simple){background:#ffe9f4!important}.note.pink>.note-icon{color:#ff69b4}.note.red:not(.disabled){border-left-color:red!important}.note.red:not(.disabled).modern{border-left-color:transparent!important;color:red}.note.red:not(.disabled):not(.simple){background:#ffd9d9!important}.note.red>.note-icon{color:red}.note.purple:not(.disabled){border-left-color:#6f42c1!important}.note.purple:not(.disabled).modern{border-left-color:transparent!important;color:#6f42c1}.note.purple:not(.disabled):not(.simple){background:#e9e3f6!important}.note.purple>.note-icon{color:#6f42c1}.note.orange:not(.disabled){border-left-color:#ff8c00!important}.note.orange:not(.disabled).modern{border-left-color:transparent!important;color:#ff8c00}.note.orange:not(.disabled):not(.simple){background:#ffeed9!important}.note.orange>.note-icon{color:#ff8c00}.note.green:not(.disabled){border-left-color:#5cb85c!important}.note.green:not(.disabled).modern{border-left-color:transparent!important;color:#5cb85c}.note.green:not(.disabled):not(.simple){background:#e7f4e7!important}.note.green>.note-icon{color:#5cb85c}.note.simple{border:1px solid #eee;border-left-width:5px}.note.modern{border:1px solid transparent!important;background-color:#f5f5f5;color:#4c4948}.note.flat{border:initial;border-left:5px solid #eee;background-color:#f9f9f9;color:#4c4948}.note h2,.note h3,.note h4,.note h5,.note h6{margin-top:3px;margin-bottom:0;padding-top:0!important;border-bottom:initial}.note blockquote:first-child,.note img:first-child,.note ol:first-child,.note p:first-child,.note pre:first-child,.note table:first-child,.note ul:first-child{margin-top:0!important}.note blockquote:last-child,.note img:last-child,.note ol:last-child,.note p:last-child,.note pre:last-child,.note table:last-child,.note ul:last-child{margin-bottom:0!important}.note:not(.no-icon){padding-left:3em}.note:not(.no-icon)::before{position:absolute;top:calc(50% - .95em);left:.8em;font-size:larger}.note.default.flat{background:#f7f7f7}.note.default.modern{border-color:#e1e1e1;background:#f3f3f3;color:#666}.note.default.modern a:not(.btn){color:#666}.note.default.modern a:not(.btn):hover{color:#454545}.note.default:not(.modern){border-left-color:#777}.note.default:not(.modern) h2,.note.default:not(.modern) h3,.note.default:not(.modern) h4,.note.default:not(.modern) h5,.note.default:not(.modern) h6{color:#777}.note.default:not(.no-icon)::before{content:'\f0a9'}.note.default:not(.no-icon):not(.modern)::before{color:#777}.note.primary.flat{background:#f5f0fa}.note.primary.modern{border-color:#e1c2ff;background:#f3daff;color:#6f42c1}.note.primary.modern a:not(.btn){color:#6f42c1}.note.primary.modern a:not(.btn):hover{color:#453298}.note.primary:not(.modern){border-left-color:#6f42c1}.note.primary:not(.modern) h2,.note.primary:not(.modern) h3,.note.primary:not(.modern) h4,.note.primary:not(.modern) h5,.note.primary:not(.modern) h6{color:#6f42c1}.note.primary:not(.no-icon)::before{content:'\f055'}.note.primary:not(.no-icon):not(.modern)::before{color:#6f42c1}.note.info.flat{background:#eef7fa}.note.info.modern{border-color:#b3e5ef;background:#d9edf7;color:#31708f}.note.info.modern a:not(.btn){color:#31708f}.note.info.modern a:not(.btn):hover{color:#215761}.note.info:not(.modern){border-left-color:#428bca}.note.info:not(.modern) h2,.note.info:not(.modern) h3,.note.info:not(.modern) h4,.note.info:not(.modern) h5,.note.info:not(.modern) h6{color:#428bca}.note.info:not(.no-icon)::before{content:'\f05a'}.note.info:not(.no-icon):not(.modern)::before{color:#428bca}.note.success.flat{background:#eff8f0}.note.success.modern{border-color:#d0e6be;background:#dff0d8;color:#3c763d}.note.success.modern a:not(.btn){color:#3c763d}.note.success.modern a:not(.btn):hover{color:#32562c}.note.success:not(.modern){border-left-color:#5cb85c}.note.success:not(.modern) h2,.note.success:not(.modern) h3,.note.success:not(.modern) h4,.note.success:not(.modern) h5,.note.success:not(.modern) h6{color:#5cb85c}.note.success:not(.no-icon)::before{content:'\f058'}.note.success:not(.no-icon):not(.modern)::before{color:#5cb85c}.note.warning.flat{background:#fdf8ea}.note.warning.modern{border-color:#fae4cd;background:#fcf4e3;color:#8a6d3b}.note.warning.modern a:not(.btn){color:#8a6d3b}.note.warning.modern a:not(.btn):hover{color:#714f30}.note.warning:not(.modern){border-left-color:#f0ad4e}.note.warning:not(.modern) h2,.note.warning:not(.modern) h3,.note.warning:not(.modern) h4,.note.warning:not(.modern) h5,.note.warning:not(.modern) h6{color:#f0ad4e}.note.warning:not(.no-icon)::before{content:'\f06a'}.note.warning:not(.no-icon):not(.modern)::before{color:#f0ad4e}.note.danger.flat{background:#fcf1f2}.note.danger.modern{border-color:#ebcdd2;background:#f2dfdf;color:#a94442}.note.danger.modern a:not(.btn){color:#a94442}.note.danger.modern a:not(.btn):hover{color:#84333f}.note.danger:not(.modern){border-left-color:#d9534f}.note.danger:not(.modern) h2,.note.danger:not(.modern) h3,.note.danger:not(.modern) h4,.note.danger:not(.modern) h5,.note.danger:not(.modern) h6{color:#d9534f}.note.danger:not(.no-icon)::before{content:'\f056'}.note.danger:not(.no-icon):not(.modern)::before{color:#d9534f}.note.default:not(.modern){border-left-color:#777;background:#e9e9e9}.note.note.primary:not(.modern){border-left-color:#6f42c1;background:#e5dbf7}.note.note.success:not(.modern){background:#d7f5d7;border-left-color:#5cb85c}.note.note.info:not(.modern){border-left-color:#428bca;background:#cae7ff}.note.warning:not(.modern){border-left-color:#f0ad4e;background:#fff0db}.note.danger:not(.modern){border-left-color:#d9534f;background:#ffdcdb}@media (min-width:1200px){.poem{margin:0 auto;height:auto;writing-mode:vertical-rl;writing-mode:tb-rl}.poem p{text-decoration:underline;text-decoration-color:rgba(193,11,11,.72);text-decoration-style:dashed}}@font-face{font-family:Poem;src:url(https://unpkg.zhimg.com/akilar-candyassets/fonts/Poem.ttf);font-display:swap}.poem p{font-family:Poem,KaiTi,sans-serif!important;font-size:25px;text-align:center}.poem-title{font-family:Poem,KaiTi,sans-serif!important;font-size:2.5em;text-align:center}.poem-author{text-align:center!important;font-family:Poem,KaiTi,sans-serif!important;font-size:16px;color:#424242}.progress{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;font-size:var(--global-font-size);background-color:rgba(88,88,88,.6);border-radius:.25rem;margin:1rem 0;height:2rem;overflow:hidden}.progress p{margin:0 0 0 10px!important}.progress .progress-bar-animated{background-color:#a7b5fd!important;-webkit-animation:progress-bar-stripes 1s linear infinite;-moz-animation:progress-bar-stripes 1s linear infinite;-o-animation:progress-bar-stripes 1s linear infinite;-ms-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}.progress .progress-bar-striped{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress .progress-bar{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;overflow:visible;color:#fff;text-align:center;white-space:nowrap;background-color:#0d6efd;-webkit-transition:width .6s ease;-moz-transition:width .6s ease;-o-transition:width .6s ease;-ms-transition:width .6s ease;transition:width .6s ease}@media (prefers-reduced-motion:reduce){.progress .progress-bar{-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none}}.progress .bg-green{background-color:#28a745!important}.progress .bg-yellow{background-color:#ffc107!important}.progress .bg-red{background-color:#dc3545!important}.progress .bg-cyan{background-color:#17a2b8!important}.progress .bg-blue{background-color:#0d6efd!important}.progress .bg-gray{background-color:#7f838a!important}@-moz-keyframes progress-bar-stripes{0%{background-position-x:1rem}}@-webkit-keyframes progress-bar-stripes{0%{background-position-x:1rem}}@-o-keyframes progress-bar-stripes{0%{background-position-x:1rem}}@keyframes progress-bar-stripes{0%{background-position-x:1rem}}:root{--referto-text-color:#e9a218;--referto-text-hover-color:#2c7fe7;--referto-literature-background-color:#318efd;--referto-title-background-color:#183153;--referto-content-text-color:#f1f1ef;--referfrom-text-shadow:rgba(35,35,35,0.5);--referfrom-text-color:#f1f1ef;--referfrom-text-hover-color:#f2b94b;--referfrom-link-color:#403e3b;--referfrom-link-hover-color:#235dac;--referfrom-background-color:#f1f1ef;--reference-anchor-color:#183153;--reference-anchor-up-color:#318efd}[data-theme=dark]{--referto-text-color:#f2b94b;--referto-text-hover-color:#2c7fe7;--referto-literature-background-color:#5c6167;--referto-title-background-color:#090a0b;--referto-content-text-color:#f1f1ef;--referfrom-text-shadow:rgba(35,35,35,0.5);--referfrom-text-color:#f1f1ef;--referfrom-text-hover-color:#f2b94b;--referfrom-link-color:#f1f1ef;--referfrom-link-hover-color:#f2b94b;--referfrom-background-color:rgba(92,97,103,0.68);--reference-anchor-color:#090a0b;--reference-anchor-up-color:#183153}.hidden-anchor{position:relative;top:-150px;display:inline-block;height:0;overflow:hidden}.reference a{display:inline-block;color:var(--referto-text-color)!important;font-weight:700;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.reference:hover a{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;text-decoration:none!important;color:var(--referto-text-hover-color)!important}.reference:hover+.reference-bubble .reference-item{-webkit-transform:translate(-40px,10px) rotateX(0);-moz-transform:translate(-40px,10px) rotateX(0);-o-transform:translate(-40px,10px) rotateX(0);-ms-transform:translate(-40px,10px) rotateX(0);transform:translate(-40px,10px) rotateX(0);-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;opacity:1;-ms-filter:none;filter:none}.reference-bubble{display:inline-block}.reference-item{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;opacity:0;z-index:99;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;position:absolute;-webkit-transform:translate(-40px,10px) rotateX(90deg);-moz-transform:translate(-40px,10px) rotateX(90deg);-o-transform:translate(-40px,10px) rotateX(90deg);-ms-transform:translate(-40px,10px) rotateX(90deg);transform:translate(-40px,10px) rotateX(90deg);width:auto;height:auto;clip-path:polygon(5px 10px,20px 10px,30px 0,40px 10px,calc(100% - 5px) 10px,100% 15px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 15px,5px 10px)}.reference-literature{max-width:200px;padding:20px 10px 10px 10px;background:var(--referto-literature-background-color);color:var(--referto-content-text-color)!important;word-wrap:break-word;word-break:break-all;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.reference-title{padding:20px 10px 10px 10px;background:var(--referto-title-background-color);color:var(--referto-content-text-color)!important;writing-mode:vertical-lr;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.reference-source{font-size:16px;height:auto;line-height:26px;width:fit-content;margin:5px 0;max-width:90%;background:var(--referfrom-background-color);-webkit-box-shadow:1px 1px 1px var(--referfrom-text-shadow);box-shadow:1px 1px 1px var(--referfrom-text-shadow);border-radius:8px;padding-right:10px}.reference-source pangu{display:none}a.reference-anchor{border-bottom-left-radius:5px;border-top-left-radius:5px;color:var(--referfrom-text-color)!important;background:var(--reference-anchor-color);height:30px;display:inline-block;width:fit-content;padding:0 0 0 10px}a.reference-anchor:hover{color:var(--referfrom-text-hover-color)!important;text-decoration:none!important}a.reference-anchor:hover .reference-anchor-up{color:var(--referfrom-text-hover-color)!important}a.reference-link{color:var(--referfrom-link-color)!important;padding:0 10px}a.reference-link:hover{color:var(--referfrom-link-hover-color)!important;text-decoration:none!important}.reference-anchor-up{color:var(--referfrom-text-color)!important;height:30px;width:40px;padding:0 0 0 10px;background:var(--reference-anchor-up-color);display:-webkit-inline-box!important;display:-moz-inline-box!important;display:-webkit-inline-flex!important;display:-ms-inline-flexbox!important;display:inline-box!important;display:inline-flex!important;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;clip-path:polygon(0 0,10px 50%,0 100%,100% 100%,100% 0)}span.p.center.logo.large{font-size:2.5rem;text-align:center;display:block}span.p.center.small{text-align:center;display:block;font-size:1rem}span.p.red{color:#fe5f58}span.p.yellow{color:#ffbd2b}span.p.green{color:#3dc550}span.p.cyan{color:#1bcdfc}span.p.blue{color:#2196f3}span.p.gray{color:#999}#article-container .tabs{position:relative;margin:0 0 20px;border-right:1px solid var(--tab-border-color);border-bottom:1px solid var(--tab-border-color);border-left:1px solid var(--tab-border-color)}#article-container .tabs>.nav-tabs{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;padding:0;background:var(--tab-botton-bg)}#article-container .tabs>.nav-tabs>.tab{margin:0;padding:0;list-style:none}@media screen and (max-width:768px){#article-container .tabs>.nav-tabs>.tab{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}}#article-container .tabs>.nav-tabs>.tab button{display:block;padding:8px 18px;width:100%;border-top:2px solid var(--tab-border-color);background:var(--tab-botton-bg);color:var(--tab-botton-color);line-height:2;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;-ms-transition:all .4s;transition:all .4s}#article-container .tabs>.nav-tabs>.tab button i{width:1.5em}#article-container .tabs>.nav-tabs>.tab.active button{border-top:2px solid #71e5ff;background:var(--tab-button-active-bg);cursor:default}#article-container .tabs>.nav-tabs>.tab:not(.active) button:hover{border-top:2px solid var(--tab-button-hover-bg);background:var(--tab-button-hover-bg)}#article-container .tabs>.tab-contents .tab-item-content{position:relative;display:none;padding:36px 24px}@media screen and (max-width:768px){#article-container .tabs>.tab-contents .tab-item-content{padding:24px 14px}}#article-container .tabs>.tab-contents .tab-item-content.active{display:block;-webkit-animation:tabshow .5s;-moz-animation:tabshow .5s;-o-animation:tabshow .5s;-ms-animation:tabshow .5s;animation:tabshow .5s}#article-container .tabs .tab-to-top{position:relative;display:block;margin:0 0 0 auto;color:#99a9bf}@-moz-keyframes tabshow{0%{-webkit-transform:translateY(15px);-moz-transform:translateY(15px);-o-transform:translateY(15px);-ms-transform:translateY(15px);transform:translateY(15px)}100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes tabshow{0%{-webkit-transform:translateY(15px);-moz-transform:translateY(15px);-o-transform:translateY(15px);-ms-transform:translateY(15px);transform:translateY(15px)}100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@-o-keyframes tabshow{0%{-webkit-transform:translateY(15px);-moz-transform:translateY(15px);-o-transform:translateY(15px);-ms-transform:translateY(15px);transform:translateY(15px)}100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@keyframes tabshow{0%{-webkit-transform:translateY(15px);-moz-transform:translateY(15px);-o-transform:translateY(15px);-ms-transform:translateY(15px);transform:translateY(15px)}100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}#article-container .timeline{margin:0 0 20px 10px;padding:14px 20px 5px;border-left:2px solid var(--timeline-color,#71e5ff)}#article-container .timeline.blue{--timeline-color:#428bca;--timeline-bg:rgba(66,139,202, 0.2)}#article-container .timeline.pink{--timeline-color:#ff69b4;--timeline-bg:rgba(255,105,180, 0.2)}#article-container .timeline.red{--timeline-color:#f00;--timeline-bg:rgba(255,0,0, 0.2)}#article-container .timeline.purple{--timeline-color:#6f42c1;--timeline-bg:rgba(111,66,193, 0.2)}#article-container .timeline.orange{--timeline-color:#ff8c00;--timeline-bg:rgba(255,140,0, 0.2)}#article-container .timeline.green{--timeline-color:#5cb85c;--timeline-bg:rgba(92,184,92, 0.2)}#article-container .timeline .timeline-item{margin:0 0 15px}#article-container .timeline .timeline-item:hover .item-circle:before{border-color:var(--timeline-color,#71e5ff)}#article-container .timeline .timeline-item.headline .timeline-item-title .item-circle>p{font-weight:600;font-size:1.2em}#article-container .timeline .timeline-item.headline .timeline-item-title .item-circle:before{left:-28px;border:4px solid var(--timeline-color,#71e5ff)}#article-container .timeline .timeline-item.headline:hover .item-circle:before{border-color:var(--pseudo-hover)}#article-container .timeline .timeline-item .timeline-item-title{position:relative}#article-container .timeline .timeline-item .item-circle:before{position:absolute;top:50%;left:-27px;width:6px;height:6px;border:3px solid var(--pseudo-hover);border-radius:50%;background:var(--card-bg);content:'';-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;transition:all .3s;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-o-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}#article-container .timeline .timeline-item .item-circle>p{margin:0 0 8px;font-weight:500}#article-container .timeline .timeline-item .timeline-item-content{position:relative;padding:12px 15px;border-radius:8px;background:var(--timeline-bg,#eafbff);font-size:.93em}#article-container .timeline .timeline-item .timeline-item-content>:last-child{margin-bottom:0}#article-container .timeline+.timeline{margin-top:-20px}[data-theme=dark]{--global-bg:#181c27;--font-color:rgba(255,255,255,0.7);--hr-border:rgba(255,255,255,0.4);--hr-before-color:rgba(255,255,255,0.7);--search-bg:#121212;--search-input-color:rgba(255,255,255,0.7);--search-result-title:rgba(255,255,255,0.9);--preloader-bg:#0d0d0d;--preloader-color:rgba(255,255,255,0.7);--tab-border-color:#2c2c2c;--tab-botton-bg:#2c2c2c;--tab-botton-color:rgba(255,255,255,0.7);--tab-button-hover-bg:#383838;--tab-button-active-bg:#121212;--card-bg:#121212;--sidebar-bg:#121212;--btn-hover-color:#787878;--btn-color:rgba(255,255,255,0.7);--btn-bg:#1f1f1f;--text-bg-hover:#383838;--light-grey:rgba(255,255,255,0.7);--dark-grey:rgba(255,255,255,0.2);--white:rgba(255,255,255,0.9);--text-highlight-color:rgba(255,255,255,0.9);--blockquote-color:rgba(255,255,255,0.7);--blockquote-bg:#2c2c2c;--reward-pop:#2c2c2c;--toc-link-color:rgba(255,255,255,0.6);--hl-color:rgba(255,255,255,0.7);--hl-bg:#171717;--hltools-bg:#1a1a1a;--hltools-color:#90a4ae;--hlnumber-bg:#171717;--hlnumber-color:rgba(255,255,255,0.4);--hlscrollbar-bg:#1f1f1f;--hlexpand-bg:linear-gradient(180deg, rgba(23,23,23,0.6), rgba(23,23,23,0.9));--scrollbar-color:#1f1f1f;--timeline-bg:#1f1f1f}[data-theme=dark] #footer:before,[data-theme=dark] #page-header:before,[data-theme=dark] #web_bg:before{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.7);content:''}[data-theme=dark] #article-container code{color:#fff}[data-theme=dark] #article-container pre>code{background:#171717}[data-theme=dark] #article-container figure.highlight{-webkit-box-shadow:none;box-shadow:none}[data-theme=dark] #article-container .note code{background:rgba(27,31,35,.05)}[data-theme=dark] #article-container kbd{border-color:#696969;background-color:#525252;color:#e2f1ff}[data-theme=dark] #page-header.nav-fixed>#nav,[data-theme=dark] #page-header.not-top-img>#nav{background:rgba(18,18,18,.8);-webkit-box-shadow:0 5px 6px -5px rgba(133,133,133,0);box-shadow:0 5px 6px -5px rgba(133,133,133,0)}[data-theme=dark] #post-comment #comment-switch{background:#2c2c2c!important}[data-theme=dark] #article-container iframe,[data-theme=dark] #aside-content .aside-list>.aside-list-item:not(:last-child),[data-theme=dark] .btn-beautify,[data-theme=dark] .error-img,[data-theme=dark] .gist,[data-theme=dark] .hide-button,[data-theme=dark] .hl-label,[data-theme=dark] .post-outdate-notice{border-bottom:1px dashed rgba(255,255,255,.1)}[data-theme=dark] #article-container iframe svg,[data-theme=dark] #aside-content .aside-list>.aside-list-item:not(:last-child) svg,[data-theme=dark] .btn-beautify svg,[data-theme=dark] .error-img svg,[data-theme=dark] .gist svg,[data-theme=dark] .hide-button svg,[data-theme=dark] .hl-label svg,[data-theme=dark] .post-outdate-notice svg{fill:rgba(255,255,255,.9)!important}[data-theme=dark] #disqusjs #dsqjs .dsqjs-no-comment,[data-theme=dark] #disqusjs #dsqjs .dsqjs-tab-active,[data-theme=dark] #disqusjs #dsqjs:focus,[data-theme=dark] #disqusjs #dsqjs:hover{color:rgba(255,255,255,.7)}[data-theme=dark] #disqusjs #dsqjs .dsqjs-order-label{background-color:#1f1f1f}[data-theme=dark] #disqusjs #dsqjs .dsqjs-post-body{color:rgba(255,255,255,.7)}[data-theme=dark] #disqusjs #dsqjs .dsqjs-post-body code,[data-theme=dark] #disqusjs #dsqjs .dsqjs-post-body pre{background:#2c2c2c}[data-theme=dark] #disqusjs #dsqjs .dsqjs-post-body blockquote{color:rgba(255,255,255,.7)}[data-theme=dark] #artitalk_main #lazy{background:#121212}[data-theme=dark] #operare_artitalk .c2{background:#121212}@media screen and (max-width:900px){[data-theme=dark] #card-toc{background:#1f1f1f}}#body-wrap{background:var(--global-bg)}.read-mode{--font-color:#4c4948;--readmode-light-color:#fff;--white:#4c4948;--light-grey:#4c4948;--gray:#d6dbdf;--hr-border:#d6dbdf;--hr-before-color:#b9c2c9;--highlight-bg:#f7f7f7;--exit-btn-bg:#c0c0c0;--exit-btn-color:#fff;--exit-btn-hover:#8d8d8d;--pseudo-hover:none}[data-theme=dark] .read-mode{--font-color:rgba(255,255,255,0.7);--readmode-light-color:#0d0d0d;--white:rgba(255,255,255,0.9);--light-grey:rgba(255,255,255,0.7);--gray:rgba(255,255,255,0.7);--hr-border:rgba(255,255,255,0.5);--hr-before-color:rgba(255,255,255,0.7);--highlight-bg:#171717;--exit-btn-bg:#1f1f1f;--exit-btn-color:rgba(255,255,255,0.9);--exit-btn-hover:#525252}.read-mode{background:var(--readmode-light-color)}.read-mode .exit-readmode{position:fixed;top:30px;right:30px;z-index:100;width:40px;height:40px;border-radius:8px;background:var(--exit-btn-bg);color:var(--exit-btn-color);font-size:16px;-webkit-transition:background .3s;-moz-transition:background .3s;-o-transition:background .3s;-ms-transition:background .3s;transition:background .3s}@media screen and (max-width:768px){.read-mode .exit-readmode{top:initial;bottom:30px}}.read-mode .exit-readmode:hover{background:var(--exit-btn-hover)}.read-mode #aside-content{display:none}.read-mode #page-header.post-bg{background-color:transparent;background-image:none!important}.read-mode #page-header.post-bg:before{opacity:0}.read-mode #page-header.post-bg>#post-info{text-align:center}.read-mode #post{margin:0 auto;background:0 0;-webkit-box-shadow:none;box-shadow:none}.read-mode #post:hover{-webkit-box-shadow:none;box-shadow:none}.read-mode>canvas{display:none!important}.read-mode #footer,.read-mode #nav,.read-mode #post>:not(#post-info):not(.post-content),.read-mode #rightside,.read-mode #web_bg,.read-mode .highlight-tools,.read-mode .not-top-img,.read-mode .post-outdate-notice{display:none!important}.read-mode #article-container a{color:#99a9bf}.read-mode #article-container .highlight:not(.js-file-line-container),.read-mode #article-container pre{background:var(--highlight-bg)!important}.read-mode #article-container .highlight:not(.js-file-line-container) *,.read-mode #article-container pre *{color:var(--font-color)!important}.read-mode #article-container figure.highlight{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}.read-mode #article-container figure.highlight>:not(.highlight-tools){display:block!important}.read-mode #article-container figure.highlight .line:before{color:var(--font-color)!important}.read-mode #article-container figure.highlight .hljs{background:var(-highlight-bg)!important}.read-mode #article-container h1,.read-mode #article-container h2,.read-mode #article-container h3,.read-mode #article-container h4,.read-mode #article-container h5,.read-mode #article-container h6{padding:0}.read-mode #article-container h1:before,.read-mode #article-container h2:before,.read-mode #article-container h3:before,.read-mode #article-container h4:before,.read-mode #article-container h5:before,.read-mode #article-container h6:before{content:''}.read-mode #article-container h1:hover,.read-mode #article-container h2:hover,.read-mode #article-container h3:hover,.read-mode #article-container h4:hover,.read-mode #article-container h5:hover,.read-mode #article-container h6:hover{padding:0}.read-mode #article-container li:hover:before,.read-mode #article-container ol:hover:before,.read-mode #article-container ul:hover:before{-webkit-transform:none!important;-moz-transform:none!important;-o-transform:none!important;-ms-transform:none!important;transform:none!important}.read-mode #article-container li:before,.read-mode #article-container ol:before{background:0 0!important;color:var(--font-color)!important}.read-mode #article-container ul>li:before{border-color:var(--gray)!important}.read-mode #article-container .tabs{border:2px solid var(--tab-border-color)}.read-mode #article-container .tabs>.nav-tabs{background:0 0}.read-mode #article-container .tabs>.nav-tabs>.tab{border-bottom:0}.read-mode #article-container .tabs>.nav-tabs>.tab button{border-top:none!important;background:0 0}.read-mode #article-container .tabs>.nav-tabs>.tab button:hover{background:0 0!important}.read-mode #article-container .tabs>.nav-tabs>.tab.active button{text-decoration:underline}.read-mode #article-container .tabs>.tab-contents .tab-item-content.active{-webkit-animation:none;-moz-animation:none;-o-animation:none;-ms-animation:none;animation:none}.read-mode #article-container code{color:var(--font-color)}.read-mode #article-container blockquote{border-color:var(--gray);background-color:var(--readmode-light-color)}.read-mode #article-container kbd{border:1px solid var(--gray);background-color:transparent;-webkit-box-shadow:none;box-shadow:none;color:var(--font-color)}.read-mode #article-container .hide-toggle{border:1px solid var(--gray)!important}.read-mode #article-container .btn-beautify,.read-mode #article-container .hide-button,.read-mode #article-container .hl-label{border:1px solid var(--gray)!important;background:var(--readmode-light-color)!important;color:var(--font-color)!important}.read-mode #article-container .note{border:2px solid var(--gray);border-left-color:var(--gray)!important;filter:none;background-color:var(--readmode-light-color)!important;color:var(--font-color)}.read-mode #article-container .note .note-icon,.read-mode #article-container .note:before{color:var(--font-color)}@media screen and (max-width:600px){#afterimg,#beforeimg{display:none!important}}@media screen and (min-width:600px){#article-container img{margin:0 auto 0}#form-wrap{overflow:hidden;height:447px;position:relative;top:0;-webkit-transition:all 1s ease-in-out .3s;-moz-transition:all 1s ease-in-out .3s;-o-transition:all 1s ease-in-out .3s;-ms-transition:all 1s ease-in-out .3s;transition:all 1s ease-in-out .3s;z-index:0}#form-wrap:hover{height:1200px;top:-200px}#maincontent{width:530px;margin:20px auto 0}#beforeimg{position:absolute;bottom:126px;left:0;background-repeat:no-repeat;width:530px;height:317px;z-index:-100;pointer-events:none}#afterimg{position:absolute;bottom:-2px;left:0;background-repeat:no-repeat;width:530px;height:259px;z-index:100;pointer-events:none}#envelope{position:relative;overflow:visible;width:500px;margin:0 auto;-webkit-transition:all 1s ease-in-out .3s;-moz-transition:all 1s ease-in-out .3s;-o-transition:all 1s ease-in-out .3s;-ms-transition:all 1s ease-in-out .3s;transition:all 1s ease-in-out .3s;padding-top:200px}}.headerimg{width:100%;overflow:hidden;pointer-events:none}.formmain{background:#fff;width:95%;max-width:800px;margin:auto auto;border-radius:5px;border:1px solid;overflow:hidden;-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.12);-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.18);box-shadow:0 0 20px 0 rgba(0,0,0,.18)}.comments-main{padding:5px 20px}.title3{text-decoration:none;color:#71e5ff;text-align:center}.comments{text-align:center;border-bottom:#ddd 1px solid;border-left:#ddd 1px solid;padding-bottom:20px;background-color:#eee;margin:15px 0;padding-left:20px;padding-right:20px;border-top:#ddd 1px solid;border-right:#ddd 1px solid;padding-top:20px}.bottomcontent{text-align:center;margin-top:40px}.bottomimg{width:100%;margin:5px auto 5px auto;display:block;pointer-events:none}.bottomhr{font-size:12px;text-align:center;color:#999}[data-theme=dark] .formmain{background:#323232}[data-theme=dark] .comments{background:rgba(90,90,90,.8)}#console_open_close_btn{position:fixed;border-radius:100vh;width:40px;height:40px;padding:4px;z-index:10002;background:var(--heo-theme);bottom:97px;border:2px solid #e3e8f7;right:7px}[data-theme=dark] #console_open_close_btn{border:2px solid #3d3d3f}#console_open_close_btn i{line-height:2;position:relative;bottom:7%;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;color:var(--heo-font)}#console-pannel{scale:0;position:fixed;top:calc(50% - (190px / 2));z-index:10;display:block;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;-ms-transition:.2s;transition:.2s;color:#fff;width:100%;height:fit-content;border-radius:20px;font-weight:600}#console-pannel #pannel{max-width:410px;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;backdrop-filter:blur(15px) saturate(180%);background:rgba(0,0,0,.22);display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);grid-gap:10px;width:fit-content;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin:auto;border-radius:20px;padding:10px}#console-pannel .console-item .console-button{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column;text-align:center}#console-pannel .console-item{width:80px;height:80px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;margin:0 1%;background:rgba(0,0,0,.4);border-radius:20px;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}#console-pannel .console-item .console-button i{font-size:25px;height:40px}#console-pannel .close-button{right:20px;position:absolute}.totopbutton{position:fixed;bottom:15px;overflow:hidden;right:15px;background:#94ddee;border-radius:100vh;border:2.5px solid #00d0ff;height:80px;width:80px;z-index:10000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-theme=dark] .totopbutton{background:#3d3d3d;border:2.5px solid #9a515a}.totopbutton i{-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;color:#fff;text-shadow:2px 1px #000;font-weight:700;margin:auto;z-index:inherit;top:7px;position:relative;font-size:30px}.conbtn a span#percent{-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;width:100%;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;font-weight:700;scale:1;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;-ms-transition:.2s;transition:.2s;color:#fff;text-shadow:2px 1px #000;margin:auto;z-index:inherit;position:relative}.conbtn a i{-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;color:#fff;text-shadow:2px 1px #000;scale:0;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;-ms-transition:.2s;transition:.2s;left:7px;font-weight:700;margin:auto;z-index:inherit;top:-6px;position:absolute}.conbtn:hover i{scale:1}.conbtn:hover span#percent{scale:0}.totopbutton .main-hero-waves-area{width:100%;height:50%;position:absolute;bottom:0;left:0}.totopbutton .main-hero-waves-area .parallax>use:nth-child(1){fill:rgba(26,85,255,.741)}.totopbutton .main-hero-waves-area .parallax>use:nth-child(2){fill:rgba(26,85,255,.51)}.totopbutton .main-hero-waves-area .parallax>use:nth-child(3){fill:rgba(26,85,255,.212)}.totopbutton .main-hero-waves-area .parallax>use:nth-child(4){fill:#1a55ff}[data-theme=dark] .totopbutton .main-hero-waves-area .parallax>use:nth-child(1){fill:rgba(154,81,90,.741)}[data-theme=dark] .totopbutton .main-hero-waves-area .parallax>use:nth-child(2){fill:rgba(154,81,90,.51)}[data-theme=dark] .totopbutton .main-hero-waves-area .parallax>use:nth-child(3){fill:rgba(154,81,90,.212)}[data-theme=dark] .totopbutton .main-hero-waves-area .parallax>use:nth-child(4){fill:#9a515a}nav#pagination{margin:auto}.hometopin{max-width:1200px;width:-webkit-fill-available;padding:10px;margin:auto}.fpostsline{height:1.5px;border-radius:20px;color:#fff;width:90%}.webinfo-item .item-name i{line-height:2;margin-right:5px;height:20px;width:20px}.fposts .ftags{width:100%}.hometop_item.bar{border-radius:12px!important;display:-webkit-inline-box!important;display:-moz-inline-box!important;display:-webkit-inline-flex!important;display:-ms-inline-flexbox!important;display:inline-box!important;display:inline-flex!important;width:49%;margin:1%;margin-left:0}.recent-top-post-group{border-radius:12px;overflow:hidden;overflow-x:auto;width:100%;margin-bottom:0}.recent-post-top{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-lines:single;-moz-box-lines:single;-o-box-lines:single;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:100%;overflow-x:scroll}.topGroup{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex}.recent-post-top .recent-post-item{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;width:200px;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;margin-left:.5rem;background:var(--global-bg);border-radius:12px;overflow:hidden;min-width:200px;height:164px;max-height:164px;border:1px solid #e3e8f7;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;-ms-transition:.3s;transition:.3s;position:relative}#recent-post-top .recent-post-item .post_cover{width:100%}.recent-post-top .recent-post-item .recent-post-info{padding:.3rem .5rem .3rem .5rem!important;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;-ms-transition:.3s;transition:.3s}.recent-post-top .recent-post-item .recent-post-info a{color:var(--heo-font)}.recent-post-top .recent-post-item .post_cover a{height:100px;overflow:hidden;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex}.recent-post-top .recent-post-item .recent-post-info .article-title{-webkit-line-clamp:2;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;line-height:1.5;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:end;-moz-box-align:end;-o-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end;-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center;padding-top:.5rem;font-weight:700;font-size:17px!important;padding:0!important}.hometop img{width:100%;object-fit:cover}.recent-top-post-group{width:59%;margin-right:1%;display:inline-block}.category-bar-item a,.category-bar-more,.tag-bar-more{color:var(--heo-font)}.hometop-webinfo{display:block;padding:15px;background:var(--heo-background);border-radius:10px;overflow-x:hidden;overflow-y:scroll;width:38%;height:100%;margin-right:2%}.hometop-webinfo [data-theme=dark] .hometop-webinfo{background:var(--heo-theme)}.hometop-webinfo::-webkit-scrollbar{display:none}.hometop .group1{height:164px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex}.hometop .group2{height:200px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex}@media screen and (max-width:768px){.hometop .group2{-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column;height:400px}.hometop .group2 .hometop_item{width:100%!important;height:50%}.hometop .group1 .hometop-webinfo{display:none!important}.hometop .group1 .recent-top-post-group{width:100%}.hometop .fposts .ftags .hometop_item.bar{width:100%}.hometop .fposts .ftags #tag-bar{margin-bottom:0}}.hometop .descr{height:100%;width:69%;display:inline-block;margin-top:13px;padding:15px;background:var(--global-bg);border-radius:15px}.hometop .descr span{font-size:25px;font-weight:700;position:relative;top:-20px}maxwidth768() .hometop .descr img{height:70%;border-radius:15px}.hometop .siteinfo{width:30%;margin-right:1%;display:inline-block;padding:15px;border-radius:15px;height:100%;overflow-y:scroll;margin-top:13px;background:var(--global-bg)}[data-theme=dark] .hometop .siteinfo{background:var(--heo-theme);color:var(--heo-font);border:1px solid #3d3d3d}.hometop{content:'';position:relative;top:-90px;padding-top:70px;width:100%;height:100%;background-attachment:fixed;background:url(https://pic.imgdb.cn/item/64e7a722661c6c8e54cba971.jpg) center center;background-size:cover!important}.hometop-creativity .inbar{-webkit-animation:rowup 10s linear infinite;-moz-animation:rowup 10s linear infinite;-o-animation:rowup 10s linear infinite;-ms-animation:rowup 10s linear infinite;animation:rowup 10s linear infinite;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex}.blog-title{width:100%;color:#fff;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-shadow:0 0 3px #000;height:200px;text-align:center}.blog-title .in{top:16%;position:relative}.descr img{border-radius:20px;width:100%;height:66%}.blog-title span.title{font-size:35px;width:100%;display:block;font-weight:800;margin-bottom:6px;padding:0 17px;border-bottom:1px solid #fff}.blog-title .subtitle{font-size:25px;font-weight:700;z-index:0;position:relative;height:2em;overflow:hidden}.blog-title .subtitle .sublist{height:100%}@media screen and (max-width:400px){.blog-title .subtitle{font-size:19px}}.inbar img{width:164px;margin-right:10px;padding:20px;border-radius:15px;height:164px}.hometop-creativity.hometop_item{overflow:hidden;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;border-radius:15px;width:38%}.webinfo-item{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex}.webinfo-item .item-name{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-inline-box;display:-moz-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-box;display:inline-flex}.webinfo-item .item-count{position:relative;display:inline-block;right:0}div#recent-post-top::-webkit-scrollbar{display:none}.skills-style-group.hometop-webinfo{width:40%;display:inline-block}#recent-posts{margin-top:-1rem}.hometop .siteinfo::-webkit-scrollbar{display:none}#jsi-flying-fish-container{width:100%;margin-bottom:-13px;height:174px}.recent-post-item#swiperBar{width:100%;margin:0 1%;position:relative}@media screen and (min-width:768px){.recent-post-item#swiperBar{width:59%}}.recent-post-item#swiperBar #ark-swiper-container{width:100%;border:2px solid var(--heo-background);-webkit-box-shadow:0 0 0 1px var(--heo-background);box-shadow:0 0 0 1px var(--heo-background);height:inherit;overflow:hidden;position:relative;border-radius:15px}.recent-post-item#swiperBar #ark-swiper-container .dht-swiper-wrapper{width:100%;height:200px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.recent-post-item#swiperBar #ark-swiper-container .dht-swiper-wrapper .dht-swiper-item{position:relative;width:100%;height:200px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;overflow:hidden;border-radius:15px;-webkit-box-shadow:0 0 3px inset var(--ark-post-item-box-shadow);box-shadow:0 0 3px inset var(--ark-post-item-box-shadow)}.recent-post-item#swiperBar #ark-swiper-container .dht-swiper-wrapper .dht-swiper-item .dht-swiper-item-cover{filter:brightness(.85);height:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;position:absolute;top:0;left:0;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;overflow:hidden;z-index:0}.recent-post-item#swiperBar #ark-swiper-container .dht-swiper-wrapper .dht-swiper-item .dht-swiper-item-cover img{object-fit:cover;width:100%;height:100%;z-index:1}.recent-post-item#swiperBar #ark-swiper-container .dht-swiper-wrapper .dht-swiper-item .dht-swiper-item-time{width:350px;color:#fff;font-size:25px;text-shadow:2px 2px 3px #000;background:rgba(153,54,44,.8);font-family:UnidreamLED;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;position:absolute;height:30px;top:calc(50% - 15px);left:calc(50% - 175px);-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;z-index:2}.recent-post-item#swiperBar #ark-swiper-container .dht-swiper-wrapper .dht-swiper-item .dht-swiper-item-time span{margin:0 3px}.recent-post-item#swiperBar #ark-swiper-container .dht-swiper-wrapper .dht-swiper-item .dht-swiper-item-info{max-height:120px;height:inherit;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;position:absolute;top:0;right:0;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;overflow:hidden;z-index:0}.recent-post-item#swiperBar #ark-swiper-container .dht-swiper-wrapper .dht-swiper-item .dht-swiper-item-info a.dht-swiper-item-title{width:100%;height:80px;color:#fff;text-shadow:0 0 5px #000;font-family:TaikoMagic;text-align:center;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.recent-post-item#swiperBar #ark-swiper-container .dht-swiper-wrapper .dht-swiper-item .dht-swiper-item-info a.dht-swiper-item-title .dht-swiper-item-title-link{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.recent-post-item#swiperBar #ark-swiper-container .dht-swiper-wrapper .dht-swiper-item .dht-swiper-item-info .dht-swiper-item-description{color:#fff;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;text-align:start;text-shadow:0 0 5px #000;height:130px;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.recent-post-item#swiperBar #ark-swiper-container .dht-swiper-wrapper .dht-swiper-item .dht-swiper-item-info .dht-swiper-item-description .dht-swiper-item-description-text{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.recent-post-item#swiperBar #ark-swiper-container .dht-swiper-wrapper .dht-swiper-item .dht-swiper-item-decoration{width:150px;height:150px;opacity:.3;position:absolute;top:calc(50% - 75px);left:calc(50% - 75px);z-index:-1}.recent-post-item#swiperBar #ark-swiper-container .dht-swiper-pagination{bottom:5px;left:0;right:0;margin:0 auto}@media screen and (min-width:768px){.recent-post-item#swiperBar{height:164px}.recent-post-item#swiperBar #ark-swiper-container .dht-swiper-wrapper .dht-swiper-item .dht-swiper-item-cover{width:100%}.recent-post-item#swiperBar #ark-swiper-container .dht-swiper-wrapper .dht-swiper-item .dht-swiper-item-time{-webkit-transform:rotateZ(-45deg);-moz-transform:rotateZ(-45deg);-o-transform:rotateZ(-45deg);-ms-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}.recent-post-item#swiperBar #ark-swiper-container .dht-swiper-wrapper .dht-swiper-item .dht-swiper-item-info{width:100%}.recent-post-item#swiperBar #ark-swiper-container .dht-swiper-wrapper .dht-swiper-item .dht-swiper-item-info a.dht-swiper-item-title{padding:15px 20px 0 60px;font-size:30px}.recent-post-item#swiperBar #ark-swiper-container .dht-swiper-wrapper .dht-swiper-item .dht-swiper-item-info a.dht-swiper-item-title .dht-swiper-item-title-link{-webkit-line-clamp:2}.recent-post-item#swiperBar #ark-swiper-container .dht-swiper-wrapper .dht-swiper-item .dht-swiper-item-info .dht-swiper-item-description{width:85%;margin:auto;font-size:16px;line-height:30px}.recent-post-item#swiperBar #ark-swiper-container .dht-swiper-wrapper .dht-swiper-item .dht-swiper-item-info .dht-swiper-item-description .dht-swiper-item-description-text{-webkit-line-clamp:3;width:100%;text-align:center}}@media screen and (max-width:768px){.recent-post-item#swiperBar{height:200px;padding:0 0}.recent-post-item#swiperBar #ark-swiper-container .dht-swiper-wrapper .dht-swiper-item .dht-swiper-item-cover{width:100%}.recent-post-item#swiperBar #ark-swiper-container .dht-swiper-wrapper .dht-swiper-item .dht-swiper-item-time{-webkit-transform:rotateZ(-60deg);-moz-transform:rotateZ(-60deg);-o-transform:rotateZ(-60deg);-ms-transform:rotateZ(-60deg);transform:rotateZ(-60deg)}.recent-post-item#swiperBar #ark-swiper-container .dht-swiper-wrapper .dht-swiper-item .dht-swiper-item-info{width:100%;padding:0 30px}.recent-post-item#swiperBar #ark-swiper-container .dht-swiper-wrapper .dht-swiper-item .dht-swiper-item-info a.dht-swiper-item-title{padding:10px 16px 0 45px;font-size:25px;line-height:1.3}.recent-post-item#swiperBar #ark-swiper-container .dht-swiper-wrapper .dht-swiper-item .dht-swiper-item-info a.dht-swiper-item-title .dht-swiper-item-title-link{-webkit-line-clamp:2}.recent-post-item#swiperBar #ark-swiper-container .dht-swiper-wrapper .dht-swiper-item .dht-swiper-item-info .dht-swiper-item-description{padding:0 15px 10px 5px;font-size:17px}.recent-post-item#swiperBar #ark-swiper-container .dht-swiper-wrapper .dht-swiper-item .dht-swiper-item-info .dht-swiper-item-description .dht-swiper-item-description-text{-webkit-line-clamp:4;line-height:1.3}}.tag-cloud-list a{color:#fff;width:47%;border-radius:10px;padding:2px 10px;margin-bottom:10px;font-size:20px!important;margin-right:3%;background:var(--heo-theme)}.card-tag-cloud a{color:var(--heo-font)!important;border-bottom:2px dashed var(--border);padding:3px 10px!important;margin-bottom:2%;font-size:16px!important}#aside-cat-list,.card-archive-list,.card-tag-cloud{max-height:135px;overflow-y:scroll;font-weight:600}#aside-cat-list::-webkit-scrollbar,.card-archive-list::-webkit-scrollbar,.card-tag-cloud::-webkit-scrollbar{display:none}li.card-archive-list-item,li.card-category-list-item{width:48%;border-bottom:2px dashed var(--border);margin-bottom:2%;margin-right:2%;display:inline-block}#aside-content .card-archives ul.card-archive-list>.card-archive-list-item a,#aside-content .card-categories ul.card-category-list>.card-category-list-item a{color:var(--heo-font)!important}#gitcalendar{margin:0 auto;border-radius:24px;background:var(--anzhiyu-card-bg);border:var(--style-border-always);box-shadow:var(--anzhiyu-shadow-border);position:relative;padding:1rem 2rem;overflow:hidden}#page:has(#about-page){border:0;box-shadow:none!important;padding:0!important;background:0 0!important}#page:has(#about-page) .page-title{display:none}.page:has(#about-page) #footer-wrap{opacity:1;overflow:visible;height:auto!important;min-height:16px;color:#666}#web_bg~.page:has(#about-page){background:var(--anzhiyu-background)}.author-box{position:relative}.author-box .author-img{margin:auto;border-radius:50%;overflow:hidden;width:180px;height:180px}.author-box .author-img img{border-radius:50%;overflow:hidden;width:180px;height:180px}.author-box .image-dot{width:45px;height:45px;background:#6bdf8f;position:absolute;border-radius:50%;border:6px solid var(--anzhiyu-background);top:50%;left:50%;transform:translate(35px,45px)}.author-content{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;margin-top:1rem}.myInfoAndSayHello{display:flex;flex-direction:column;justify-content:center;color:var(--anzhiyu-white);background:linear-gradient(120deg,#5b27ff 0,#00d4ff 100%)!important;background-size:200%;animation:gradient 15s ease infinite;width:59%}.author-content-item{width:49%;border-radius:24px;background:var(--anzhiyu-card-bg);border:var(--style-border-always);box-shadow:var(--anzhiyu-shadow-border);position:relative;padding:1rem 2rem;overflow:hidden}.myInfoAndSayHello .title1{opacity:.8;line-height:1.3}.myInfoAndSayHello .title2{font-size:36px;font-weight:700;line-height:1.1;margin:.5rem 0}.inline-word{word-break:keep-all;white-space:nowrap}.myInfoAndSayHello .title1{opacity:.8;line-height:1.3}.author-content-item.aboutsiteTips{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;width:39%}.aboutsiteTips h2{margin-right:auto;font-size:36px;font-family:Helvetica;line-height:1.06;letter-spacing:-.02em;color:var(--font-color);margin-top:0}.aboutsiteTips .mask{height:36px;position:relative;overflow:hidden;margin-top:4px}.aboutsiteTips .mask span{display:block;box-sizing:border-box;position:absolute;top:36px;padding-bottom:var(--offset);background-size:100% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-repeat:no-repeat}.aboutsiteTips .mask span[data-show]{transform:translateY(-100%);transition:.5s transform ease-in-out}.aboutsiteTips .mask span[data-up]{transform:translateY(-200%);transition:.5s transform ease-in-out}.aboutsiteTips .mask span:nth-child(1){background-image:linear-gradient(45deg,#0ecffe 50%,#07a6f1)}.aboutsiteTips .mask span:nth-child(2){background-image:linear-gradient(45deg,#18e198 50%,#0ec15d)}.aboutsiteTips .mask span:nth-child(3){background-image:linear-gradient(45deg,#8a7cfb 50%,#633e9c)}.aboutsiteTips .mask span:nth-child(4){background-image:linear-gradient(45deg,#fa7671 50%,#f45f7f)}@media screen and (max-width:768px){.author-content-item.map{margin-bottom:0}}.about-statistic{min-height:380px;width:39%;background:url(https://img02.anheyu.com/adminuploads/1/2022/09/23/632d634f8376d.jpg) no-repeat top;background-size:cover;color:var(--anzhiyu-white);overflow:hidden}.about-statistic::after{box-shadow:0 -159px 173px 71px #0c1c2c inset;position:absolute;content:"";width:100%;height:100%;top:0;left:0}.author-content-item .card-content{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;display:flex;flex-direction:column;padding:1rem 2rem}.author-content-item .card-content .author-content-item-title{margin-bottom:.5rem}.author-content-item .author-content-item-title{font-size:36px;font-weight:700;line-height:1}#statistic{font-size:16px;border-radius:15px;width:100%;color:var(--anzhiyu-white);display:flex;justify-content:space-between;flex-direction:row;flex-wrap:wrap;margin-top:1rem;margin-bottom:2rem}#statistic div span:first-child{opacity:.8;font-size:.6rem}#statistic div span:last-child{font-weight:700;font-size:34px;line-height:1;white-space:nowrap}#statistic div{display:flex;justify-content:space-between;flex-direction:column;width:50%;margin-bottom:.5rem}.post-tips{color:var(--anzhiyu-gray);font-size:14px;position:absolute;bottom:1rem;left:2rem}.post-tips a{color:var(--anzhiyu-gray)!important;border:none!important}.author-content-item .card-content .banner-button-group{position:absolute;bottom:1.5rem;right:2rem}.author-content-item .card-content .banner-button-group .banner-button{height:40px;width:124px;border-radius:20px;justify-content:center;background:var(--anzhiyu-card-bg);color:var(--font-color);display:flex;align-items:center;z-index:1;transition:.3s;cursor:pointer;border-bottom:0!important}.author-content-item .card-content .banner-button-group .banner-button i{margin-right:8px;font-size:1rem}.author-content-item .card-content .banner-button-group .banner-button i{font-size:1.5rem}.author-content-item .card-content .banner-button-group .banner-button:hover{background:var(--anzhiyu-main);color:var(--anzhiyu-white);border-radius:20px!important}.author-content-item.personalities{position:relative;width:59%}.author-content-item.personalities .image{position:absolute;right:30px;top:10px;width:220px;transition:transform 2s cubic-bezier(.13,.45,.21,1.02)}.author-content-item.personalities .image img{display:block;margin:0 auto 20px;max-width:100%;transition:filter 375ms ease-in .2s}.author-content-item.personalities:hover .image{transform:rotate(-10deg)}.author-content-item.myphoto{height:60%;min-height:240px;position:relative;overflow:hidden;width:39%;display:flex;align-items:center;justify-content:center}.author-content-item.myphoto img{position:absolute;min-width:100%;object-fit:cover;transition:.6s;animation:coverIn 2s ease-out forwards;transition:transform 2s ease-out!important}.author-content-item.myphoto:hover img{transform:scale(1.1)}.author-content-item:hover .card-background-icon{transform:rotate(20deg)}.author-content-item.personalities .title2{font-size:36px;font-weight:700;line-height:1.1}.author-content-item.map{background:url(https://img02.anheyu.com/adminuploads/1/2022/09/24/632e6f48981d8.jpg) no-repeat center;min-height:160px;max-height:400px;position:relative;overflow:hidden;margin-bottom:.5rem;height:60%;background-size:100%;transition:1s ease-in-out}[data-theme=dark] .author-content-item.map{background:url(https://img02.anheyu.com/adminuploads/1/2022/09/26/6330ebf1f3e65.jpg) no-repeat center;background-size:100%}.author-content-item.single{width:100%}.author-content-item.map .map-title{position:absolute;bottom:0;left:0;width:100%;background:var(--anzhiyu-maskbg);padding:.5rem 2rem;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:blur(20px) saturate(180%);transition:1s ease-in-out;font-size:20px}.author-content-item.map .map-title b{color:var(--font-color)}.author-content-item.selfInfo{display:flex;min-height:100px;max-height:400px;justify-content:space-between;align-items:center;flex-wrap:wrap;height:-webkit-fill-available;height:40%}.author-content-item.selfInfo div{display:flex;flex-direction:column;margin:.5rem 2rem .5rem 0}.author-content-item.selfInfo .selfInfo-title{opacity:.8;font-size:.6rem;line-height:1;margin-bottom:8px}.author-content-item.selfInfo .selfInfo-content{font-weight:700;font-size:34px;line-height:1}.author-content-item-group.column.mapAndInfo{width:59%}.author-content-item.map:hover{background-size:120%;transition:4s ease-in-out;background-position-x:0;background-position-y:36%}.author-content-item.map:hover .map-title{bottom:-100%}.author-content-item-group.column{display:flex;flex-direction:column;width:49%;justify-content:space-between}.post-tips a:hover{color:var(--anzhiyu-main)!important;background:0 0!important}.author-content-item.single.reward .reward-list-updateDate{color:var(--anzhiyu-gray);font-size:14px}.author-content-item.single.reward .post-reward{position:absolute;margin-top:0;width:auto;text-align:none;pointer-events:none;right:2rem;top:2rem}.tip-button{border:0;border-radius:2.25rem;cursor:pointer;font-size:20px;font-weight:600;height:2.6rem;margin-bottom:-4rem;outline:0;position:relative;top:0;transform-origin:0 100%;transition:transform 50ms ease-in-out;width:auto;-webkit-tap-highlight-color:transparent}.coin::before,.coin__back,.coin__back::after,.coin__front,.coin__front::after,.coin__middle{border-radius:50%;box-sizing:border-box;height:100%;left:0;position:absolute;width:100%;z-index:3}.coin-wrapper{background:0 0;bottom:0;height:18rem;left:0;opacity:1;overflow:hidden;pointer-events:none;position:absolute;transform:none;transform-origin:50% 100%;transition:opacity .2s linear .1s,transform .3s ease-out;width:100%}.coin__front::after{background:rgba(0,0,0,.2);content:"";opacity:var(--front-y-multiplier)}.coin__back::after{background:rgba(0,0,0,.2);content:"";opacity:var(--back-y-multiplier)}.coin__middle{background:#737c99;transform:translateY(calc(var(--middle-y-multiplier) * .3181818182rem / 2)) scaleY(var(--middle-scale-multiplier))}.coin::before{background:radial-gradient(circle at 25% 65%,transparent 50%,rgba(255,255,255,.9) 90%),linear-gradient(55deg,transparent calc(var(--shine-bg-multiplier) + 0),#e9f4ff calc(var(--shine-bg-multiplier) + 0),transparent calc(var(--shine-bg-multiplier) + 50%));content:"";opacity:var(--shine-opacity-multiplier);transform:translateY(calc(var(--middle-y-multiplier) * .3181818182rem / -2)) scaleY(var(--middle-scale-multiplier)) rotate(calc(var(--coin-rotation-multiplier) * 1deg));z-index:10}.coin{--front-y-multiplier:0;--back-y-multiplier:0;--coin-y-multiplier:0;--coin-x-multiplier:0;--coin-scale-multiplier:0;--coin-rotation-multiplier:0;--shine-opacity-multiplier:0.4;--shine-bg-multiplier:50%;bottom:calc(var(--coin-y-multiplier) * 1rem - 3.5rem);height:3.5rem;margin-bottom:3.05rem;position:absolute;right:calc(var(--coin-x-multiplier) * 34% + 16%);transform:translateX(50%) scale(calc(.4 + var(--coin-scale-multiplier))) rotate(calc(var(--coin-rotation-multiplier) * -1deg));transition:opacity .1s linear .2s;width:3.5rem;z-index:3}.coin__back{background:radial-gradient(circle at 50% 50%,transparent 50%,rgba(115,124,153,.4) 54%,#c2cadf 54%),radial-gradient(circle at 50% 40%,#fcfaf9 23%,transparent 23%),radial-gradient(circle at 50% 100%,#fcfaf9 35%,transparent 35%);background-color:#8590b3;background-size:100% 100%;transform:translateY(calc(var(--back-y-multiplier) * .3181818182rem / 2)) scaleY(var(--back-scale-multiplier))}.coin__front{background:radial-gradient(circle at 50% 50%,transparent 50%,rgba(115,124,153,.4) 54%,#c2cadf 54%),linear-gradient(210deg,#8590b3 32%,transparent 32%),linear-gradient(150deg,#8590b3 32%,transparent 32%),linear-gradient(to right,#8590b3 22%,transparent 22%,transparent 78%,#8590b3 78%),linear-gradient(to bottom,#fcfaf9 44%,transparent 44%,transparent 65%,#fcfaf9 65%,#fcfaf9 71%,#8590b3 71%),linear-gradient(to right,transparent 28%,#fcfaf9 28%,#fcfaf9 34%,#8590b3 34%,#8590b3 40%,#fcfaf9 40%,#fcfaf9 47%,#8590b3 47%,#8590b3 53%,#fcfaf9 53%,#fcfaf9 60%,#8590b3 60%,#8590b3 66%,#fcfaf9 66%,#fcfaf9 72%,transparent 72%);background-color:#8590b3;background-size:100% 100%;transform:translateY(calc(var(--front-y-multiplier) * .3181818182rem / 2)) scaleY(var(--front-scale-multiplier))}.tip-button__text{color:#fff;margin-right:1.8rem;opacity:1;position:relative;transition:opacity .1s linear .5s;z-index:3}.author-content .post-reward .reward-main{bottom:0;top:50px;left:auto;right:0}.author-content .post-reward .reward-main .reward-all:before{top:-11px;bottom:auto}.post-reward .reward-item a:hover{background:0 0!important}.post-reward .reward-item a{border-bottom:none!important}.post-reward .reward-item a img{margin-bottom:0!important}.post-reward .reward-main .reward-all{border-radius:10px;padding:20px 10px!important}.post-reward .reward-main .reward-all .reward-item{padding:0 8px!important}.post-reward .reward-main .reward-all li.reward-item::before{content:none!important}.post-reward .reward-main .reward-all:after{content:none!important}.author-content-item.maxim{font-size:36px;font-weight:700;line-height:1.1;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;width:39%}.author-content-item .author-content-item-tips{opacity:.8;font-size:.6rem;margin-bottom:.5rem}.author-content-item.maxim .maxim-title{display:flex;flex-direction:column}.author-content-item.buff{height:200px;font-size:36px;font-weight:700;line-height:1.1;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;background:linear-gradient(120deg,#ff27e8 0,#ff8000 100%);color:var(--anzhiyu-white);background-size:200%;animation:gradient 15s ease infinite;min-height:200px;height:fit-content;width:59%}.author-content-item.buff .card-content{display:flex;flex-direction:column;justify-content:center}.author-content-item.buff .buff-title{display:flex;flex-direction:column}.card-background-icon{font-size:12rem;opacity:.2;position:absolute;right:0;bottom:-40%;transform:rotate(30deg);transition:2s ease-in-out}.author-content-item.game-yuanshen{background:url(https://img02.anheyu.com/adminuploads/1/2022/12/19/63a079ca63c8a.webp) no-repeat top;background-size:cover;min-height:300px;overflow:hidden;color:var(--anzhiyu-white);width:59%}.author-content-item .content-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between}.author-content-item .content-bottom .icon-group{display:flex;position:relative}.author-content-item .content-bottom .icon-group i{display:inline-block;width:143px;height:18px;margin-right:.5rem}.icon-pos-mid{background:url(https://img02.anheyu.com/adminuploads/1/2022/09/25/632fb9cecfc8c.png)}.author-content-item.game-yuanshen::after{box-shadow:0 -69px 203px 11px #575d8b inset;position:absolute;content:"";width:100%;height:100%;top:0;left:0}.author-content-item.comic-content{width:39%;background:url(https://npm.elemecdn.com/anzhiyu-blog@1.1.6/img/post/common/violet.jpg) no-repeat top;background-size:cover;min-height:300px;overflow:hidden;color:violet}.author-content-item.comic-content::after{box-shadow:0 -48px 203px 11px #fbe9b8 inset;position:absolute;content:"";width:100%;height:100%;top:0;left:0}.author-content-item.like-technology{background:url(https://img02.anheyu.com/adminuploads/1/2022/09/24/632f0dd8f33c6.webp) no-repeat;background-size:cover;min-height:230px;color:var(--anzhiyu-white)}.author-content-item.like-music{background:url(https://p2.music.126.net/Mrg1i7DwcwjWBvQPIMt_Mg==/79164837213438.jpg) no-repeat top;background-size:cover;min-height:400px;color:var(--anzhiyu-white);overflow:hidden}.author-content-item .card-content .banner-button-group{position:absolute;bottom:1.5rem;right:2rem}.author-content-item.like-music::after{box-shadow:0 -69px 203px 11px #453e38 inset;position:absolute;content:"";width:100%;height:100%;top:0;left:0}@media screen and (max-width:768px){#gitcalendar{display:none}[data-theme=dark] .author-content-item .card-content .banner-button-group .banner-button{color:var(--anzhiyu-black)!important}.author-content-item .card-content .banner-button-group .banner-button:hover{background:0 0!important}.author-content-item.game-yuanshen .content-bottom{padding-bottom:10px}.author-content-item.game-yuanshen .game-yuanshen-uid{display:none}.author-content{margin-top:0}.author-content-item{width:100%!important;margin-top:1rem;padding:1rem}.author-content-item.map{margin-bottom:0}.author-content-item-group.column{width:100%!important}.author-content-item.selfInfo{height:95%}.author-content-item.personalities{height:170px}.post-tips{left:auto}.author-content-item.personalities .image{width:90px}.site-card-group>a{width:100%!important}.post-reward{display:none}.reward-list-item{width:100%!important}.layout>div:first-child:not(.recent-posts){padding:0 1rem!important;box-shadow:none!important;background:var(--anzhiyu-background)}.author-content-item .card-content .banner-button-group .banner-button-text{display:none}.author-content-item .card-content .banner-button-group{right:1rem;bottom:1rem}.author-content-item .card-content .banner-button-group .banner-button{background:0 0;padding:0}.author-content-item .card-content .banner-button-group .banner-button i{margin-right:0;font-size:1.5rem;background:#fff;border-radius:50%;padding:6px;margin-left:80px}.author-content-item .card-content .banner-button-group .banner-button:hover i{background:var(--anzhiyu-background)!important;color:var(--heo-theme)}#selfInfo-content-year{width:90px}}@media screen and (min-width:768px) and (max-width:896px){.author-content-item.like-music .content-bottom .tips{display:none}}.reward-list-all{display:flex;flex-wrap:wrap;flex-direction:row;margin-top:1rem;margin-bottom:.5rem;margin-left:-.25rem;margin-right:-.25rem}.reward-list-item{padding:1rem;border-radius:12px;border:var(--style-border-always);width:calc((100% / 3) - .5rem);margin:0 .25rem .5rem .25rem;box-shadow:var(--anzhiyu-shadow-border)}.reward-list-item .reward-list-item-name{font-size:1rem;font-weight:700;line-height:1;margin-bottom:.5rem}.reward-list-item .reward-list-bottom-group{display:flex;align-items:center;justify-content:space-between}.reward-list-item .reward-list-item-money{padding:4px;background:var(--font-color);color:var(--card-bg);font-size:12px;line-height:1;border-radius:4px;margin-right:4px;white-space:nowrap}.reward-list-item .reward-list-item-time{font-size:12px;color:var(--anzhiyu-secondtext);white-space:nowrap}.author-content-item.careers{min-height:400px}.author-content-item.careers .careers-group{margin-top:12px}.author-content-item.careers .careers-item{display:flex;align-items:center}.author-content-item.careers .careers-item .circle{width:16px;height:16px;margin-right:8px;border-radius:16px}.author-content-item.careers .careers-item .name{color:var(--anzhiyu-secondtext)}.author-content-item.careers .careers-item{display:flex;align-items:center}.author-content-item.careers .careers-item .circle{width:16px;height:16px;margin-right:8px;border-radius:16px}.author-content-item.careers .careers-item .name{color:var(--anzhiyu-secondtext)}.author-content-item.careers img{position:absolute;left:0;bottom:20px;width:100%;transition:.6s}:root{--loadingbar-background-color:#2c2b30;--loadingbar-prospect-color:#ece5d8}.loading-bar{position:absolute;top:50%;left:50%;width:500px;height:62.5px;transform:translate(-25%,-50%) scale(.5);transition:all .5s;user-select:none;overflow:hidden}.loading-bar img{position:absolute;top:500px;left:0;filter:drop-shadow(0 -500px 0 var(--loadingbar-background-color))}.loading-bar::after{content:"";position:absolute;top:500px;left:0;filter:drop-shadow(0 -500px 0 var(--loadingbar-prospect-color));width:500px;height:62.5px;background:url(https://yuanshen.site/imgs/loading-bar.png) no-repeat left 100%;background-size:500px 62.5px;background-position-x:0}.author-content-item.game-yuanshen:hover .loading-bar::after{animation:loading-bar 3.5s cubic-bezier(.28,.11,.32,1) infinite forwards}@media screen and (max-width:719px){.loading-bar .loading-bar{display:none}}@media screen and (max-width:719px) and (orientation:landscape){.loading-bar .loading-bar{display:block!important;transform:translate(-50%,-50%) scale(.7)!important}}@supports not (filter:drop-shadow(0 0 0 #fff)){.loading-bar:before{content:"Your browser does not support the animation"}}@keyframes loading-bar{0%{width:0;background-size:500px 62.5px}83%{width:475px}83.1%{width:475px}83.2%{width:475px}83.3%{width:475px}83.4%{width:475px}83.5%{width:475px}83.6%{width:475px}83.7%{width:475px}83.8%{width:475px}83.9%{width:475px}84%{width:475px}85%{width:475px}86%{width:475px}87%{width:475px}100%{width:500px}}.hello-about{margin:20px auto;border-radius:24px;background:var(--anzhiyu-card-bg);border:var(--style-border-always);box-shadow:var(--anzhiyu-shadow-border);position:relative;overflow:hidden;user-select:none}.shapes{position:relative;height:315px;width:100%;background:#2128bd;overflow:hidden}.shape{will-change:transform;position:absolute;border-radius:50%}.shape.shape-1{background:#005ffe;width:650px;height:650px;margin:-325px 0 0 -325px}.shape.shape-2{background:#ffe5e3;width:440px;height:440px;margin:-220px 0 0 -220px}.shape.shape-3{background:#ffcc57;width:270px;height:270px;margin:-135px 0 0 -135px}.hello-about .content{top:0;left:0;position:absolute;display:flex;justify-content:center;align-items:center;height:315px;width:100%;background:#fff;mix-blend-mode:screen}[data-theme=dark] .hello-about .content{background:0 0}[data-theme=dark] .hello-about h1{color:var(--anzhiyu-white)}.hello-about h1{font-size:200px;color:#000;margin:0;text-align:center;font:inherit;vertical-align:baseline;line-height:1;font-size:calc((.0989119683 * 100vw + (58.5558852621px)));width:100%;height:100%;display:flex;align-items:center;justify-content:center}@media (min-width:419px){.hello-about h1{font-size:calc((.0989119683 * 100vw + (58.5558852621px)))}}.cursor{position:absolute;background:#2128bd;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;will-change:transform;user-select:none;pointer-events:none;z-index:3}.author-content-item.skills{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;width:50%;min-height:450px}.author-content-item.skills .skills-style-group{position:relative}.author-content-item.skills .tags-group-all{display:flex;transform:rotate(0);transition:.3s}.author-content-item.skills .tags-group-wrapper{margin-top:40px;display:flex;flex-wrap:nowrap;animation:rowup 60s linear infinite}.tags-group-icon-pair{margin-left:1rem}.tags-group-icon{display:flex;align-items:center;justify-content:center;color:#fff;font-size:66px;font-weight:700;box-shadow:var(--anzhiyu-shadow-blackdeep);width:120px;height:120px;border-radius:30px}.tags-group-icon img{width:60%;margin:0 auto!important}.tags-group-icon-pair .tags-group-icon:nth-child(even){margin-top:1rem;transform:translate(-60px)}.author-content-item.skills .skills-list{display:flex;opacity:0;transition:.3s;position:absolute;width:100%;top:0;left:0;flex-wrap:wrap;flex-direction:row;margin-top:10px}.author-content-item.skills .skill-info{display:flex;align-items:center;margin-right:10px;margin-top:10px;background:var(--anzhiyu-background);border-radius:40px;padding:4px 12px 4px 8px;border:var(--style-border);box-shadow:var(--anzhiyu-shadow-border)}.author-content-item.skills .skill-icon{width:32px;height:32px;border-radius:32px;display:flex;align-items:center;justify-content:center;margin-right:8px}.author-content-item.skills .skill-icon img{width:18px;height:18px;margin:0 auto!important}.author-content-item.skills .etc{margin-right:10px;margin-top:10px}@keyframes rowup{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.site-card-group .site-card .info{margin-top:0}.site-card-group>a{width:calc(100% / 4 - .5rem);height:150px;position:relative;display:block;margin:.5rem .25rem;float:left;overflow:hidden;padding:0;border-radius:8px;-webkit-transition:all .3s ease 0s,-webkit-transform .6s cubic-bezier(.6,.2,.1,1) 0s;-moz-transition:all .3s ease 0s,-moz-transform .6s cubic-bezier(.6,.2,.1,1) 0s;-o-transition:all .3s ease 0s,-o-transform .6s cubic-bezier(.6,.2,.1,1) 0s;-ms-transition:all .3s ease 0s,-ms-transform .6s cubic-bezier(.6,.2,.1,1) 0s;transition:all .3s ease 0s,transform .6s cubic-bezier(.6,.2,.1,1) 0s;-webkit-box-shadow:none;box-shadow:none;border:var(--style-border)!important}.site-card-group>a .wrapper{position:relative}.site-card-group>a .cover{width:100%;-webkit-transition:-webkit-transform .5s ease-out;-moz-transition:-moz-transform .5s ease-out;-o-transition:-o-transform .5s ease-out;-ms-transition:-ms-transform .5s ease-out;transition:transform .5s ease-out}.site-card-group>a .info,.site-card-group>a .wrapper .cover{position:absolute;top:0;left:0}.site-card-group>a .info{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;width:100%;height:100%;overflow:hidden;border-radius:3px;background-color:rgba(255,255,255,.7);-webkit-transition:-webkit-transform .5s cubic-bezier(.6,.2,.1,1) 0s;-moz-transition:-moz-transform .5s cubic-bezier(.6,.2,.1,1) 0s;-o-transition:-o-transform .5s cubic-bezier(.6,.2,.1,1) 0s;-ms-transition:-ms-transform .5s cubic-bezier(.6,.2,.1,1) 0s;transition:transform .5s cubic-bezier(.6,.2,.1,1) 0s}.site-card-group>a .info img{position:relative;top:45px;width:80px;height:80px;border-radius:50%;-webkit-box-shadow:0 0 10px rgb(0 0 0 / 30%);box-shadow:0 0 10px rgb(0 0 0 / 30%);z-index:1;text-align:center;pointer-events:none}.site-card-group>a .info span{padding:20px 10% 60px 10%;font-size:16px;width:100%;text-align:center;-webkit-box-shadow:0 0 10px rgb(0 0 0 / 30%);box-shadow:0 0 10px rgb(0 0 0 / 30%);background-color:rgba(255,255,255,.7);color:var(--font-color);white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.site-card-group .site-card:hover{border-color:var(--anzhiyu-main)!important;background-color:var(--anzhiyu-main)!important;-webkit-box-shadow:var(--anzhiyu-shadow-theme)!important;box-shadow:var(--anzhiyu-shadow-theme)!important}.site-card-group>a:hover .wrapper img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.site-card-group>a .cover{width:100%;-webkit-transition:-webkit-transform .5s ease-out;-moz-transition:-moz-transform .5s ease-out;-o-transition:-o-transform .5s ease-out;-ms-transition:-ms-transform .5s ease-out;transition:transform .5s ease-out}.site-card-group>a .wrapper img{height:150px;pointer-events:none}.site-card-group .site-card .wrapper img{-webkit-transition:-webkit-transform .5s ease-out!important;-moz-transition:-moz-transform .5s ease-out!important;-o-transition:-o-transform .5s ease-out!important;-ms-transition:-ms-transform .5s ease-out!important;transition:transform .5s ease-out!important}.site-card-group>a .wrapper .fadeIn{-webkit-animation:coverIn .8s ease-out forwards;-moz-animation:coverIn .8s ease-out forwards;-o-animation:coverIn .8s ease-out forwards;-ms-animation:coverIn .8s ease-out forwards;animation:coverIn .8s ease-out forwards}.site-card-group>a:hover .info{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-o-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.main-hero-waves-area{width:100%;left:0;position:relative;bottom:-11px;top:12px;z-index:0}.waves-area .waves-svg{width:100%;height:5rem}.parallax>use{animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite}.parallax>use:nth-child(1){animation-delay:-2s;animation-duration:7s;fill:#f7f9febd}.parallax>use:nth-child(2){animation-delay:-3s;animation-duration:10s;fill:#f7f9fe82}.parallax>use:nth-child(3){animation-delay:-4s;animation-duration:13s;fill:#f7f9fe36}.parallax>use:nth-child(4){animation-delay:-5s;animation-duration:20s;fill:#f7f9fe}[data-theme=dark] .parallax>use:nth-child(1){animation-delay:-2s;animation-duration:7s;fill:#18171dc8}[data-theme=dark] .parallax>use:nth-child(2){animation-delay:-3s;animation-duration:10s;fill:#18171d80}[data-theme=dark] .parallax>use:nth-child(3){animation-delay:-4s;animation-duration:13s;fill:#18171d3e}[data-theme=dark] .parallax>use:nth-child(4){animation-delay:-5s;animation-duration:20s;fill:#18171d}@keyframes move-forever{0%{transform:translate3d(-90px,0,0)}100%{transform:translate3d(85px,0,0)}}.post-bg .main-hero-waves-area{top:470px!important}@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(1turn)}}.spin{display:block;animation:rotate 2s linear infinite}#aside-content .card-widget{box-shadow:unset!important;border:1px solid var(--border)}div#author-info__sayhi{text-align:left;color:var(--heo-font);background:var(--heo-white);font-size:12px;margin-right:auto;padding:2px 8px;border-radius:12px;width:fit-content}#aside-content .card-info .author-info__name{text-align:left;font-weight:700;color:var(--heo-font);font-size:28px;line-height:1.1;margin-top:.8rem;margin-bottom:1rem}#aside-content>.card-widget:first-child{transition:.3s;border:none;box-shadow:none;background:var(--heo-theme)!important;margin-top:0}#aside-content>.card-widget.card-info{background:var(--heo-card-bg);box-shadow:var(--heo-shadow-black);position:relative}#aside-content>.card-widget.card-info::before{background:linear-gradient(-25deg,var(--heo-main),var(--heo-main-op-deep),var(--heo-main),var(--heo-main-op-deep));background-size:400%;position:absolute;width:100%;height:100%;left:0;top:0;content:'';animation:gradient 15s ease infinite}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@media screen and (max-width:1300px){#aside-content>.card-widget:first-child{min-height:329px}}#aside-content>div.card-widget.card-info>div>div.card-info-avatar.is-center>div.author-info__description{line-height:1.38;margin:.3rem 0;text-align:justify;color:rgba(255,255,255,.8)}#aside-content>div.card-widget.card-info>div>div.card-info-avatar.is-center>div.author-info__description b{color:var(--heo-font)}.author-info__description2{line-height:1.38;margin:.3rem 0;text-align:justify;width:100%;z-index:2;color:var(--heo-font)}.author-info__description2 b{color:var(--heo-font)}.card-widget.card-info .banner-button-group{position:absolute;right:1rem;bottom:1rem;display:flex}.card-widget.card-info .banner-button-group .banner-button{padding:8px 12px;background:var(--heo-white-op);border-radius:12px;color:var(--heo-font);display:flex;align-items:center;z-index:1;background-color:var(--heo-background);transition:.3s;cursor:pointer}.card-widget.card-info .banner-button-group .banner-button:hover{background:var(--heo-white);color:var(--heo-black)}.card-widget.card-info .banner-button-group .banner-button i{margin-right:8px;font-size:1rem}#aside-content .card-info .card-info-data{display:none}#aside-content .card-info a img{border-radius:0;height:200px;display:inherit;filter:drop-shadow(-5px 14px 8px #00000008);position:absolute;right:-24px;bottom:-82px;width:auto;z-index:0;transition:cubic-bezier(.48,-.21,0,1.5) .3s}#aside-content .card-info a img:hover{bottom:-42px}[data-theme=light] #aside-content .card-info a img{filter:drop-shadow(-5px 14px 8px #ffffff08)}.card-widget.card-info{padding:0!important}#aside-content>div.card-widget.card-info>div.card-content{padding:1rem 1.2rem;min-height:330px;position:relative}#aside-content>div.card-widget.card-info>div.card-info-avatarimg{overflow:hidden;background:var(--heo-yellow);transition:1.5s;min-height:160px;position:relative;box-shadow:var(--heo-shadow-yellow)}#aside-content>div.card-widget.card-info>div.card-info-avatarimg:hover img{transform:scale(1.03)}#aside-content>div.card-widget.card-info>div>div.card-info-data>div:nth-child()>a>div.headline{font-weight:700}#aside-content .card-info #card-info-btn{display:none}#aside-content .card-info .card-info-social-icons{margin:0;padding-top:10px;display:flex;justify-content:flex-start;flex-direction:row;flex-wrap:wrap;cursor:pointer;position:absolute;bottom:1rem;left:1rem}#aside-content .card-info .card-info-social-icons .social-icon{margin:0;margin-right:8px}#aside-content .card-info .card-info-social-icons i{background:var(--heo-white-op);color:var(--heo-white);font-size:1.2rem;width:40px;height:40px;display:flex;align-items:center}#aside-content .card-info .card-info-social-icons i:hover{background:var(--heo-secondbg);transform:scale(.97);color:var(--heo-main);box-shadow:none}#aside-content .card-info .banner-button{height:40px;width:124px;border-radius:20px;justify-content:center}@media screen and (min-width:1300px){#aside-content .card-info .card-info-social-icons i{color:var(--heo-white)}[data-theme=dark] #aside-content .card-info .card-info-social-icons i{color:var(--heo-white)}}#aside-content .card-info .card-info-data>.card-info-data-item:hover{background:var(--heo-post-blockquote-bg);transform:scale(.97)}#aside-content>div.card-widget.card-info>div.card-content>div.card-info-data>.card-info-data-item:hover>a>div.headline,#aside-content>div.card-widget.card-info>div.card-content>div.card-info-data>.card-info-data-item:hover>a>div.length-num{color:var(--heo-blue)}.announcement_content p{margin:.5rem 0 0 0;line-height:1.38}#aside-content .item-headline{padding-bottom:0;margin-left:8px;font-size:1em;font-weight:700}#aside-content .item-headline i{min-width:19.5px}#aside-content .item-headline+div,#aside-content .item-headline+ul{padding:0}@media screen and (min-width:1300px){#aside-content .card-widget{margin-top:1rem}}@media screen and (max-width:768px){#aside-content .card-widget{border-radius:12px}}#aside-content>div.sticky_layout>div.card-widget.card-archives>div>ul>li.card-archive-list-item.more.is-center{margin-top:8px;background:var(--heo-card-btn-bg);border-radius:8px;transition:.3s!important}#aside-content>div.sticky_layout>div.card-widget.card-archives>div>ul>li.card-archive-list-item.more.is-center :hover{color:var(--heo-white);background:var(--heo-blue);border-radius:8px;transition:.3s!important}#aside-content .card-archives ul.card-archive-list>.card-archive-list-item.more span,#aside-content .card-categories ul.card-category-list>.card-category-list-item.more span{transition:.3s!important}#aside-content .card-archives ul.card-archive-list>.card-archive-list-item:hover.more span,#aside-content .card-categories ul.card-category-list>.card-category-list-item.more span{transition:.3s!important}#aside-content>div.sticky_layout>div.card-widget.card-archives>div>ul>li.card-archive-list-item.more.is-center :hover span{background:0 0}#web_bg{background-repeat:repeat;background-size:auto;width:200%;height:200%;top:-50%;left:-50%;transform:rotate(-15deg);opacity:1;background-color:var(--heo-background)}#web_bg:before{background-color:var(--heo-background)!important;opacity:1}[data-theme=dark] #footer:before,[data-theme=dark] #page-header:before,[data-theme=dark] #web_bg:before{background-color:var(--heo-none)!important}[data-theme=dark]#web_bg{opacity:1}#tag-bar{padding:.4rem 1rem .4rem .5rem;background:var(--heo-card-bg);border-radius:12px;display:flex;white-space:nowrap;overflow:hidden;margin-bottom:1rem;border:var(--style-border)}@media screen and (max-width:768px){#tag-bar{border-radius:0}}#tag #tag-bar{padding:0;border:none}#tag a.tag-bar-item.select a{display:none}.tag-in-bar{display:flex;white-space:nowrap}.tag-in-bar-tips{margin-right:1rem}.tag-bar-items{white-space:nowrap;overflow-x:scroll;display:flex}.tag-bar-items::-webkit-scrollbar{display:none}.tag-bar-item a{padding:.1rem .5rem;margin:0 .25rem;font-weight:700;border-radius:12px}.tag-bar-item:hover a{background:var(--heo-main);color:var(--heo-white)}.tag-bar-item.select a{background:var(--heo-main);color:var(--heo-white);border-radius:12px}.tag-bar-more{margin-left:1rem;font-weight:700}#category-bar{padding:.4rem 1rem .4rem .5rem;background:var(--heo-card-bg);border-radius:12px;display:flex;white-space:nowrap;overflow:hidden;margin-bottom:1rem;border:var(--style-border)}@media screen and (max-width:768px){#category-bar{border-radius:0}}#category #category-bar{padding:0;border:none}#category a.category-bar-item.select a{display:none}.category-in-bar{display:flex;white-space:nowrap}.category-in-bar-tips{margin-right:1rem}.category-bar-items{white-space:nowrap;overflow-x:scroll;display:flex}.category-bar-items::-webkit-scrollbar{display:none}.category-bar-item a{padding:.1rem .5rem;margin:0 .25rem;font-weight:700;border-radius:12px}.category-bar-item:hover a{background:var(--heo-main);color:var(--heo-white)}.category-bar-item.select a{background:var(--heo-main);color:var(--heo-white);border-radius:12px}.category-bar-more{margin-left:1rem;font-weight:700}#page{background:0 0!important;box-shadow:none!important}[data-theme=dark] #post .post-copyright{background-color:rgb(7 8 10);text-shadow:#bfbeb8 1px 0 4px}[data-theme=dark] #post .post-copyright{border:1px solid rgb(19 18 18 / 35%)}[data-theme=dark] .post-copyright-info{color:#e0e0e4}#post .post-copyright__title{font-size:22px}#post .post-copyright__notice{font-size:15px}#footer{z-index:999}#search-mask{backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%)}#page-header.nav-fixed #nav #site-name:hover,#page-header.nav-fixed #nav #toggle-menu:hover,#page-header.nav-fixed #nav a:hover{color:var(--heo-font)}#article-container code{color:var(--heo-font);border-radius:5px;margin:3px;background:var(--heo-theme)}#article-container a:hover{background:var(--heo-theme) right;margin:3px;color:var(--heo-font);padding:2px 4px}#article-container a{border-radius:5px;color:var(--heo-inline-code);padding:2px 4px;font-weight:bolder;margin:3px;box-shadow:inset 0 0 0 2px var(--border),inset 0 -5px 0 0 var(--hrl-line)}hrl.line{height:0;box-sizing:content-box;border:2px dashed var(--hrl-line);position:relative;width:100%;display:block}.recent-post-item{border:1.5px solid #e3e8f7}[data-theme=dark] .recent-post-item{border:1px solid #3d3d3f}::-webkit-scrollbar{width:8px;height:8px;position:absolute}::-webkit-scrollbar-track{background-color:rgba(73,177,245,.2);border-radius:2em}::-webkit-scrollbar-thumb{background:var(--cover-box-shadow-color);background:var(--heo-theme);border-radius:2em}::-webkit-scrollbar-corner{background-color:transparent}::-moz-selection{color:#fff;background-color:var(--heo-theme)}main#content-inner{padding-top:0}.post main#content-inner{padding-top:50px}#recent-posts>.recent-post-item{padding:12px}#recent-posts>.recent-post-item .post_cover{border-radius:10px}#recent-posts>.recent-post-item>.recent-post-info>.article-title{color:var(--heo-font)!important;font-weight:700;letter-spacing:1.5px}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap{color:var(--heo-font)!important}[data-theme=dark] #recent-posts>.recent-post-item{background:#2e313d!important}[data-theme=dark] #footer-banner{background:var(--heo-theme)!important}#footer-banner{padding-bottom:100px!important}.maininner#post{box-shadow:none!important;background:#0000!important}#recent-posts>.recent-post-item{box-shadow:none!important}.maininner#post{padding-top:0!important;padding-left:0}nav.show .title{font-weight:700;text-shadow:0 0 #000;letter-spacing:1.7px}.homemain{position:relative;top:-80px}.flink .btns a.button{height:auto!important}.flink .btns #text{font-size:18px;font-weight:700}.flink .btns p{font-weight:700;font-size:15px;border-top:3px dashed var(--heo-theme);padding-top:5px}@media screen and (min-width:1024px){.flink .btns a{width:24%!important}}@media screen and (max-width:450px){.flink .btns a{width:100%!important}}body{font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei";font-size:16px;font-weight:600}#footer-wrap{color:var(--Jay-fontcolor)}#footer-wrap a{color:var(--Jay-fontcolor);height:44px;line-height:36px}#footer-wrap a:hover{color:var(--Jay-hovertext);background-color:var(--Jay-none)}div#footer_deal{justify-content:center;display:flex;padding-top:2rem;align-items:center}@media screen and (max-width:768px){img.footer_mini_logo{display:none}div#footer_deal{flex-wrap:wrap;flex-direction:row}}a.deal_link{display:flex;margin:10px 15px 5px;border-radius:3rem;width:32px;height:32px;background:0 0;justify-content:center;align-items:center;transition:.3s}a.deal_link:hover{scale:1.3}img.footer_mini_logo{width:50px;height:50px;margin:0 1rem;cursor:pointer;transition:cubic-bezier(0,0,0,1.29) .5s}img.footer_mini_logo:hover{-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}@media screen and (min-width:1300px){img.footer_mini_logo:hover{transform:scale(1.03)}img.footer_mini_logo:active{transform:scale(.97)}}#weblogo{align-self:center}#footer-wrap a#Jayblog_footerlogo:hover{background:var(--Jay-none)}.Jayblog_footerlogo_img{filter:drop-shadow(0 12px 12px #ee7d7936)}.Jayblog_footerlogo_img:hover{transform:scale(1.03)}#footer-banner{max-width:1200px;margin:1rem auto;width:100%}#footer{background:var(--footer-bg);margin-top:1rem;display:flex;flex-direction:column}@media screen and (max-width:768px){#footer{background:linear-gradient(180deg,var(--Jay-background) 0,var(--Jay-card-bg) 25%);margin-top:0}}[data-theme=dark] #footer:before,[data-theme=dark] #page-header:before,[data-theme=dark] #web_bg:before{background-color:var(--Jay-none)!important}@media screen and (max-width:768px){#letlink{flex-direction:column!important;text-align:center!important}#letlogo{display:none!important}#footer-wrap{margin-top:1rem!important}}.footer-banner-right{display:flex;flex-direction:row;flex-wrap:wrap}#footer-wrap{display:flex;flex-wrap:wrap;justify-content:space-around;padding:20px 50px 0 50px;text-align:left!important;max-width:1200px;margin:0 auto}#footer-wrap h1{font-size:1.5rem;margin:0}#footer-wrap h3{padding:0 12px}#footer-wrap p{margin:0 0 0 .2rem;font-size:.8rem;opacity:.8}#footer-wrap i{margin-right:.5rem;width:22px;font-size:18px;display:inline-block}#footer-wrap #letlogo{display:flex;flex-direction:column;align-self:center;margin:auto 0;max-width:200px}#footer-wrap #letlink .link_group{display:flex;flex-direction:column;margin-right:20px;min-width:180px}#footer-wrap #letlink{display:flex;flex-direction:row;justify-content:space-around;margin:0 0 1rem 0}#weblogo i{font-size:2rem;line-height:2rem;letter-spacing:-10px}#footer:before{position:absolute!important;width:100%!important;height:100%!important;content:''!important;z-index:-1}#Jay-footer .footer-links{display:flex;flex-direction:column}#Jay-footer{display:flex;flex-direction:row;width:100%;max-width:1200px;margin:1rem auto;justify-content:space-between;flex-wrap:wrap;margin-bottom:3rem;padding:0 1rem}#Jay-footer .footer-item{font-size:1rem;line-height:.8rem;margin:.38rem 0;color:var(--Jay-fontcolor)}#Jay-footer .footer-item:hover{color:var(--Jay-theme)}#Jay-footer .footer-group{min-width:120px}#Jay-footer .footer-title{color:var(--Jay-secondtext);font-size:1rem}#footer-banner{padding:1rem;color:var(--Jay-fontcolor);margin-top:1rem;display:flex;overflow:hidden;transition:.3s}[data-theme=dark] #footer-banner{background:var(--Jay-secondbg)}#footer-banner .footer-banner-links{display:flex;justify-content:space-between;max-width:1400px;width:100%;margin:0 auto;flex-wrap:wrap;align-items:center}#footer-banner .footer-banner-left{display:flex;flex-wrap:wrap;min-height:32px}#footer-banner .footer-banner-link{margin-right:1rem;color:var(--Jay-fontcolor);font-size:1rem;font-weight:700;white-space:nowrap}#footer-banner .footer-banner-link.cc{margin-right:0}#footer-banner .footer-banner-link.cc i{margin-right:.5rem}#footer-banner .footer-banner-link:hover{color:var(--Jay-theme)}#footer-banner>div>div.footer-banner-left>span{margin-right:1rem}#footer-banner .footer-banner-right a:hover{color:var(--Jay-lighttext)}#footer_deal i{font-size:1.6rem;transition:.3s;line-height:1.3rem;height:1.3rem}@font-face{font-family:dys;src:url(//at.alicdn.com/t/c/font_4221034_o4heeq0yo2.woff2?t=1693585984310) format('woff2'),url(//at.alicdn.com/t/c/font_4221034_o4heeq0yo2.woff?t=1693585984310) format('woff'),url(//at.alicdn.com/t/c/font_4221034_o4heeq0yo2.ttf?t=1693585984310) format('truetype')}.dys{font-family:dys!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dashboard:before{content:"\e88b"}.apps:before{content:"\e849"}.tower:before{content:"\e885"}.spinner3:before{content:"\e855"}.left_double:before{content:"\e677"}.right_double:before{content:"\e678"}.jingliren_o:before{content:"\ebc4"}.arrow-right:before{content:"\e660"}.arrow-left:before{content:"\e667"}.searchico:before{content:"\e648"}.creativecommons:before{content:"\ea87"}.music:before{content:"\e79a"}.dashang:before{content:"\e657"}.shuffle:before{content:"\ea75"}.dashang-01:before{content:"\e658"}.robot:before{content:"\eb62"}.theme:before{content:"\eb6f"}.dollar:before{content:"\eba1"}.server:before{content:"\e642"}.archives:before{content:"\e666"}.moshubang:before{content:"\ec5b"}.shujuwj:before{content:"\ec5c"}.bike:before{content:"\ec69"}.mysql:before{content:"\ec6d"}.car:before{content:"\ec6e"}.sand1:before{content:"\e643"}.maths:before{content:"\e644"}.bug:before{content:"\e8e8"}.heart:before{content:"\eca1"}.Acrobat-File:before{content:"\e77a"}.Butterfly:before{content:"\e8f3"}.Excel:before{content:"\e998"}.Word:before{content:"\e99a"}.Illustrator:before{content:"\e99d"}.Photoshop:before{content:"\e9a2"}.Powerpoint:before{content:"\e9a3"}.Atom:before{content:"\ec1c"}.Adobe:before{content:"\edd6"}.redpacket:before{content:"\e71d"}.Dimension:before{content:"\e66a"}.Git:before{content:"\e649"}.Git1:before{content:"\e64a"}.Git2:before{content:"\e64b"}.Git3:before{content:"\e64c"}.door:before{content:"\e832"}.envelope:before{content:"\e944"}.camera:before{content:"\e9ed"}.disk:before{content:"\e71f"}.study:before{content:"\e6b8"}.Pdf:before{content:"\e83c"}.remove:before{content:"\e84f"}.attack:before{content:"\e64f"}.groupico:before{content:"\e650"}.muma:before{content:"\e651"}.no:before{content:"\e652"}.company:before{content:"\e67a"}.motion:before{content:"\e653"}.surgery:before{content:"\e704"}.compass:before{content:"\e659"}.pass:before{content:"\e65c"}.shield:before{content:"\e65d"}.Fishing:before{content:"\e6cd"}.bilibili:before{content:"\e75d"}.shuyu:before{content:"\e65e"}.heart-beat:before{content:"\e663"}.gear:before{content:"\e8b7"}.jingdong:before{content:"\e65f"}.git1:before{content:"\e6a8"}.coins:before{content:"\e837"}.shuidi:before{content:"\e682"}.console:before{content:"\e6ca"}.linux:before{content:"\e669"}.php_elephant:before{content:"\e67e"}.defense:before{content:"\e79b"}.github:before{content:"\e6ea"}.nodejs:before{content:"\e703"}.rocket:before{content:"\e713"}.telegram:before{content:"\e727"}.adobexd:before{content:"\eb36"}.adobepremiere:before{content:"\eb37"}.archlinux:before{content:"\eb42"}.shield2:before{content:"\e66b"}.siwangdengji:before{content:"\e66d"}.no-equal:before{content:"\ec96"}.equal:before{content:"\ec99"}.Slashit:before{content:"\e66e"}.prison:before{content:"\e883"}.baidu:before{content:"\e8cb"}.hand:before{content:"\e91a"}.gesture:before{content:"\e6cf"}.nail:before{content:"\e869"}.xiaochengxu1:before{content:"\e66f"}.partnership:before{content:"\e6ec"}.no-pass:before{content:"\e6ce"}.shoudiantong:before{content:"\e6d1"}.git-pull-request-outline:before{content:"\e9ba"}.diaoyu:before{content:"\e670"}.weiruan1:before{content:"\e671"}.tizi:before{content:"\e75e"}.blog:before{content:"\eaf9"}.php:before{content:"\ec17"}.vuejs:before{content:"\ec2c"}.Mysql:before{content:"\e764"}.virus:before{content:"\e672"}.a-bianzu38:before{content:"\e750"}.hospital:before{content:"\e673"}.dunpai-no:before{content:"\e674"}.yueliang:before{content:"\e6b6"}.zhikongzhongxin-xian:before{content:"\e67d"}.a-191_cgs:before{content:"\e773"}.vip:before{content:"\e874"}.dis:before{content:"\e7d3"}.a-005_quantou:before{content:"\e675"}.web-search:before{content:"\e681"}.milk:before{content:"\10121"}.clash:before{content:"\e676"}.bijiben:before{content:"\e600"}.renzhengyonghu:before{content:"\e601"}.cart-full:before{content:"\e602"}.weiruan:before{content:"\e603"}.tushu:before{content:"\e604"}.mao:before{content:"\e605"}.codeico:before{content:"\e60c"}.copy:before{content:"\e60e"}.font:before{content:"\e620"}.upload:before{content:"\e656"}.warning:before{content:"\e606"}.git:before{content:"\e799"}.postico:before{content:"\e759"}.download2:before{content:"\e714"}.youxiyouxiji:before{content:"\e61e"}.backpack:before{content:"\e629"}.iconfonticonfonticons:before{content:"\e61c"}.jiahao:before{content:"\e726"}.taobao:before{content:"\e755"}.wxbgongju:before{content:"\e61b"}.cart:before{content:"\e63f"}.zhengque:before{content:"\e664"}.kefu:before{content:"\e621"}.ipad:before{content:"\e622"}.copy1:before{content:"\e744"}.duoyuyan:before{content:"\e654"}.plane:before{content:"\e655"}.huoche:before{content:"\e65b"}.qian:before{content:"\e662"}.dianhua:before{content:"\e797"}.ouyuan:before{content:"\e7fc"}.law:before{content:"\e61f"}.shield3:before{content:"\e647"}.shouye:before{content:"\e637"}.gugegoogle115:before{content:"\e8ff"}.dunpai:before{content:"\e645"}.woshiyisheng:before{content:"\e6d4"}.download:before{content:"\e60a"}.jiaoya:before{content:"\e635"}.wailian_icon:before{content:"\e63e"}.wordpresswordpress5:before{content:"\e73c"}.horn:before{content:"\e611"}.chrome-o:before{content:"\e646"}.toxic:before{content:"\e640"}.bus:before{content:"\e614"}.comment:before{content:"\e607"}.qzone:before{content:"\e608"}.category:before{content:"\e609"}.qq:before{content:"\e60b"}.mail:before{content:"\e60d"}.tag:before{content:"\e610"}.time:before{content:"\e612"}.view:before{content:"\e613"}.weixin:before{content:"\e615"}.weibo:before{content:"\e616"}.cloud:before{content:"\e617"}.earth:before{content:"\e618"}.pengyou:before{content:"\e619"}.android:before{content:"\e61a"}.apple:before{content:"\e61d"}.feed:before{content:"\e623"}.cuowuguanbiquxiao-xianxingyuankuang:before{content:"\e8e7"}.shijianzhou:before{content:"\e69a"}.shu:before{content:"\e624"}.banshou_Line:before{content:"\e64e"}.shanguangdengdakai:before{content:"\e873"}.tishi:before{content:"\e881"}.di-tie:before{content:"\e8c3"}.dengpao:before{content:"\e625"}.new:before{content:"\e626"}.star:before{content:"\e627"}.hot:before{content:"\e628"}.arrowup:before{content:"\e62a"}.arrowdown:before{content:"\e62b"}.editor:before{content:"\e62c"}.linkico:before{content:"\e62d"}.menu:before{content:"\e62e"}.canju:before{content:"\e62f"}.fenlei2:before{content:"\e630"}.home:before{content:"\e631"}.caozuo-wailian:before{content:"\e711"}.remen:before{content:"\e8f4"}.jianyu:before{content:"\e6f7"}.-disk:before{content:"\e661"}.offical:before{content:"\eb63"}.shujukanban:before{content:"\eb66"}.adobedreamweaver:before{content:"\e632"}.vim:before{content:"\e63c"}.python:before{content:"\e665"}.upload1:before{content:"\e6b7"}.jiatingguanxi:before{content:"\e6eb"}.yu:before{content:"\e633"}.chuidiao:before{content:"\e634"}.renshixuexiao:before{content:"\e636"}.shougongji:before{content:"\e709"}.code1:before{content:"\e7fd"}.fist:before{content:"\e638"}.language:before{content:"\e639"}.HTML:before{content:"\e87d"}.Gitlab:before{content:"\e87f"}.erji:before{content:"\e63a"}.pen:before{content:"\e63b"}.computer:before{content:"\e63d"}.dog:before{content:"\e712"}.sun:before{content:"\e641"}.gzlo:before{content:"\eb53"}#nav a:hover{transition:.3s}#nav .menus_item:hover a{color:#000!important}#nav-totop:hover .totopbtn i{opacity:1}span#blog_name{display:block;animation:rotate 2s linear infinite}span#blog_name:hover{animation:none}#nav-totop #percent{font-size:12px;background:var(--anzhiyu-white);color:var(--heo-theme);width:25px;height:25px;border-radius:35px;display:flex;justify-content:center;align-items:center;transition:.3s}.nav-fixed #nav-totop #percent,.page #nav-totop #percent{background:var(--font-color);color:var(--card-bg);font-size:13px}#nav-totop{width:35px}#page-header:not(.is-top-bar) #percent{transition:.3s}#page-header:not(.is-top-bar) #nav-totop{width:0;opacity:0;transition:width .3s,opacity .2s;margin-left:0!important}#nav-totop #percent{font-weight:700}#nav-totop:hover #percent{opacity:0;transform:scale(1.5);font-weight:700}#page-header #nav #nav-right div{margin-left:.5rem;padding:0}#nav-totop{display:flex;align-items:center;justify-content:center;transition:.3s}.nav-button{cursor:pointer}#page-header #nav .nav-button a{height:35px;display:flex;align-items:center;justify-content:center}#nav .site-page{padding-bottom:0}#nav ::after{background-color:transparent!important}#nav .menus_items .menus_item .menus_item_child li a{padding:2px 16px}#nav .menus_items .menus_item .menus_item_child li:hover a{color:#000!important}#nav .menus_items .menus_item .menus_item_child li{margin:6px;border-radius:5px;transition:all .3s;display:flex;border-radius:100vh;align-items:center;margin:7px 3px}#nav .menus_items .menus_item .menus_item_child:before{top:-19px}#site-name,.shuoshuo{white-space:nowrap;overflow:hidden}#site-name{padding:0 8px;position:relative;display:flex;align-items:center;justify-content:center;transition:.3s}#blog_name #site-name i{opacity:0;position:absolute}#blog_name #site-name:hover .title{opacity:0}#blog_name #site-name:hover i{opacity:1;transform:scale(1.01);color:#fff}ul.menus_item_child{border-radius:5px}#nav .menus_items{position:relative;width:fit-content;display:flex;flex-direction:row;justify-content:center;align-items:center;height:60px}#nav{background:#0000!important;height:60px!important;width:fit-content}#nav #buttons{height:40px;z-index:-1;align-items:center;display:flex;justify-content:center;min-width:40px;left:calc(100% + 7px);transition:.2s;border-radius:100vh;position:absolute;background:#000}#nav .menus_items .menus_item:hover .menus_item_child{display:flex;flex-direction:column;transform:translateX(-50%);top:30px;align-items:center;background:#000;border-radius:20px;right:auto;left:auto!important;padding:6px 4px;box-sizing:content-box;line-height:35px}#nav .menus_items .menus_item:hover{color:#000;background-color:#fff}#nav .menus_items .menus_item{border-radius:100vh;justify-content:center;font-size:23px;padding:0 10px!important}#nav .menus_items .menus_item .menus_item_child{top:44px}@media screen and (min-width:768px){.page .menus_item:hover>a.site-page{color:#000!important;background-position:99% 50%;transition:.3s;box-shadow:var(--anzhiyu-shadow-main)}}.nav-fixed #nav{transform:translateY(58px)!important}#nav{justify-content:center;position:fixed;padding:0!important;box-shadow:none!important}#nav a{border-radius:8px;color:#fff}#nav a:hover{color:#fff!important;transition:.3s;box-shadow:var(--anzhiyu-shadow-main)}#menus>div.menus_items>div>a{letter-spacing:.3rem;font-weight:700;padding:0 .3em 0 .5em;height:35px;line-height:35px}#nav .menus_items .menus_item{padding:0 5px;display:flex;flex-direction:column;margin:auto;align-items:center}#nav div#toggle-menu{padding:2px 0 4px 6px}#nav-totop .totopbtn i{position:absolute;display:flex;opacity:0}#page-name::before{font-size:18px;position:absolute;width:100%;height:100%;border-radius:8px;color:#fff!important;top:0;left:0;content:"回到顶部";background-color:var(--heo-theme)!important;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;opacity:0;box-shadow:0 0 3px var(--heo-theme);line-height:45px}#page-name:hover:before{opacity:1}.search-button-text i{line-height:2}#name-container{transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}#name-container:hover{transform:translateX(-50%) scale(1.03)}#page-name{position:relative;padding:10px 30px;-webkit-animation-timing-function:ease-out}center#name-container{position:absolute;width:100%;left:50%;transform:translateX(-50%);font-family:ZhuZiAYuanJWD}.nav-fixed.nav-visible #name-container{transition:.3s;transform:translate(-50%,60px)}.nav-fixed.nav-visible #menus .menus_items{transform:translate(-50%);transition:.3s;line-height:60px}.nav-fixed #menus .menus_items{transform:translate(-50%,-60px);transition:.3s}.nav-fixed #name-container{top:15%;transition:.3s}#name-container{bottom:60px}.mask-name-container{max-width:1200px;width:50%;height:100%;position:absolute;overflow:hidden;left:50%;transform:translateX(-50%)}@media screen and (max-width:992px){.mask-name-container{width:65%}}@media screen and (max-width:768px){.mask-name-container{display:none}}#sidebar #sidebar-menus .menus_items .site-page:hover{color:var(--anzhiyu-white);border-radius:var(--anzhiyu-border-radius)}#nav .menus_items .menus_item>a>i:last-child{display:none}#nav #search-button{font-size:1.3em}@media screen and (min-width:900px){#nav .back-home-button:hover{box-shadow:var(--anzhiyu-shadow-main)}}.back-home-button:hover{background:var(--heo-theme);color:var(--anzhiyu-white)!important}.back-home-button{display:flex;width:35px;height:35px;padding:0!important;align-items:center;justify-content:center;margin-right:4px;transition:.3s;border-radius:8px}.back-home-button:hover .back-menu-list-groups{display:flex;opacity:1;transition:.3s;top:55px;pointer-events:auto;left:0}.back-home-button .back-menu-list-groups{position:absolute;top:65px;left:0;background:var(--anzhiyu-card-bg);border-radius:12px;border:var(--style-border);flex-direction:column;font-size:12px;color:var(--anzhiyu-secondtext);box-shadow:var(--anzhiyu-shadow-border);transition:0s;opacity:0;pointer-events:none}.back-home-button .back-menu-list-group{display:flex;flex-direction:column}.back-home-button .back-menu-list-group .back-menu-list-title{margin:8px 0 0 16px;transition:.3s}.back-home-button .back-menu-list{display:flex;flex-direction:column}.back-home-button .back-menu-list::before{position:absolute;top:-22px;left:0;width:100%;height:25px;content:""}.back-home-button .back-menu-list-group:hover .back-menu-list-title{color:var(--heo-theme)}.back-home-button .back-menu-list-groups:hover{border:var(--style-border-hover)}.back-home-button .back-menu-list .back-menu-item{display:flex;align-items:center;margin:4px 8px;padding:4px 8px!important;transition:.3s;border-radius:8px}.back-home-button .back-menu-list .back-menu-item .back-menu-item-text{font-size:var(--global-font-size);margin-left:.5rem;color:var(--anzhiyu-fontcolor);white-space:nowrap}#nav #blog_name{flex-wrap:nowrap;height:60px;display:flex;align-items:center;transition:.3s}.back-home-button .back-menu-list .back-menu-item .back-menu-item-icon{width:24px;height:24px;border-radius:24px;background:var(--anzhiyu-secondbg)}#page-header #nav .back-home-button{cursor:pointer;position:relative}.back-home-button .back-menu-list .back-menu-item:hover .back-menu-item-text{color:var(--anzhiyu-white)}.back-menu-item-icon.loading img{width:25px}#page-header #nav #menus .nav-button.long,#page-header #nav #menus .nav-button.long a.totopbtn,#page-header #nav #menus .nav-button.long a.totopbtn span{width:70px}#page-header #nav #menus .nav-button.long a.totopbtn span{border-radius:35px;display:flex;justify-content:center;align-items:center;transition:.3s;white-space:nowrap}#page-header #nav #menus .nav-button.long a.totopbtn:hover{border-radius:35px;height:30px}#nav #search-button{padding-left:0}#page-header #nav .nav-button{padding:0}#page-header:not(.is-top-bar) #nav-totop a{display:none}#page-header.nav-visible #nav{padding-top:0!important;padding-bottom:0!important}div#navbar{display:flex;max-width:1200px;border-radius:100vh;background:#000;height:40px;position:relative;padding:0 .7rem;align-items:center;justify-content:center}#sidebar #sidebar-menus .menus_items .menus_item_child{margin:0;list-style:none;display:flex;flex-direction:row;flex-wrap:wrap}#sidebar #sidebar-menus .menus_item_child li{width:calc(50% - 8px);margin:4px}#sidebar #sidebar-menus .menus_item_child .site-page.child{display:flex;flex-direction:column;align-items:center;padding:8px;border-radius:12px;border:var(--style-border-always);background:var(--zhsher-card-bg);font-size:14px}#sidebar #sidebar-menus .menus_items a.site-page,#sidebar .menus_item ul{padding-left:0}.snackbar-container{background:var(--heo-main)!important;color:var(--heo-white)!important;border-radius:0!important;display:flex;justify-content:center!important;max-width:none!important;min-width:100%!important;margin:0!important;left:0!important;height:60px!important;transform:none!important}.snackbar-container p{font-weight:600!important;text-align:center!important;color:var(--heo-font)!important;font-size:18px!important;display:flex!important;justify-content:center!important}.snackbar-container .action{color:var(--heo-white)!important;padding:4px 6px!important;font-weight:700;border-radius:8px!important;transition:.3s;border:var(--style-border)!important}.snackbar-container .action:hover{color:var(--heo-main)!important;background:var(--heo-white)!important}.snackbar-container::after{position:absolute;width:0;height:100%;left:0;top:0;background:var(--heo-white);opacity:.1;content:"";animation:snackbar-progress 2s linear forwards;pointer-events:none}@keyframes snackbar-progress{from{width:0}to{width:100%}}*{box-sizing:border-box}.blog-slider{width:100%;position:relative;border-radius:12px 8px 8px 12px;margin:auto;background:var(--global-bg) padding: 10px;transition:all .3s}@media screen and (max-width:768px){.blog-slider{min-height:350px;height:auto;margin-top:110px;margin-bottom:10px}}@media screen and (max-height:500px) and (min-width:992px){.blog-slider{height:350px}}.blog-slider__item{display:flex;align-items:center}@media screen and (max-width:768px){.blog-slider__item{flex-direction:column}}.blog-slider__item.swiper-slide-active .blog-slider__img img{opacity:1;transition-delay:.3s}.blog-slider__item.swiper-slide-active .blog-slider__content>*{opacity:1;transform:none}.blog-slider__item.swiper-slide-active .blog-slider__content>:nth-child(1){transition-delay:.3s}.blog-slider__item.swiper-slide-active .blog-slider__content>:nth-child(2){transition-delay:.4s}.blog-slider__item.swiper-slide-active .blog-slider__content>:nth-child(3){transition-delay:.5s}.blog-slider__item.swiper-slide-active .blog-slider__content>:nth-child(4){transition-delay:.6s}.blog-slider__item.swiper-slide-active .blog-slider__content>:nth-child(5){transition-delay:.7s}.blog-slider__item.swiper-slide-active .blog-slider__content>:nth-child(6){transition-delay:.8s}.blog-slider__item.swiper-slide-active .blog-slider__content>:nth-child(7){transition-delay:.9s}.blog-slider__item.swiper-slide-active .blog-slider__content>:nth-child(8){transition-delay:1s}.blog-slider__item.swiper-slide-active .blog-slider__content>:nth-child(9){transition-delay:1.1s}.blog-slider__item.swiper-slide-active .blog-slider__content>:nth-child(10){transition-delay:1.2s}.blog-slider__item.swiper-slide-active .blog-slider__content>:nth-child(11){transition-delay:1.3s}.blog-slider__item.swiper-slide-active .blog-slider__content>:nth-child(12){transition-delay:1.4s}.blog-slider__item.swiper-slide-active .blog-slider__content>:nth-child(13){transition-delay:1.5s}.blog-slider__item.swiper-slide-active .blog-slider__content>:nth-child(14){transition-delay:1.6s}.blog-slider__item.swiper-slide-active .blog-slider__content>:nth-child(15){transition-delay:1.7s}.blog-slider__img{width:200px;flex-shrink:0;height:200px;padding:10px;border-radius:5px;transform:translateX(0);overflow:hidden}.blog-slider__img:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:5px;opacity:.8}.blog-slider__img img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;border-radius:5px;transition:all .3s}@media screen and (max-width:768px){.blog-slider__img{transform:translateY(-50%);width:90%}}@media screen and (max-width:576px){.blog-slider__img{width:95%}}@media screen and (max-height:500px) and (min-width:992px){.blog-slider__img{height:270px}}.blog-slider__content{padding-right:50px;padding-left:50px}@media screen and (max-width:768px){.blog-slider__content{margin-top:-80px;text-align:center;padding:0 30px}}@media screen and (max-width:576px){.blog-slider__content{padding-left:10px;padding-right:10px}}.blog-slider__content>*{opacity:0;transform:translateY(25px);transition:all .4s}.blog-slider__code{color:var(--font-color);margin-bottom:0;display:block;font-weight:500}.blog-slider__title{font-size:18px;font-weight:700;color:var(--font-color);margin-bottom:15px;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.blog-slider__text{color:var(--font-color);-webkit-line-clamp:1;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;margin-bottom:15px;line-height:1.5em}.blog-slider__button{display:inline-flex;background-color:var(--btn-bg);padding:4px 14px;border-radius:8px;color:var(--btn-color);text-decoration:none;font-weight:500;justify-content:center;text-align:center;letter-spacing:1px}.blog-slider__button:hover{background-color:var(--btn-hover-color);color:var(--btn-color)}@media screen and (max-width:576px){.blog-slider__button{width:100%;width:100%}}.blog-slider .swiper-container-horizontal>.swiper-pagination-bullets,.blog-slider .swiper-pagination-custom,.blog-slider .swiper-pagination-fraction{bottom:10px;left:0;width:100%}.blog-slider__pagination{position:absolute;z-index:21;right:20px;width:11px!important;text-align:center;left:auto!important;top:50%;bottom:auto!important;transform:translateY(-50%)}@media screen and (max-width:768px){.blog-slider__pagination{transform:translateX(-50%);left:50%!important;top:320px;width:100%!important;display:flex;justify-content:center;align-items:center}}.blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet{margin:8px 0}@media screen and (max-width:768px){.blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}}.blog-slider__pagination .swiper-pagination-bullet{width:11px;height:11px;display:block;border-radius:10px;background:#858585;opacity:.2;transition:all .3s}.blog-slider__pagination .swiper-pagination-bullet-active{opacity:1;background:var(--btn-bg);height:30px}@media screen and (max-width:768px){.blog-slider__pagination .swiper-pagination-bullet-active{height:11px;width:30px}}.blog-slider__button{display:none}@media screen and (max-width:768px){.blog-slider__button{display:inline-flex}.blog-slider__text{margin-bottom:40px}}.search-dialog{position:fixed;top:0;left:0;z-index:1001;display:none;padding:20px;width:100%;border-radius:8px}.search-dialog hr{margin:20px auto}.search-dialog .search-nav{margin:0 0 14px;color:var(--heo-theme);font-size:1.4em;line-height:1}.search-dialog .search-nav .search-dialog-title{margin-right:10px}.search-dialog .search-nav .search-close-button{float:right;color:#858585;-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;-ms-transition:color .2s ease-in-out;transition:color .2s ease-in-out}.search-dialog .search-nav .search-close-button:hover{color:var(--heo-theme)}#search-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:none;background:rgba(255,255,255,.478)}[data-theme=dark] #search-mask{background:rgba(0,0,0,.478)}div#search-mask::after{content:'-- 点击空白处关闭 --';position:fixed;bottom:0;font-weight:100;text-align:center;width:100%}#local-search .search-dialog .local-search-box{margin:0 auto;max-width:100%;width:100%}#local-search .search-dialog .local-search-box input{padding:15px;width:100%;outline:0;border:1px solid var(--search-border-color);border-radius:100vh;background:0 0;font-size:27px;text-align:center;font-weight:600;color:var(--search-input-color);-webkit-appearance:none}#local-search .search-dialog .search-wrap{display:none}#local-search .search-dialog .local-search__hit-item{position:relative;padding:15px;line-height:1.7}#local-search .search-dialog .local-search__hit-item a{display:block;font-weight:800;cursor:pointer;font-size:20px;color:var(--search-border-color)}#local-search .search-dialog .local-search__hit-item .search-result{margin:0 8px 8px 0;word-break:break-all;font-size:17px!important}#local-search .search-dialog .local-search__hit-item .search-keyword{color:#f47466;font-weight:700}#local-search .search-dialog .search-result-list{overflow-y:auto;max-height:calc(80vh - 130px)}@media screen and (max-width:768px){#local-search .search-dialog .search-result-list{padding-bottom:40px;max-height:75vh!important}}.local-search__hit-item{height:90px;text-align:center;overflow:hidden;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;transition:all .5s;border-bottom:1px dashed var(--search-border-color)}.local-search__hit-item:hover{background:var(--search-border-color);color:var(--global-bg)}.local-search__hit-item:hover a{color:var(--global-bg)!important}#recent-posts>.recent-post-item{height:223px} /* rebuild by neat */ \ No newline at end of file diff --git a/css/pace.css b/css/pace.css index f65df2db7..8726c9ce5 100644 --- a/css/pace.css +++ b/css/pace.css @@ -1,3 +1,3 @@ -/* build time:Fri Sep 15 2023 00:15:01 GMT+0800 (中国标准时间)*/ +/* build time:Fri Sep 15 2023 00:33:47 GMT+0800 (中国标准时间)*/ .pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;position:fixed;top:0;left:0;z-index:2000;width:100%;height:12px;background:#fff}.pace-inactive{display:none}.pace .pace-progress{background-color:#425aef position: fixed;top:0;bottom:0;right:100%;width:100%;overflow:hidden;height:12px}.pace .pace-activity{position:fixed;top:0;right:-32px;bottom:0;left:0;height:12px;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,.2)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.2)),color-stop(.75,rgba(255,255,255,.2)),color-stop(.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);-webkit-background-size:32px 32px;-moz-background-size:32px 32px;-o-background-size:32px 32px;background-size:32px 32px;-webkit-animation:pace-theme-barber-shop-motion .5s linear infinite;-moz-animation:pace-theme-barber-shop-motion .5s linear infinite;-ms-animation:pace-theme-barber-shop-motion .5s linear infinite;-o-animation:pace-theme-barber-shop-motion .5s linear infinite;animation:pace-theme-barber-shop-motion .5s linear infinite}@-webkit-keyframes pace-theme-barber-shop-motion{0%{-webkit-transform:none;transform:none}100%{-webkit-transform:translate(-32px,0);transform:translate(-32px,0)}}@-moz-keyframes pace-theme-barber-shop-motion{0%{-moz-transform:none;transform:none}100%{-moz-transform:translate(-32px,0);transform:translate(-32px,0)}}@-o-keyframes pace-theme-barber-shop-motion{0%{-o-transform:none;transform:none}100%{-o-transform:translate(-32px,0);transform:translate(-32px,0)}}@-ms-keyframes pace-theme-barber-shop-motion{0%{-ms-transform:none;transform:none}100%{-ms-transform:translate(-32px,0);transform:translate(-32px,0)}}@keyframes pace-theme-barber-shop-motion{0%{transform:none;transform:none}100%{transform:translate(-32px,0);transform:translate(-32px,0)}} /* rebuild by neat */ \ No newline at end of file diff --git a/css/post-double-row.css b/css/post-double-row.css index 7631098ce..c71256010 100644 --- a/css/post-double-row.css +++ b/css/post-double-row.css @@ -1,3 +1,3 @@ -/* build time:Fri Sep 15 2023 00:15:01 GMT+0800 (中国标准时间)*/ +/* build time:Fri Sep 15 2023 00:33:47 GMT+0800 (中国标准时间)*/ #recent-posts{align-content:flex-start;display:flex;flex-wrap:wrap;justify-content:space-between}#recent-posts>.recent-post-item{margin-top:1rem;display:inline-block;height:auto;width:49%}#recent-posts>.recent-post-item .post_cover{width:100%;height:200px}#recent-posts>.recent-post-item .post_cover img.post_bg{width:100%;height:100%}#recent-posts>.recent-post-item>.recent-post-info>.content{display:none}#recent-posts>.recent-post-item{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}#recent-posts>.recent-post-item .left_radius{border-radius:8px 8px 0 0}#recent-posts>.recent-post-item .right_radius{border-radius:8px 8px 0 0}.recent-post-item{height:auto!important}.recent-post-info{padding:0 40px;margin-top:1em;width:100%!important}#recent-posts>.recent-post-item>.recent-post-info>.article-title{-webkit-line-clamp:1;margin-top:.3rem;margin-bottom:.3rem;color:var(--text-highlight-color);font-size:1.2em;line-height:1.4}#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap{margin-bottom:1rem}@media screen and (max-width:768px){#recent-posts>.recent-post-item{width:100%}} /* rebuild by neat */ \ No newline at end of file diff --git a/css/var.css b/css/var.css index 458ffab7d..94040ba60 100644 --- a/css/var.css +++ b/css/var.css @@ -1,3 +1,3 @@ -/* build time:Fri Sep 15 2023 00:15:01 GMT+0800 (中国标准时间)*/ +/* build time:Fri Sep 15 2023 00:33:47 GMT+0800 (中国标准时间)*/ /* rebuild by neat */ \ No newline at end of file diff --git a/index.html b/index.html index 39ef84828..c888d76c6 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -径曲山斜のBlog - 九月露湿，待君之前
径曲山斜のBlog
▂
网站资讯
文章总数
47
总访问量
访问人次
全站字数
45.3k
最后更新
使用mmd制作3d动画-初步
使用mmd制作3d动画-初步
发表于
使用cdn进行加速+防御
使用cdn进行加速+防御
发表于
部分dns封堵解决办法
部分dns封堵解决办法
发表于
博客一年，我收获了什么
博客一年，我收获了什么
发表于
butterfly侧边按钮重写
butterfly侧边按钮重写
发表于
Hexo-Theme-Dynasty
Hexo-Theme-Dynasty
发表于
dimension-6.0更新
dimension-6.0更新
发表于
typecho搭建教程
typecho搭建教程
发表于
arcolinux初体验
arcolinux初体验
发表于
dynasty/dimension主题外挂标签
dynasty/dimension主题外挂标签
发表于|DimSpace
Tor洋葱路由
Tor洋葱路由
发表于
微软推出“新必应”，支持在线ChatGPT！
微软推出“新必应”，支持在线ChatGPT！
发表于
butterfly添加蓝天白云
butterfly添加蓝天白云
发表于|杂谈教程
cbx-home首页
cbx-home首页
发表于|DimSpace
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +径曲山斜のBlog - 九月露湿，待君之前
径曲山斜のBlog
▂
网站资讯
文章总数
48
总访问量
访问人次
全站字数
45.5k
最后更新
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/js/random.js b/js/random.js index fdb5d8165..3ea63f8db 100644 --- a/js/random.js +++ b/js/random.js @@ -1,4 +1,4 @@ -var posts=["archives/36352/","archives/62872/","archives/46392/","archives/53971/","archives/870/","archives/65417/","archives/51673/","archives/58214/","archives/18276/","archives/23370/","archives/59158/","archives/2637/","archives/55282/","archives/47635/","archives/56791/","archives/58490/","archives/33392/","archives/43564/","archives/51537/","archives/49841/","archives/16107/","archives/63474/","archives/62395/","archives/61230/","archives/65172/","archives/21521/","archives/64526/","archives/9709/","archives/10141/","archives/54656/","archives/3688/","archives/11066/","archives/40712/","archives/13199/","archives/27391/","archives/32096/","archives/4034/","archives/27831/","archives/50741/","archives/17909/","archives/32654/","archives/57464/","archives/46804/","archives/21428/","archives/37091/","archives/52676/","archives/5781/"]; +var posts=["archives/36352/","archives/62872/","archives/46392/","archives/53971/","archives/870/","archives/65417/","archives/51673/","archives/58214/","archives/18276/","archives/23370/","archives/59158/","archives/2637/","archives/55282/","archives/47635/","archives/56791/","archives/33392/","archives/58490/","archives/43564/","archives/51537/","archives/49841/","archives/16107/","archives/63474/","archives/62395/","archives/61230/","archives/65172/","archives/21521/","archives/64526/","archives/9709/","archives/10141/","archives/54656/","archives/3688/","archives/11066/","archives/40712/","archives/13199/","archives/27391/","archives/32096/","archives/4034/","archives/27831/","archives/50741/","archives/17909/","archives/32654/","archives/57464/","archives/46804/","archives/39114/","archives/21428/","archives/37091/","archives/52676/","archives/5781/"]; function toRandomPost() { window.open('/'+posts[Math.floor(Math.random() * posts.length)],"_self"); new Vue({ diff --git a/link/index.html b/link/index.html index 3742535b3..85a2830e5 100644 --- a/link/index.html +++ b/link/index.html @@ -1 +1 @@ -友链 | 径曲山斜のBlog

友链

一起写博客的朋友们
Aegcbx
Aegcbx

九月露湿，待君之前

张洪Heo
张洪Heo

分享设计与科技生活

鹿啵包の小窝
鹿啵包の小窝

落日橘子海，揽尽世间温柔

陈鑫磊的博客
陈鑫磊的博客

没有BUG的代码是不完美的

张时贰
张时贰

环转码，热爱敲代码的小张！

Iceの小站
Iceの小站

have a good time

storm-1614
storm-1614

一个菜鸟

一蓑烟雨的博客
一蓑烟雨的博客

一蓑烟雨任平生

怕冷爱上雪
怕冷爱上雪

众里寻他千百度

Reverse
Reverse

留个爪

inju银烛
inju银烛

海纳百川，有容乃大

Xlenco
Xlenco

最好的地方,是没去过的地方。最好的时光，是回不来的时光。

枫叶
枫叶

分享知识，认识世界

Lmx0
Lmx0

学如逆水行舟，不进则退。

晨曦的小屋
晨曦的小屋

阿巴阿巴

krau's blog
krau's blog

年轻，就要折腾

九九九感冒绫
九九九感冒绫

这是我的梦想,我会慢慢的完成它

酷小呵
酷小呵

爱分享的酷小呵

roydon
roydon

人要走多少路才能在时光的尽头找寻到真正的自己

爱吃肉的猫
爱吃肉的猫

人要走多少路才能在时光的尽头找寻到真正的自己

翔奕时代
翔奕时代

A year's plan starts with spring.

流年笔记
流年笔记

花有重开日，人无再少年

冻符
冻符

绝望之于虚妄，正与希望相同

timochan
timochan

Let's start learning

速溶
速溶

记录当下 赠予未来

夏日鱼塘
夏日鱼塘

一直做困难的事，生活会变得简单

優萌初華
優萌初華

琉璃的医学 & 编程笔记

了尘兰若的小坑
了尘兰若的小坑

分享微生物生物信息学分析方法

西瓜撞地球
西瓜撞地球

我在人间贩卖彩虹

非科学の河童
非科学の河童

绝望之于虚妄，正与希望相同

萌傀儡
萌傀儡

珍惜现在，趁早摸鱼

Akino's Blog
Akino's Blog

博主很懒，未填写网站描述

独角云
独角云

正在使用的免费cdn

安知鱼
安知鱼

生活明朗，万物可爱

你好可爱
你好可爱

山水一程，三生有幸✨

友链申请须知：

1.您的网站类型为==个人博客==
2.能正常访问
3.请先添加我的友链至贵站，然后在下面留下评论，按照下面的格式填写信息
4.您的网站不要出现不安全提示！

我的友链：

1
2
3
4
5
- name: Aegcbx
  link: https://uu.sssu.us/
  avatar: https://uu.sssu.us/img/avatar.png
  descr: 九月露湿，待君之前
  siteshot: https://pic.imgdb.cn/item/649ad9d51ddac507cc40f140.png
评论
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +友链 | 径曲山斜のBlog

友链

一起写博客的朋友们
Aegcbx
Aegcbx

九月露湿，待君之前

张洪Heo
张洪Heo

分享设计与科技生活

鹿啵包の小窝
鹿啵包の小窝

落日橘子海，揽尽世间温柔

陈鑫磊的博客
陈鑫磊的博客

没有BUG的代码是不完美的

张时贰
张时贰

环转码，热爱敲代码的小张！

Iceの小站
Iceの小站

have a good time

storm-1614
storm-1614

一个菜鸟

一蓑烟雨的博客
一蓑烟雨的博客

一蓑烟雨任平生

怕冷爱上雪
怕冷爱上雪

众里寻他千百度

Reverse
Reverse

留个爪

inju银烛
inju银烛

海纳百川，有容乃大

Xlenco
Xlenco

最好的地方,是没去过的地方。最好的时光，是回不来的时光。

枫叶
枫叶

分享知识，认识世界

Lmx0
Lmx0

学如逆水行舟，不进则退。

晨曦的小屋
晨曦的小屋

阿巴阿巴

krau's blog
krau's blog

年轻，就要折腾

九九九感冒绫
九九九感冒绫

这是我的梦想,我会慢慢的完成它

酷小呵
酷小呵

爱分享的酷小呵

roydon
roydon

人要走多少路才能在时光的尽头找寻到真正的自己

爱吃肉的猫
爱吃肉的猫

人要走多少路才能在时光的尽头找寻到真正的自己

翔奕时代
翔奕时代

A year's plan starts with spring.

流年笔记
流年笔记

花有重开日，人无再少年

冻符
冻符

绝望之于虚妄，正与希望相同

timochan
timochan

Let's start learning

速溶
速溶

记录当下 赠予未来

夏日鱼塘
夏日鱼塘

一直做困难的事，生活会变得简单

優萌初華
優萌初華

琉璃的医学 & 编程笔记

了尘兰若的小坑
了尘兰若的小坑

分享微生物生物信息学分析方法

西瓜撞地球
西瓜撞地球

我在人间贩卖彩虹

非科学の河童
非科学の河童

绝望之于虚妄，正与希望相同

萌傀儡
萌傀儡

珍惜现在，趁早摸鱼

Akino's Blog
Akino's Blog

博主很懒，未填写网站描述

独角云
独角云

正在使用的免费cdn

安知鱼
安知鱼

生活明朗，万物可爱

你好可爱
你好可爱

山水一程，三生有幸✨

友链申请须知：

1.您的网站类型为==个人博客==
2.能正常访问
3.请先添加我的友链至贵站，然后在下面留下评论，按照下面的格式填写信息
4.您的网站不要出现不安全提示！

我的友链：

1
2
3
4
5
- name: Aegcbx
  link: https://uu.sssu.us/
  avatar: https://uu.sssu.us/img/avatar.png
  descr: 九月露湿，待君之前
  siteshot: https://pic.imgdb.cn/item/649ad9d51ddac507cc40f140.png
评论
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/page/2/index.html b/page/2/index.html index cd9748b2d..f20feb7eb 100644 --- a/page/2/index.html +++ b/page/2/index.html @@ -1 +1 @@ -径曲山斜のBlog - 九月露湿，待君之前
径曲山斜のBlog
▂
网站资讯
文章总数
47
总访问量
访问人次
全站字数
45.3k
最后更新
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +径曲山斜のBlog - 九月露湿，待君之前
径曲山斜のBlog
▂
网站资讯
文章总数
48
总访问量
访问人次
全站字数
45.5k
最后更新
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/page/3/index.html b/page/3/index.html index 7ec645fc3..a5251a676 100644 --- a/page/3/index.html +++ b/page/3/index.html @@ -1 +1 @@ -径曲山斜のBlog - 九月露湿，待君之前
径曲山斜のBlog
▂
网站资讯
文章总数
47
总访问量
访问人次
全站字数
45.3k
最后更新
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +径曲山斜のBlog - 九月露湿，待君之前
径曲山斜のBlog
▂
网站资讯
文章总数
48
总访问量
访问人次
全站字数
45.5k
最后更新
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/page/4/index.html b/page/4/index.html index 0422542bd..435c28cb6 100644 --- a/page/4/index.html +++ b/page/4/index.html @@ -1 +1 @@ -径曲山斜のBlog - 九月露湿，待君之前
径曲山斜のBlog
▂
网站资讯
文章总数
47
总访问量
访问人次
全站字数
45.3k
最后更新
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +径曲山斜のBlog - 九月露湿，待君之前
径曲山斜のBlog
▂
网站资讯
文章总数
48
总访问量
访问人次
全站字数
45.5k
最后更新
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/qqgroup/index.html b/qqgroup/index.html index 2146b2a26..487f7bc66 100644 --- a/qqgroup/index.html +++ b/qqgroup/index.html @@ -1 +1 @@ -QQ群 | 径曲山斜のBlog

QQ群

QQ群

评论
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +QQ群 | 径曲山斜のBlog

QQ群

QQ群

评论
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/search.xml b/search.xml index e40ab0271..2a39bc26b 100644 --- a/search.xml +++ b/search.xml @@ -3,6 +3,25 @@ + + 域名注册局：.COM域名9月1号继续涨价！ + + /archives/39114/ + + 域名注册局：.COM域名9月1号继续涨价！

VeriSign 宣布，基于与 ICANN 的协议，2023年9月1日起，全球 .COM 域名成本价将继续上涨。

Verisign 是 .COM 的域名注册局，在2018年与美国商务部达成协议，允许他们在之后的十年中每年将价格提高7%，为了防止 Verisign 滥用垄断地位，ICANN 对费用设定了上限。

ICANN 允许 Verisign 在2020-2023这4年间，每年涨价7%，停两年，再开始一个循环，再2026-2029年之间，再以每年7%的涨幅涨价4年。

除了.COM域名外，VeriSign还在提高.NET域名的价格，域名涨价已经无法阻挡，这几年域名愈发的贵，还是老样子，域名续费上限为10年，请记得提前续费。

]]> + + + + + + 域名 + + + + + + + 使用mmd制作3d动画-初步 diff --git a/sitemap.xml b/sitemap.xml index 532268315..f74e4d69e 100644 --- a/sitemap.xml +++ b/sitemap.xml @@ -1,6 +1,15 @@ + + http://uu.sssu.us/archives/39114/ + + 2023-09-14 + + monthly + 0.6 + + http://uu.sssu.us/archives/57464/ @@ -589,21 +598,21 @@ - http://uu.sssu.us/tags/dynasty/ + http://uu.sssu.us/tags/%E4%BC%98%E5%8C%96/ 2023-09-14 weekly 0.2 - http://uu.sssu.us/tags/dimension/ + http://uu.sssu.us/tags/dynasty/ 2023-09-14 weekly 0.2 - http://uu.sssu.us/tags/%E4%BC%98%E5%8C%96/ + http://uu.sssu.us/tags/dimension/ 2023-09-14 weekly 0.2 diff --git a/tags/Ecx-UI/index.html b/tags/Ecx-UI/index.html index 03bbdfab7..3cfc502da 100644 --- a/tags/Ecx-UI/index.html +++ b/tags/Ecx-UI/index.html @@ -1 +1 @@ -标签: Ecx-UI | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +标签: Ecx-UI | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/tags/FAQ/index.html b/tags/FAQ/index.html index d8a513973..de4494ef3 100644 --- a/tags/FAQ/index.html +++ b/tags/FAQ/index.html @@ -1 +1 @@ -标签: FAQ | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +标签: FAQ | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/tags/butterfly/index.html b/tags/butterfly/index.html index cc6d3108d..219076fa9 100644 --- a/tags/butterfly/index.html +++ b/tags/butterfly/index.html @@ -1 +1 @@ -标签: butterfly | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +标签: butterfly | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/tags/dimension/index.html b/tags/dimension/index.html index 2dd0d2219..e49436b8a 100644 --- a/tags/dimension/index.html +++ b/tags/dimension/index.html @@ -1 +1 @@ -标签: dimension | 径曲山斜のBlog

标签 - dimension
2023
dynasty/dimension主题外挂标签
dynasty/dimension主题外挂标签
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +标签: dimension | 径曲山斜のBlog

标签 - dimension
2023
dynasty/dimension主题外挂标签
dynasty/dimension主题外挂标签
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/tags/dimesion/index.html b/tags/dimesion/index.html index 15e4d0350..94810a094 100644 --- a/tags/dimesion/index.html +++ b/tags/dimesion/index.html @@ -1 +1 @@ -标签: dimesion | 径曲山斜のBlog

标签 - dimesion
2023
Hexo-Theme-Dynasty
Hexo-Theme-Dynasty
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +标签: dimesion | 径曲山斜のBlog

标签 - dimesion
2023
Hexo-Theme-Dynasty
Hexo-Theme-Dynasty
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/tags/dimspace/index.html b/tags/dimspace/index.html index 1de747434..e43a8ae9e 100644 --- a/tags/dimspace/index.html +++ b/tags/dimspace/index.html @@ -1 +1 @@ -标签: dimspace | 径曲山斜のBlog

标签 - dimspace
2023
Hexo-Theme-Dynasty
Hexo-Theme-Dynasty
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +标签: dimspace | 径曲山斜のBlog

标签 - dimspace
2023
Hexo-Theme-Dynasty
Hexo-Theme-Dynasty
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/tags/dynasty/index.html b/tags/dynasty/index.html index 7e29ec4d9..0acda57a7 100644 --- a/tags/dynasty/index.html +++ b/tags/dynasty/index.html @@ -1 +1 @@ -标签: dynasty | 径曲山斜のBlog

标签 - dynasty
2023
Hexo-Theme-Dynasty
Hexo-Theme-Dynasty
dynasty/dimension主题外挂标签
dynasty/dimension主题外挂标签
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +标签: dynasty | 径曲山斜のBlog

标签 - dynasty
2023
Hexo-Theme-Dynasty
Hexo-Theme-Dynasty
dynasty/dimension主题外挂标签
dynasty/dimension主题外挂标签
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/tags/hexo/index.html b/tags/hexo/index.html index d81fc0275..d45993e0d 100644 --- a/tags/hexo/index.html +++ b/tags/hexo/index.html @@ -1 +1 @@ -标签: hexo | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +标签: hexo | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/tags/hexo/page/2/index.html b/tags/hexo/page/2/index.html index 14d112daa..ee7024f3b 100644 --- a/tags/hexo/page/2/index.html +++ b/tags/hexo/page/2/index.html @@ -1 +1 @@ -标签: hexo | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +标签: hexo | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/tags/hexo/page/3/index.html b/tags/hexo/page/3/index.html index 0e48a46c4..5651a22b0 100644 --- a/tags/hexo/page/3/index.html +++ b/tags/hexo/page/3/index.html @@ -1 +1 @@ -标签: hexo | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +标签: hexo | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/tags/index.html b/tags/index.html index 3fc35bfb8..50cc99ea3 100644 --- a/tags/index.html +++ b/tags/index.html @@ -1 +1 @@ -标签云 | 径曲山斜のBlog

标签云

hexo教程Ecx-UI魔改butterfly碎碎念linux前端dynastydimension优化dimesiondimspaceFAQ域名windows生活mmd博客
评论
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +标签云 | 径曲山斜のBlog

标签云

hexo教程Ecx-UI魔改butterfly碎碎念linux前端优化dynastydimensiondimesiondimspaceFAQ域名windows生活mmd博客
评论
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/tags/linux/index.html b/tags/linux/index.html index 327938903..30fcaba2d 100644 --- a/tags/linux/index.html +++ b/tags/linux/index.html @@ -1 +1 @@ -标签: linux | 径曲山斜のBlog

标签 - linux
2023
arcolinux初体验
arcolinux初体验
2022
虚拟机安装kali
虚拟机安装kali
Linux安装中文输入法
Linux安装中文输入法
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +标签: linux | 径曲山斜のBlog

标签 - linux
2023
arcolinux初体验
arcolinux初体验
2022
虚拟机安装kali
虚拟机安装kali
Linux安装中文输入法
Linux安装中文输入法
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/tags/mmd/index.html b/tags/mmd/index.html index 5a851caba..d3e3731ff 100644 --- a/tags/mmd/index.html +++ b/tags/mmd/index.html @@ -1 +1 @@ -标签: mmd | 径曲山斜のBlog

标签 - mmd
2023
使用mmd制作3d动画-初步
使用mmd制作3d动画-初步
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +标签: mmd | 径曲山斜のBlog

标签 - mmd
2023
使用mmd制作3d动画-初步
使用mmd制作3d动画-初步
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git a/tags/windows/index.html b/tags/windows/index.html index 19d39023a..e11037455 100644 --- a/tags/windows/index.html +++ b/tags/windows/index.html @@ -1 +1 @@ -标签: windows | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +标签: windows | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git "a/tags/\344\274\230\345\214\226/index.html" "b/tags/\344\274\230\345\214\226/index.html" index 2eff9a341..2129b956e 100644 --- "a/tags/\344\274\230\345\214\226/index.html" +++ "b/tags/\344\274\230\345\214\226/index.html" @@ -1 +1 @@ -标签: 优化 | 径曲山斜のBlog

标签 - 优化
2023
使用cdn进行加速+防御
使用cdn进行加速+防御
hexo优化方案汇总
hexo优化方案汇总
2022
hexo一体化上传命令
hexo一体化上传命令
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +标签: 优化 | 径曲山斜のBlog

标签 - 优化
2023
使用cdn进行加速+防御
使用cdn进行加速+防御
hexo优化方案汇总
hexo优化方案汇总
2022
hexo一体化上传命令
hexo一体化上传命令
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git "a/tags/\345\211\215\347\253\257/index.html" "b/tags/\345\211\215\347\253\257/index.html" index bff319660..452acc3d2 100644 --- "a/tags/\345\211\215\347\253\257/index.html" +++ "b/tags/\345\211\215\347\253\257/index.html" @@ -1 +1 @@ -标签: 前端 | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +标签: 前端 | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git "a/tags/\345\215\232\345\256\242/index.html" "b/tags/\345\215\232\345\256\242/index.html" index 40d848fbd..fe0857f31 100644 --- "a/tags/\345\215\232\345\256\242/index.html" +++ "b/tags/\345\215\232\345\256\242/index.html" @@ -1 +1 @@ -标签: 博客 | 径曲山斜のBlog

标签 - 博客
2023
部分dns封堵解决办法
部分dns封堵解决办法
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +标签: 博客 | 径曲山斜のBlog

标签 - 博客
2023
部分dns封堵解决办法
部分dns封堵解决办法
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git "a/tags/\345\237\237\345\220\215/index.html" "b/tags/\345\237\237\345\220\215/index.html" index b009cb8f7..6fdd7f89b 100644 --- "a/tags/\345\237\237\345\220\215/index.html" +++ "b/tags/\345\237\237\345\220\215/index.html" @@ -1 +1 @@ -标签: 域名 | 径曲山斜のBlog

标签 - 域名
2022
hexo自定义域名
hexo自定义域名
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +标签: 域名 | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git "a/tags/\346\225\231\347\250\213/index.html" "b/tags/\346\225\231\347\250\213/index.html" index 4ecc74dd9..71bf0c4ad 100644 --- "a/tags/\346\225\231\347\250\213/index.html" +++ "b/tags/\346\225\231\347\250\213/index.html" @@ -1 +1 @@ -标签: 教程 | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +标签: 教程 | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git "a/tags/\347\224\237\346\264\273/index.html" "b/tags/\347\224\237\346\264\273/index.html" index 2b2a4c89c..bf9117454 100644 --- "a/tags/\347\224\237\346\264\273/index.html" +++ "b/tags/\347\224\237\346\264\273/index.html" @@ -1 +1 @@ -标签: 生活 | 径曲山斜のBlog

标签 - 生活
2023
博客一年，我收获了什么
博客一年，我收获了什么
2022
新冠阳性记录
新冠阳性记录
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +标签: 生活 | 径曲山斜のBlog

标签 - 生活
2023
博客一年，我收获了什么
博客一年，我收获了什么
2022
新冠阳性记录
新冠阳性记录
晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git "a/tags/\347\242\216\347\242\216\345\277\265/index.html" "b/tags/\347\242\216\347\242\216\345\277\265/index.html" index cebf9ea84..f07909de4 100644 --- "a/tags/\347\242\216\347\242\216\345\277\265/index.html" +++ "b/tags/\347\242\216\347\242\216\345\277\265/index.html" @@ -1 +1 @@ -标签: 碎碎念 | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +标签: 碎碎念 | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file diff --git "a/tags/\351\255\224\346\224\271/index.html" "b/tags/\351\255\224\346\224\271/index.html" index 99312e2fa..fc2723856 100644 --- "a/tags/\351\255\224\346\224\271/index.html" +++ "b/tags/\351\255\224\346\224\271/index.html" @@ -1 +1 @@ -标签: 魔改 | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file +标签: 魔改 | 径曲山斜のBlog

晚上好！我是
径曲山斜
avatar
标签
Ecx-UI FAQ butterfly dimension dimesion dimspace dynasty hexo linux mmd windows 优化 前端 博客 域名 教程 生活 碎碎念 魔改
分类
归档
径曲山斜
九月露湿，待君之前
了解更多转载协议
HEXODynasty
侧栏隐显
暗色模式
顶部隐显
随机文章
\ No newline at end of file