最好有一个使用了Tufte CSS的页面列表。 这将帮助我们了解我们要针对的功能。
daveliepmann
所有29条评论
我在这里使用TufteCSS： gwydion.uk 。
我做了很少的CSS更改（全部在index.html中），包括收紧边注的开头并在顶部填充以重新对齐基线（请参阅＃29）。 其他更改是为了集成Lightbox，从而避免链接图像的底部边框。 我还提出了另一种标题样式，因为（在我看来）侧边栏倾斜的标题看起来与照片而不是数字很奇怪。
我不太确定的是，这是否是TufteCSS真正适合的页面类型。 当然，这使预期的用例弯曲了。 但是，我在这里使用了一个笑话元素，因此它适用于目标受众……只是目标受众是谦虚的！
jjsanderson
于 2015-09-13
恭喜@jjsanderson！ 我承认我没有想到将出生声明用作用例，但这非常不错。
daveliepmann
于 2015-09-13
谢谢！ 是的，这是一个奇怪的用例。 当然，欢迎您将其作为示例添加到文档中，尽管它与预期的文档类型相去甚远。
jjsanderson
于 2015-09-13
我将其用于几周前开始的博客小事。 读过我在那儿写的东西的人都喜欢它！ 也就是说，这几乎是一个个人项目。
题外话，但我大约在三周前（10月22日）创建了该网站。 从那以后，我应该知道Tufte CSS的重要更新吗？
更新：不再使用该项目，所以我删除了链接。
sotojuan
于 2015-11-15
@sotojuan不错！ 我也更喜欢Palatino，而不是Bembo。 ：+1：
ghost
于 2015-11-16
@jjsanderson我爱你添加了开放图的东西！
mandaris
于 2015-12-01
@mandaris哈！ 你知道的，我忘了我做到了。 我可能反对在Facebook上轰炸地毯式婴儿照片，但在这种情况下，Facebook几乎是预定的受众。 所以，是的，opengraph。 :-)
jjsanderson
于 2015-12-01
我在我的网站_外交关系局局长（ Github repo ）上使用Tufte CSS和Tufte-LaTeX。 该站点上的每个页面既作为网页又作为Tufte Handout类中的PDF文件存在，两者都是通过使用Pollen的相同标记生成的。
要查看花粉用于生成每个页面（主页除外）的标记，您可以单击顶部的“◊花粉来源”链接（示例）。 花粉真的很棒，它可以让您设计自己的标记并以任何文本源格式为目标。 因此，即使Tufte CSS中的HTML标记有点怪异，在实践中也变得相当容易使用：例如， ◊numbered-note{Sidenote text}会生成边注的所有标记。
此外，花粉还用于将单独的页面缝合在一起，形成同样为Tufte风格的《平地》一书的完整印刷就绪PDF。
我使用的是Tufte CSS的最新版本，没有任何实际更改。 我将自己的所有CSS保留在单独的样式表中。
otherjoel
于 2016-01-21
@otherjoel非常好的东西。 感谢分享！
daveliepmann
于 2016-01-22
我在项目页面中使用了一个有趣的引导程序组合： http :
frostbitten
于 2016-01-28
我还制作了一个分叉tufte-css格式的分叉，以便可以创建模块化的内容块，如下所示：
我只是给所有css选择器添加了自定义标识符.tufte-body
另一个迭代：
这包含定制的表单元素：
移动：
frostbitten
于 2016-01-28
我将其用于排名情况愤怒，它主要是单词，它们的定义以及它们的定义来源的列表。
benlk
于 2016-02-23
我已经开始使用Tufte CSS撰写新博客。 我真的很喜欢它的外观。 之前，我已经为另一个站点完成了自己的CSS，该站点与Tufte CSS非常接近，因此我认为我可以只使用Tufte而不是将旧代码移植到新的静态站点生成器中。
我现在使用的是Lekor ，IMO已修复了所有以前的静态站点生成器（如hexo等）的一些问题。
我注意到的一件事是，没有任何印刷媒体CSS。 那可以添加吗？
steckerhalter
于 2016-03-01
@steckerhalter刚开始时实际上曾经有一些基本的印刷媒体CSS。 我不确定是在上一个〜六月/七月的大型升级中删除了它，还是早于此，但是原因是缺乏对QA完全不同的用例的渴望。 我建议从过去检查提交历史。 干杯!
daveliepmann
于 2016-03-01
我创建了一个实现Tufte CSS的Jekyll主题！ 它也符合AMP，因此超快。 签出：完美无瑕。
siawyoung
于 2016-03-31
我已经为自己的网站采用了TufteCSS并喜欢它。 到目前为止，不需要（也不需要进行调整）（对主页和其他一些调整），并且我按原样使用了框架。 做得好！
gamecubate
于 2016-08-26
在markbucciarelli.com上的博客中使用它。 对工作非常满意，谢谢！ （我在代码包装请求请求中使用它。）
mbucc
于 2016-09-17
dakrone
@siawyoung （和@ clayh53 ）在一定程度上击败了我，但我也编写了一个小小的Jekyll主题。 它试图尽可能地靠近tufte-css。 https://github.com/sdruskat/tufte-css-jekyll。
sdruskat
于 2016-12-02
我创建了一个名为tufte-markdown的项目，因此您可以简单地使用Markdown编写文章，然后可以使用Tufte的样式将它们转换为漂亮的HTML和PDF文章。
您可以在tufte-markdown上找到它的状态。
duzyn
于 2017-06-02
我在mplewis.com （源代码）中使用Tufte CSS。
mplewis
于 2017-06-12
这是一项正在进行的工作，但是我使用我自己在Tufte CSS上改编的汞文件。 我将发表一篇文章，介绍如何使用我创建的边注和边注Wordpress短代码来加快我的工作流程。 准备好后，我会链接到它。
seezee
于 2018-04-15
我刚刚完成了重建个人网站以使用tufte-css的操作：
我写下了使用Pandoc，Pandocomatic，pandoc-sidenote和tufte-pandoc-css从markdown生成我的网站的知识和工具：
https://jasonpeacock.com/projects/markdown-websites/
一切都可以在我的仓库中找到：
https://github.com/jasonpeacock/websites/tree/master/jasonpeacock.markdown
jasonpeacock
于 2019-01-12
我正在尝试使用Bootstrap 4构建Tufte CSS布局。
https://github.com/dylan-k/tufte-bootstrap
欢迎贡献者。
dylan-k
于 2019-05-21
我正在尝试使用Bootstrap 4构建Tufte CSS布局。
https://github.com/dylan-k/tufte-bootstrap
欢迎贡献者。
我查看了您在检查器工具中的错误，但无法弄清楚是什么导致了该段落的下降。 原始的Tufte CSS使用右浮点来完成旁注和旁注。 您的解决方案更加优雅-希望您能够解决它！
seezee
于 2019-05-21
我最近通过使用Tufte CSS将网站按原样拖入Jekyll来重建了我的网站。 要点是：
- 与MathJax完美融合。
- 简单的水平导航添加到每个页面的顶部。
- 主页列出了5个最新帖子。
- “存档”页面包含按时间倒序排列的所有帖子的永久链接。
- 每个帖子都用html标记编写，Jekyll用
<article>标签将每个帖子包装起来。 - 将Markdown用于主题主题的可行性尚不确定。
juliuso
于 2019-07-13
大家好，在这里收集了Tufte CSS的用法很长时间之后，我决定将内容移到Wiki上，使其更合适。 我想我把一切都抄了下来。 如果我错过了什么，请随时自行编辑Wiki。
感谢分享 ：）
daveliepmann
于 2019-09-02
在我用芬兰语写成的回文报的小型网站上，我对Tufte CSS的使用有些不合常规： palindromi.fi
akaihola
于 2020-03-22
我刚刚在其中使用了Tufte CSS的另一个站点是etätunnit.taiteilijat.fi （到目前为止仅在芬兰语中），该站点包含使用Zoom视频会议应用程序进行远程乐器课程的指南，并配置了其独特的能力来获得良好的音质。音乐，而不是针对语音进行优化。
akaihola
于 2020-03-22
adamschwartz
·
fustkilas
·
Saturate
·
langford
·
最有用的评论
我在我的网站_外交关系局局长（ Github repo ）上使用Tufte CSS和Tufte-LaTeX。 该站点上的每个页面既作为网页又作为Tufte Handout类中的PDF文件存在，两者都是通过使用Pollen的相同标记生成的。
要查看花粉用于生成每个页面（主页除外）的标记，您可以单击顶部的“◊花粉来源”链接（示例）。 花粉真的很棒，它可以让您设计自己的标记并以任何文本源格式为目标。 因此，即使Tufte CSS中的HTML标记有点怪异，在实践中也变得相当容易使用：例如，
◊numbered-note{Sidenote text}会生成边注的所有标记。此外，花粉还用于将单独的页面缝合在一起，形成同样为Tufte风格的《平地》一书的完整印刷就绪PDF。
我使用的是Tufte CSS的最新版本，没有任何实际更改。 我将自己的所有CSS保留在单独的样式表中。