开始分析butterfly框架

  1. 通过调用 Font Awesome 图标库，并结合链接和样式，能快速实现社交账号的可视化展示
    1
    2
    3
    social:
      fab fa-github: https://github.com/xxhh12366 || Github || '#24292e'
      fas fa-envelope: BPJY@outlook || Email || BPJY@outlook.com
  2. YAML 格式对缩进、符号和语法非常敏感，任何微小错误都会导致 Hexo 加载配置失败
  3. YAML 列表项需要用- 前缀，否则 Hexo 可能无法识别为数组
    1
    2
    3
    4
    5
    cover:
      default_cover:
        - https://github.com/xxhh12366/.../chip_circuit_processor_140251_300x168.jpg
        - https://github.com/xxhh12366/.../code_programming_text_155013_300x168.jpg
        ...  # 每个链接前加 `- `
  4. 若图使用了 GitHub 仓库的blob路径。GitHub 的blob路径是网页预览地址，直接作为图片链接会失效（返回 404）
    1
    2
    3
    4
    5
    6
    7
    avatar:
      img: https://github.com/xxhh12366/xxhh12366.github.io/blob/main/picture/kenan.JPG
      background: url(https://github.com/xxhh12366/.../astronaut_spacesuit_butterflies_121755_300x168.jpg)
    #应使用raw路径，将blob/main改为raw/main
    avatar:
      img: https://github.com/xxhh12366/xxhh12366.github.io/raw/main/picture/kenan.JPG
    background: url(https://github.com/xxhh12366/xxhh12366.github.io/raw/main/picture/astronaut_spacesuit_butterflies_121755_300x168.jpg)