zotero+zotcard笔记美化(含模板)

首先感谢这篇文章和它的公众号，非常多关于zotero教程干货Zotero笔记样式美化 (qq.com)

效果

zotcard信息卡

<h1>📜<strong>信息卡</strong></h1>
<ul>
  <li>🐬<span style="color: #005EFF"><strong>英文标题：</strong></span>${title}</li>
  <li>🐬<span style="color: #005EFF"><strong>中文标题：</strong></span></li>
  <li>🧑<span style="color: #005EFF"><strong>作者：</strong></span>${authors}</li>
  <li>🧑<span style="color: #005EFF"><strong>单位：</strong></span></li>
  <li>📅<span style="color: #005EFF"><strong>年份：</strong></span>${year}</li>
  <li>📖<span style="color: #005EFF"><strong>出版：</strong></span></li>
  <li>😀<span style="color: #FF0000"><strong>代码：</strong></span></li>
  <li>🏷️<span style="color: #005EFF"><strong>标签：</strong></span>${tags && tags.length > 0 ? tags.join('') : ','}</li>
  <li>✒️<span style="color: #005EFF">创建日期：${now} 星期${week}</span></li>
</ul>

zotcard翻译卡

<h1>🔤<strong>翻译卡</strong></h1>

zotcard精读笔记卡

<h1>📔<strong><span style="color: #FF0000">精读笔记卡</span></strong></h1>
<h1>🔍摘要</h1>
<p></p>
<h1>Ⓜ️模型图</h1>
<p></p>
<h1>📊结果图</h1>
<p></p>
<h1>🆚实验对比模型</h1>
<p></p>
<h1>🔚回答问题</h1>
<h2>1️⃣用一句话概括本文吗?</h2>
<p></p>
<h2>2️⃣当前研究难点 (现状) 是什么?</h2>
<p></p>
<h2>3️⃣解决了什么问题?</h2>
<p></p>
<h2>4️⃣方法是什么?</h2>
<p></p>
<h2>5️⃣最大的创新点?</h2>
<p></p>
<h2>6️⃣最重要的图表(数据)是哪个?</h2>
<p></p>
<h2>7️⃣最大的纰漏是什么?</h2>
<p></p>
<h2>8️⃣若你是本文一作，你下一步做什么?</h2>
<p></p>

全局更改样式

1. 打开zotero软件，进入编辑-设置-高级界面
2. 打开编辑器
3. 搜索CSS，在extensions.zotero.note.css项直接填入CSS代码即可

/*下划线*/
u {
    text-decoration: none;
    border-bottom: 2px solid red;

}
/* 鼠标悬浮时的颜色 */
ul li:hover,ol li:hover,ul li:nth-child(even):hover, ol li:nth-child(even):hover{
    background-color: rgba(246,210,180,0.1); 
}
/*引用*/
blockquote {
    border-left: 7px solid #4caf50 !important;
    background-color: #d4efd6 !important;; /* 浅绿色背景 */
    padding: 0.01px 10px!important; /* 内边距 */
    margin: 5px 5px!important; /* 减小上下外边距 */
    border-radius: 2px;
}

/*----------------------------列表------------------------------------*/
/* 无序列表 */
ul {
    padding-left: 1.4em !important;
    border: 2px solid #a8d08d; /* 设置边框，这里使用浅绿色 */
    border-radius: 10px; /* 圆角边框 */
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
}
/* 有序列表 */
ol {
    counter-reset: item; /* 重置计数器 */
    padding-left: 1.8em !important;
    border: 2px solid #a8d08d; /* 设置边框，这里使用浅绿色 */
    border-radius: 10px; /* 圆角边框 */
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
}

/* 为第二级及以下的列表项去除边框 */
ul ul, ol ol, ul ol, ol ul {
    border: none;
    padding-left: 0;
    margin-left: 0;
}
ul li, ol li {
    list-style-type: none; /* 移除默认列表标记 */
    position: relative;
}
  
ul li:before {
    content:'▪';
    position: absolute;
    left: -20px;
    font-size: 22px;
    color: currentColor;
    transform: translateY(-15%);
}
  
ol li:before {
    content: counter(item) '.'; /* 使用计数器 */
    counter-increment: item; /* 每个li项都递增计数器 */
    position: absolute;
    font-size: 1.0em;
    left: -20px;
    color: currentColor;
    transform: translateY(0%);
    font-weight: 1000;
}
  
/* 根据嵌套层级改变颜色 */
ul li, ol li { color: rgba(236, 10, 10, 0.7); }
ul li ul li, ul li ol li, ol li ul li, ol li ol li { color: rgba(139,87,42,1); }
ul li ul li ul li, ul li ul li ol li,
ul li ol li ul li, ul li ol li ol li,
ol li ul li ul li, ol li ul li ol li,
ol li ol li ul li, ol li ol li ol li { color: rgba(65,117,5,1); }
ul li ul li ul li ul li, ul li ul li ul li ol li,
ul li ul li ol li ul li, ul li ul li ol li ol li,
ul li ol li ul li ul li, ul li ol li ul li ol li,
ul li ol li ol li ul li, ul li ol li ol li ol li,
ol li ul li ul li ul li, ol li ul li ul li ol li,
ol li ul li ol li ul li, ol li ul li ol li ol li,
ol li ol li ul li ul li, ol li ol li ul li ol li,
ol li ol li ol li ul li, ol li ol li ol li ol li { color:  rgba(74,74,74,1); }
/* 调整嵌套列表的缩进 */
ul ul, ol ol, ul ol, ol ul {
    padding-left: 2px; /* 子列表的缩进小于父列表 */
}
/*----------------------------------------------------------------*/
hr {  /*分隔线*/
    height:0.91px;
    margin: 1.5rem 0px;
    border: none;
    border-top: 3px dashed hsl(154, 67%, 65%);
}
  
h1 { /*一级标题*/
    font-size:1.2em;
    margin-bottom: 2em;
    margin-right: 5px;
    padding: 8px 15px;
    letter-spacing: 1px;
    /* 保持文字颜色为纯白色 */
    border-left: 10px solid rgba(236, 10, 10, 0.7); /* 可以根据需要调整边框颜色 */
    background:rgba(255,10,10, 0.25);
    border-radius: 10px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); /* 文字阴影，增强对比 */
    box-shadow: 1px 1px 2px rgba(51, 51, 51, 0.5); /* 盒子阴影，可根据需要调整 */
    text-align: center;
}
h2 {
    font-size:1em;
    margin-bottom: 2em;
    margin-right: 5px;
    padding: 8px 15px;
    letter-spacing: 1px;
        /* 保持文字颜色为纯白色 */
    border-left: 10px solid rgba(139,87,42,1); /* 可以根据需要调整边框颜色 */
    background:rgba(139, 87, 42, 0.25);
    border-radius: 10px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); /* 文字阴影，增强对比 */
    box-shadow: 1px 1px 2px rgba(51, 51, 51, 0.5); /* 盒子阴影，可根据需要调整 */
    text-align: center;
}
  
h3 {
    font-size:1em;
    margin-bottom: 2em;
    margin-right: 5px;
    padding: 8px 15px;
    letter-spacing: 1px;
    /* 保持文字颜色为纯白色 */
    border-left: 10px solid rgba(65,117,5,1); /* 可以根据需要调整边框颜色 */
    background:rgba(65, 117, 5, 0.25);
    border-radius: 10px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); /* 文字阴影，增强对比 */
    box-shadow: 1px 1px 2px rgba(51, 51, 51, 0.5); /* 盒子阴影，可根据需要调整 */
    text-align: center;
}
h4 {
    font-size:1em;
    margin-bottom: 2em;
    margin-right: 5px;
    padding: 8px 15px;
    letter-spacing: 1px;
    /* 保持文字颜色为纯白色 */
    border-left: 10px solid rgba(74,74,74,1); /* 可以根据需要调整边框颜色 */
    background:rgba(74, 74, 74, 0.25);
    border-radius: 10px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); /* 文字阴影，增强对比 */
    box-shadow: 1px 1px 2px rgba(51, 51, 51, 0.5); /* 盒子阴影，可根据需要调整 */
    text-align: center;
}
  

zotero添加到笔记有引号，去掉引号、引注

<p>{{highlight quotes='false'}} {{comment}}</p>

Zotero分享：取消自动添加引注（通过修改annotations.noteTemplates） - 知乎 (zhihu.com)

更换字体

目前我用的是思源宋体，还不错

参考：https://mp.weixin.qq.com/s/MPSIbIhzlsBnpcYqNf8sDw

图片提取

参考：https://mp.weixin.qq.com/s/6rd32pCgpB2bVfRHSh432w