如何用Hugo/JavaScript实现博客卡片动态摘要长度适配

• 标题：使用井号 # 标识，井号数量对应标题层级（1-6级）
  示例：

  # 一级标题
  ## 二级标题
  ### 三级标题
  

• 列表项：以短横线 - 开头，支持嵌套层级
  示例：

  - 基础列表项1
  - 基础列表项2
    - 嵌套列表项1
    - 嵌套列表项2
  

• 文本强调：用星号 * 包裹文本，单星号对应斜体，双星号对应粗体
  示例：

  *斜体强调内容*
  **粗体强调内容**
  

• 代码/命令：单行内容用单个反引号 ` 包裹，多行代码块用三个反引号包裹（可指定语言）
  示例：

  单行命令：`git status`
  多行代码：
  ```python
  def add(a, b):
      return a + b
  

• 引用文本：使用大于号 > 标记每行引用内容
  示例：

  > 这是一段引用文本
  > 换行后继续引用的内容
  

• 链接：显示文本放在方括号 [] 内，目标URL放在紧随其后的圆括号 () 中
  示例：

  [示例链接](https://example.com)
  

• 图片：图片替代文本放在方括号 [] 内，图片URL放在圆括号 () 中
  示例：

  [示例图片说明](https://example.com/image.png)
  

内容的提问来源于stack exchange，提问作者Aditya Mayukh Som