Hexo主题功能测试-交互视觉篇

code:
  # 代码语言标签
  language: { enable: true }
  # 复制按钮
  copy_btn: true
  # 展开/折叠按钮（超长代码）
  show_full: true
  # 代码块最大高度（超过则折叠）
  height_limit: 450

```bash
# Bash 示例
echo "Hello Matery"
```

# Bash：系统操作
sudo apt update
docker compose up -d
systemctl status nginx

# Python：数据处理
def process(data):
    """处理数据并返回结果"""
    result = [x * 2 for x in data if x > 0]
    return result

print(process([1, -2, 3, 4]))

// JavaScript：异步请求
async function fetchData(url) {
  const response = await fetch(url);
  const data = await response.json();
  console.log("数据:", data);
}

# YAML：配置文件
server:
  host: 0.0.0.0
  port: 8080
  workers: 4

# Python：超长代码示例（超过 450px 高度阈值，触发"展开"按钮）
# 模拟一个简单的博客文章处理流水线
import hashlib
import json
import re
from collections import Counter
from datetime import datetime
from pathlib import Path


def read_posts(directory):
    """读取目录下所有 Markdown 文章"""
    posts = []
    for path in Path(directory).glob("*.md"):
        posts.append(path.read_text(encoding="utf-8"))
    return posts


def extract_front_matter(content):
    """提取 Front-Matter 元数据"""
    match = re.match(r"^---\n(.*?)\n---\n", content, re.DOTALL)
    if not match:
        return {}
    meta = {}
    for line in match.group(1).splitlines():
        if ":" in line:
            key, value = line.split(":", 1)
            meta[key.strip()] = value.strip()
    return meta


def analyze_posts(directory):
    """主分析流程：统计词频、生成摘要、计算字数"""
    all_words = Counter()
    for content in read_posts(directory):
        meta = extract_front_matter(content)
        body = re.sub(r"^---\n.*?\n---\n", "", content, flags=re.DOTALL)
        text = re.sub(r"[#*`>\[\]()]", "", body)
        words = re.findall(r"[\u4e00-\u9fa5]|[a-zA-Z]+", text)
        all_words.update(words)
        word_count = len(words)
        summary = " ".join(words[:20])
        checksum = hashlib.md5(content.encode()).hexdigest()[:8]
        print(f"{meta.get('title', 'untitled')} | {word_count}字 | {checksum}")
        print(f"  摘要: {summary}...")
    print(f"\n共分析 {len(all_words)} 个词汇")
    return all_words


if __name__ == "__main__":
    result = analyze_posts("content/posts")
    top_words = result.most_common(10)
    print("Top 10 高频词:")
    for word, count in top_words:
        print(f"  {word}: {count}")

# 文章图片自动被 articleInit 包装为 .img-item
image_zoom:
  enable: true

![图片描述](/medias_webp/featureimages/1.webp)

subtitle:
  enable: true
  typed:
    enable: true      # 启用打字机
    loop: true        # 循环轮播
    showCursor: true  # 显示光标
    cursorChar: "_"   # 光标字符
    startDelay: 100   # 启动延迟(ms)
    typeSpeed: 80     # 打字速度(ms/字)
    backSpeed: 50     # 删除速度(ms/字)

post:
  typed:
    enable: true      # 文章标题打字机

sakura: { enable: false }        # 樱花飘落
ripples: { enable: false }       # 水波荡漾
leaf: { enable: false }          # 落叶
snowflake: { enable: false }     # 雪花
snowdown: { enable: false }      # 落雪
ribbon: { enable: false }        # 静态飘带
ribbon_dynamic: { enable: false } # 动态飘带
fireworks: { enable: false }     # 点击烟花
clicklove: { enable: false }     # 点击爱心
mouseStar: { enable: false }     # 鼠标星星
popupText: { enable: false }     # 点击文字
buble: { enable: false }         # 气泡

# 默认编码：1=简体 2=繁体
zh_default: 1
footer:
  translate:
    enable: true

fun_features:
  progressbar:
    enable: true
    height_px: 3
    color: "#29d"

# 返回顶部按钮
backTop:
  enable: true

post:
  reward:
    enable: true
    title: 码字辛苦，打赏作者！
    wechat: /medias_webp/reward/wechat.webp
    alipay: /medias_webp/reward/alipay.webp

reward: true    # 开启本文打赏（可选，默认按全局）

print:
  enable: true

music:
  enable: true
  server: netease        # netease/tencent/kugou/xiami/baidu
  type: playlist         # song/playlist/album/search/artist
  id: 190133732          # 网易云歌单/歌曲 ID
  fixed: false           # true = 吸底模式
  autoplay: false
  theme: '#42b983'

dplayer:
  enable: true

{% dplayer url=/medias_webp/video/demo.mp4 %}

bilibili:
  enable: true
  # iframeUrl: //player.bilibili.com/player.html?aid=xxx&bvid=xxx

{% bilibili BV1oa4y1L7mw %}

echarts:
  enable: true

{% echarts %}
{
  "title": {"text": "示例图表"},
  "xAxis": {"data": ["A", "B", "C"]},
  "series": [{"data": [10, 20, 30], "type": "bar"}]
}
{% endecharts %}