CSS
如果你看上了这个博客的主题,并且想要了解它是如何被制作出来,或是想用于自己的博客中去,那么请看看这边: 我将我使用的 CSS 主题称为“Writee Adwaita”。顾名思义,灵感来源于 GNOME/Adwaita 的配色方案与设计,同时在一些地方融入了一些我自己的设计风格。除此之外,它的默认样式都是根据中文环境进行设置的。虽然名称带有“Writee”的字样,但是这个主题应该可以适用于大部分 Writefreely 实例。 这个主题提供了一些功能,包括:标题粘贴、超长博客部分隐藏、一些颜色的 CSS 变量、外部字体引用等。如果你有任何对于此主题点子,比如一些特殊样式的 CSS 类等,我完全欢迎你在它的议题区里面给发表一些意见,或是直接发送一个合并请求。我在此事先无限感激且欢迎你们的任何贡献!
对于其中--code-*的颜色,我使用(参考)了 VSCode Adwaita 的配色方案。由此,根据许可证,整个 CSS 使用 GNU 通用公开许可证 v3.0 或其更新版本来发布。你可以在遵循此许可证的情况下自由地进行对整个 CSS 文件的分发、修改、合并、使用等行为。
它用于 Writee(Writefreely)中的 Customizing CSS 功能。请使用在:root中定义的 CSS 变量来方便地自定义整个界面,或是直接编辑 CSS 正文。
Git 仓库被托管到了 Codeberg,URL 为:https://codeberg.org/rovol/writee-adwaita。 你可以直接在这里下载最新版本(测试版本 0.2)的 .zip 或 tarball 文件:
自定义 CSS 样式表
这个主题提供了对一些特定的 CSS 类的样式表。请注意,这些类不适用于默认的 CSS。
目录
.post-signature-block
<div class="post-signature-block">Rovol
二〇二五年九月二十一日</div>
.quote-signature
> 你是一种新的力量,一种新的权力吗?是最初的运动吗?是自转的车轮吗?你也能强迫星辰绕着你运转吗?
> <div class="quote-signature">——尼采《查拉图斯特拉如是说》</div>
你是一种新的力量,一种新的权力吗?是最初的运动吗?是自转的车轮吗?你也能强迫星辰绕着你运转吗?
——尼采《查拉图斯特拉如是说》
.text-color-emphasis
一些其他文本<span class="text-color-emphasis">重要的事情</span>一些其他文本。
一些其他文本重要的事情一些其他文本。
Callouts
<div class="callout callout-info"><div class="callout-title">信息</div>Callout 内容。</div>
<div class="callout callout-example"><div class="callout-title">示例</div>Callout 内容。</div>
<div class="callout callout-tip"><div class="callout-title">提示</div>Callout 内容。</div>
<div class="callout callout-attention"><div class="callout-title">注意</div>Callout 内容。</div>
<div class="callout callout-warning"><div class="callout-title">警告</div>Callout 内容。</div>
<div class="callout callout-note"><div class="callout-title">注释</div>Callout 内容。</div>
<div class="callout callout-summary"><div class="callout-title">总结</div>Callout 内容。</div>
<div class="callout callout-question"><div class="callout-title">问题</div>Callout 内容。</div>