Obsidian 样式：如何实现 Blue topaz 主题时间线样式

[system]

Obsidian 样式：如何实现 Blue topaz 主题时间线样式 Blue topaz 主题自带类表格时间线样式，实际上是一种特殊的 callout，可以嵌入表格、图片和 callout 等 md 语法。 从示例库来看，也可以做类康奈尔笔记，此处不详述，有意者请参考源地址。 >[!timeline] >>这里写左栏内容，一般为时间，注意这里要加2个大于号 >写完左栏写右栏时需要一行，写完右栏写左栏则无不需要空行，可以写大于号加分割线>---，也可以保留大于号直接空一行 >这里写右栏目内容，一般为事件。 >> [!timeline] 近代中国史 >>> 1840年6月 >> >>英军发动鸦片战争 >>> 1842年8月 >> >>清政府与英国签订《南京条约》: >>- 中国割让香港岛给英国; >>- 赔款洋银2100万元; >>- 开放广州、厦门、福州、宁波、上海五处为通商口岸; >>> [!cite]+ 《南京条约》影响 >>> 1. 中国近代史上第一个不平等条约，给中国人民带来深重的灾难，开创了列强以条约形式侵略和奴役中国的恶例; >>> 2. 中国的国家主权和领土完整遭到破坏，逐步沦为半殖民地半封建社会; >>> 3. 中国社会的主要矛盾由地主阶级与农民阶级的矛盾，演变为帝国主义和中华民族的矛盾（主要矛盾)、封建主义和人民大众的矛盾; >>> 4. 反侵略反封建成为中国人民肩负的两大历史任务; >>> 5. 中国逐渐开始了反帝反封建的资产阶级民主革命。 >> >> |时间 |事件 | >> | ------ | -------------------------------------- | >> | 1943年 | 中英《虎门条约》签订; | >> | 1844年 | 中关《望厦条约》、中法《黄埔条约》签订 | >> >>>1841年5月 >> >> 三元里人民的抗英斗争，是中国近代史上中国人民第一次大规模的反侵略武装斗争。 >> 

---

这是一个从 https://pkmer.cn/pkmer-docs/10-obsidian/obsidian%e5%a4%96%e8%a7%82/css-%e7%89%87%e6%ae%b5/obsidian%e6%a0%b7%e5%bc%8f-%e5%a6%82%e4%bd%95%e5%ae%9e%e7%8e%b0blue-topaz%e8%87%aa%e5%b8%a6%e7%b1%bb%e8%a1%a8%e6%a0%bc%e6%97%b6%e9%97%b4%e7%ba%bf%e6%a0%b7%e5%bc%8f 下的原始话题分离的讨论话题

[chattychen]

这个timeline的源地址在哪里，用起来有点问题，想查找一下

[Probe]

源地址指的是啥? 如果是说样式具体设置, 可以看看 Blue Topaz 主题 css 里 data-callout="timeline" 的部分

[chattychen]

我想问的是中间这个竖条为啥后半段没有了，写法上没有任何问题

[chattychen]

我想知道详细的语法

[Probe]

如果已经排除了无关 css snippets 的影响, 排除了其他插件影响,
可以试试, 这事是否跟左侧时间戳的 “个数” 有关

看看问题是不是在: 不管右侧内容多长多短, 只要超过N个时间戳, 就导致分割线不能铺到最底下

如果是这问题, 那可能跟 css

.callout.callout[data-callout="timeline"] .callout-content hr {
  height: 100%;
  width: 0.5rem;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2 / span 1;
  -ms-grid-row: 1;
  grid-row-start: 1;
  background-color: var(--text-normal);
  opacity: 0.1;
  grid-row-end: 9;
  margin:auto;
  border: none;
  overflow: hidden;
  border-radius: 10px;
}

上面这一段的 grid-row-end: 9; 有关

调大这个值就会好,
但我不太懂网格布局, 不知道改了有啥别的影响

[chattychen]

厉害，就是这个问题，数值改大就好了
之前看到这个主题已经不维护了，不过好像又更新了，不知道作者是否可以把这个值改为动态自适应