Zoteroノートのカスタマイズとテンプレートデザイン

まずこの記事とその公式アカウントに感謝します。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}</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 { /*レベル1の見出し*/
    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)

フォントの変更

現在はSource Han Serifを使用しています、とても良いです

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

画像の抽出

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

タグ: Zotero CSS ノートテンプレート カスタマイズ 学术ソフトウェア

6月16日 21:51 投稿

ホットタグ

©2026 異端開発室