9 样式

9.1 yaml自定义css样式文件

format:
  html:
    css: custom.css

9.2 改变图表前缀和标题

---
crossref:
  fig-title: 图     
  tbl-title: 表     
  title-delim: —  
  tbl-prefix: 表
  fig-prefix: 图
---

9.3 强制改变mermaid样式

通过浏览器检查，打开开发工具，通过左上角的小箭头，选中需要改变样式的元素，在右侧显示styles。可视化调整样式后，将样式复制进css文件，在后面加上!important，即可覆盖默认样式。注意!import前面没有;。举例：强制改变mermaid矩形框的颜色。

/*设置mermaid矩形的颜色 */
#mermaid-2 .cluster rect {
    fill: #e9ecef !important; /* 覆盖默认填充颜色为浅黄色 */
    stroke: var(--mermaid-fg-color--lighter);
}

9.4 段落两端对齐

YAML设置

format:
  html: 
    css: custom.css

custome.css内容

p {
  text-align: justify;
  text-justify: inter-word;
}

9.5 滚动条样式现代化

放在根目录的styles.css文件里


/*自定义滚动条*/
::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 6px;  /*对应竖滚动条的宽度*/
  height : 8px;  /*对应横滚动条的高度*/
}
::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 6px; 
  background-color: #9e9e9e;
}
::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  background: #ffffff;
  /* border-radius: 6px; */
}

9.6 markdown

9.6.1 写灰色字体

$\color{#808080}{发展历程}$
$\color{grey}{应用进展}$

\(\color{#808080}{发展历程}\)
\(\color{grey}{应用进展}\)

注意：在离线状态渲染时，不能正确解析。需要用html标记。

<span style="color: #808080;">发展历程</span>

发展历程

9.6.2 代码自动换行

设置.code-overflow-wrap属性

同样适用于非代码的大段文本

```{.default .code-overflow-wrap}
You are being carbon copied ("cc:'d") on an e-mail "To" "Chunbo Chen" gghccm@163.com
CC: "Kaiyi Peng" 13828681551@163.com, "Linhui Hu" hulinhui@live.cn, "Xiangwei Huang" 13828681930@163.com, "Yuemei He" hym202008@163.com, "Xinxin Wu" 15875896178@163.com, "Huihua Li" 397339676@163.com, "Wentao Zhang" hank1127@163.com, "Hengling Zhu" 997916423@qq.com, "Zheng Wang" asdf007@163.com

Dear Dr Chen

The review of your manuscript ASAIO-23-0584, Innovative Percutaneous 3-Stitch Suture Technique for Site Closure in VA-ECMO Decannulation: a Case Series, has been completed. Two referees, each knowledgeable in the field of inquiry, have provided an assessment of the paper. We have considered these opinions and applied our own judgment in making a decision.

As you will see from the reviewers' comments, the paper as submitted did not reach a sufficient priority for publication in ASAIO Journal in its current form. We will reconsider the manuscript if it undergoes major revisions that thoroughly address the concerns outlined by the reviewers.

In addition to the reviewers' comments, please also respond to these editorial requests in your revised submission:

...

```