第49期 zotero教程 如何使用HTML语法为条目文字添加样式(代码示例说明)

第49期 zotero教程 如何使用HTML语法为条目文字添加样式(代码示例说明)

本期介绍如何对zotero条目信息的特定文字和内容添加样式

通过自定义的加粗,斜体,背景色等,实现更加优雅的zotero美化;

本文以zoterostyle为例介绍简记的显示样式如何修改。如果使用linter插件也可对其它字段样式修改
这篇写太早了,现在看看真的太垃圾了

展示效果

  • 通过HTML语法,实现条目内容的
    • 加粗
    • 斜体
    • 横线
    • 背景色
    • 字间距
    • 字体颜色
    • 等等,本文仅展示zotero常用的或可能会用到的HTML语法

代码

HTML语法大致说明

  • HTML(HyperText Markup Language)是构建网页和网络应用的标准标记语言。它不是一种编程语言,而是一种用于定义网页内容结构的语言。HTML 使用标签来描述网页上的内容。下面是一些基本的HTML语法元素。在zotero里,也可以使用html语法进行zotero展示样式的修改
  • 直接标签设置语法,以bold标签为例
    • 左右的b(bold)标签,代表标签内文本展示为加粗样式
    • 同理的标签为i(斜体)
  • 内嵌样式设置语法,以背景颜色设置为例
    • 标签左右的span表示是一个无样式的常用内容块
    • 样式内嵌在标签的style属性里,示例设置是背景色为黄色
    • 同理的语法可以设置字体块的背景,字体,字号,字体是否居中,字体间距等(非常丰富)
  • 注意:部分语法如加粗斜体,也可以在内嵌的样式里设置。语法是自由的。但大家只要会大致的结构用就可以了。具体的话要学习CSS和HTML语法

可直接复制粘贴使用语法代码

文本加粗

使用 \ 或 \ 标签

<b>这是加粗文字</b>

文本斜体

使用 \ 或 \标签。

<i>这是斜体文字</i>

文字横线

使用 \ 或 \ 标签。

<s>这是有横线的文字</s>

文字背景色

使用内联样式 style 属性设置 background-color

   <span style="background-color: yellow;">这是有黄色背景的文字</span>

字体颜色

使用内联样式 style 属性设置 color

   <span style="color: blue;">这是蓝色字体的文字</span>

字间距

使用内联样式 style 属性设置 letter-spacing

   <span style="letter-spacing: 2px;">这是字间距增加的文字</span>

字体上标

使用 \ 标签。

   <p>这是上标<sup>上标文字</sup></p>

字体下标

使用 \ 标签。

   <p>这是下标<sub>下标文字</sub></p>

设置同时斜体又有背景色

<span style="background-color: yellow; font-style: italic;">这是斜体且有黄色背景的文字</span>

为整个文本块设置背景色

为个文本块设置背景色而不仅仅是文字本身,可以将背景色应用于一个容纳文字的较大的HTML元素,如\

。例如,如果您想设置一个既包含斜体文本又有背景色的文本块

<div style="background-color: lightblue; text-align: center;">
这是斜体文字
</div>

如何使用

  • 直接在zotero的属性栏里填入代码,并且把代码里的文字改为自己需要的文字

使用linter插件进行快捷设置

  • 安装网址:northword/zotero-format-metadata: Linter for Zotero. (github.com)(https://github.com/northword/zotero-format-metadata)
  • 可公众号后台回复“插件”直接获取
  • 下载插件并安装,zotero插件安装方式见往期推文
  • 点击条目栏的信息,单击,弹出样式设置框,进行样式设置
暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇
豫ICP备2024070730号
Theme Argon