solitude主题底部添加服务状态
这篇文章介绍了如何在solitude主题的网页底部添加服务状态显示功能。教程包括：将指定代码替换底部模板文件中的代码，修改js文件以实现实时检测服务状态并显示，更新Uptime Kuma状态页面URL及其API，以及在网页中展示服务状态。最后通过浏览器访问查看效果。
标签
主题美化
共 10 篇文章，按标签归档
文章列表
solitude主题几行代码解决日夜模式切换问题
这篇文章介绍了如何解决在切换成深色模式后刷新页面右键菜单仍然显示深色模式的问题。首先找到themes\solitude\source\js\right_menu.js文件，然后在最底部添加特定代码以检测主题模式并在页面加载时和主题变化时同步更新右键菜单模式按钮文本。保存后进行常规操作即可解决问题。
solitude主题外部调用本地化
这篇文章介绍了如何在Solitude主题中自定义外部调用地址，避免依赖外部加速可能导致的问题。首先，在根目录创建一个名为plugins.js的文件，并放置特定代码以实现从CDN下载插件文件至本地。运行该脚本(node plugins.js)后，将文件下载至plugins文件夹中。接着，修改_config.solitude.yml中的CDN配置为custom，并调整custom_format为/plugins/${cdnjs_name}@${version}/${min_cdnjs_file}。最后，若有缺少字体文件，需手动下载fa-solid-900.woff2和fa-brands-400.woff2并放置于plugins文件夹中的相应路径。
利用Github Actions检测友链状态
这篇文章介绍了使用GitHub Action检测友链状态的方法。首先在links.js文件中添加了生成以小伙伴分类为基础的友链JSON文件的代码，然后在GitHub上fork项目、配置并运行检测脚本。接着介绍了如何在Solitude主题中引入检测脚本及CSS样式，并详细列举了引入文件、修改配置文件和添加CSS样式的步骤。最后提到了一键三连即可查看效果。
solitude主题添加来访者卡片
这篇文章介绍了如何为Solitude主题的博客添加访客卡片的功能。首先，通过百度地图或高德地图获取经纬度信息，并在source文件夹的js文件夹中创建card-welcome.js文件，编写配置和逻辑代码。接着，在_config.solitude.yml文件中引入该js文件，修改aside.yml文件添加访客卡片内容，并在aside项的home卡片中添加欢迎卡片。最后，添加必要的HTML和CSS样式，实现访客卡片的显示功能。
solitude主题无需构建更新打赏名单
这篇文章介绍了如何在solitude主题的关于页面中读取文件以直接显示打赏名单的方法。具体步骤包括修改`award-dynamic.pug`文件中的代码，并在Cloudflare中添加相关代码以实现动态显示功能。文章详细描述了从修改Pug文件到设置Cloudflare Works代码的全过程，最后通过绑定KV空间和设置环境变量完成配置。
solitude主题侧边栏添加监控卡片
这篇文章介绍了如何在WordPress网站中添加实时监控服务状态的功能。首先，在source/_data文件夹中创建一个aside.yml文件并添加特定代码。接着，在_config.solitude.yml文件中添加脚本引用。然后，在source文件夹的js文件夹中创建uptime-status.js文件，编写JavaScript代码以获取和显示服务状态。最后，在自定义CSS文件中添加样式代码以美化界面。完成后，将uptime部分添加到_config.solitude.yml文件中指定位置即可。
solitude主题添加今日热榜
这篇文章介绍了如何在solitude主题上添加“今日热榜”页面。首先，在网站的source文件夹中新建一个hot文件夹，并在其中创建一个index.md文件，写入特定代码。接着，通过JavaScript动态加载各大平台的热门内容，如微博、知乎、百度、今日头条等，并设置了深色和浅色主题样式。最后，在导航栏的“关于”部分添加了访问这个页面的链接，并感谢了PearAPI提供的API服务。
solitude主题底部添加一排宠物
这篇文章介绍了如何在solitude主题的页脚添加一排宠物的教程，来源于青桔气球。具体步骤包括在`footer.pug`文件中添加指定的代码，并将配图链接和Alt文本替换为相应的URL和文本。此外，还需要将相关CSS代码添加到自定义CSS文件中进行样式设置。最后通过一键三连可以查看到效果。
solitude主题更换自定义字体
这篇文章介绍了更换solitude主题后如何设置网站字体的方法。首先，在网站根目录下的source文件夹中创建一个名为CSS的文件夹，并在其中新建一个名为custom.css的文件。接着，在该文件中插入特定代码，引入HarmonyOS Sans SC字体，并确保所有文本元素使用该字体。最后，保存并应用更改，即可完成网站字体的部署。