自动旋转头像

效果图

这里面的图片是可以自动旋转的

使用主题

这里我使用的是 VSCode Lite Edit 主题的暗黑模式

使用方法

使用方法：在思源笔记里面嵌入 HTML 代码块就可以了

代码展示

剩余的就需要你自己来进行排版了

<!DOCTYPE html>
<html lang="zh">
<head>
  <meta charset="UTF-8">
  <title>头像</title>
  <style>
    body {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      background-color: #f4f4f9;
      margin: 0;
    }
    .avatar-container {
      width: 150px;            /* 头像大小 */
      height: 150px;
      border-radius: 50%;      /* 圆形裁剪 */
      overflow: hidden;
      box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
      animation: spin 10s linear infinite; /* 持续旋转动画 */
      transition: transform 0.5s ease-out;
    }
    .avatar-container img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    /* 定义旋转动画 */
    @keyframes spin {
      from { transform: rotate(0deg); }
      to { transform: rotate(360deg); }
    }
  </style>
</head>
<body>
  <!-- 自动旋转的头像 -->
  <div class="avatar-container">
    <img src="图片地址要求：网络地址" >
  </div>
</body>
</html>

分享下几个 Callout 样式

样式如图 [图片] 使用主题这里我使用的是 VSCode Lite Edit 主题的暗黑模式使用方法使用方法：在思源笔记里面嵌入 HTML 代码块就可以了代码展示： Dark Mode Callout Supported types Following is a list of type qualifiers ..

VSCode Lite Edit 主题 2.3.0 版本更新说明

大家好久不见。时隔半月余，VSCode Lite Edit 主题终于发布了新的版本。本次版本发布修改内容过多，可能存在部分未被测试发现的问题，各位在发现问题之后可以直接在此帖下回帖反馈。本次更新内容为：新增自定义属性(beta 测) 设置面板中未设置的选项使用默认值修改双标签栏的显示效果修复思源版本 3.1.3 ..

在思源笔记中使用进度条

效果 [图片] 使用这里提一下：使用的主题是：VSCode Lite Edit 使用方法：在思源笔记里面嵌入 HTML 代码块就可以了目前支持以下六种颜色样式类（添加在 .progress-bar 上）：类名颜色示例 red-progress 红色 yellow-progress 🟡 黄色 green- ..

VSCode Lite Edit 主题的一次探索

目前 VSCE 主题正在探索一种比起主题设置更细致的控制方式：自定义属性。通过自定义属性，预定义一些有趣的样式，并由用户自行启用或取消。相关的配置项看这里。由于这个功能实现起来好像没有多简单，我大概短期内不会添加什么复杂的样式，目前想要征求各位 VSCE 主题用户的意见，需要在自定义样式中实现什么方面的样式内容？目前 ..

VSCode Lite Edit 主题在思源笔记 3.1.28 版本下出现请求 401 问题

VSCode Lite Edit 主题在思源笔记更新到 3.1.28 版本后出现请求返回 401 Unauthorized 问题，直到主题的 2.2.8 版本仍能复现。本次受影响范围含：主题设置读写等。（应该是 3.1.28 版本开始出现的）在无法获取用户的设置文件情况下，主题会按照默认配置加载样式文件，可能导致界面 ..

VSCE 主题刚折腾了个双标签栏

VSCode Lite Edit 主题刚刚发版，折腾了个半成品的双标签栏，可以将钉住的标签移动到上一行，没有钉住的标签在下一行。目前这个功能属于测试中，只保证了基础功能可用，其他方面没有很好的适配，比如背景色、标签栏右侧操作按钮等都有点问题。在设置中启用之后需要刷新页面一次或多次，如果在思源启动之后没有钉住的标签页 ..

欢迎来到这里！

我们正在构建一个小众社区，大家在这里相互信任，以平等 • 自由 • 奔放的价值观进行分享交流。最终，希望大家能够找到与自己志同道合的伙伴，共同成长。

关于