首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Asciidoc角色和手册

Asciidoc角色和手册
EN

Stack Overflow用户
提问于 2017-06-16 18:10:20
回答 1查看 736关注 0票数 1

我正在尝试在AsciiDoc中使用Gitbook (运行Win10x64,NodeJS 6.9.1和Gitbook v3.2.2) --我对这两个版本都很陌生。

自从v2.0.0和链接到Gitbook文档上说,AsciiDoc就被支持了--我检查了节点包,gitbook依赖于gitbook-asciidoc,而gitbook-asciidoc又依赖于asciidoctor.js

根据文档,可以使用AsciiDoc角色对图像和表进行样式化。它们引用应用于HTML元素的类,这些类是在默认的AsciiDoctor系统样式表中定义的。

但是,无论我如何尝试应用角色,例如对图像( [.text-center]速记或[role="text-center"] ),我都得不到预期的输出(即以水平为中心的图像)。我唯一能让它为图像工作的方法是设置一个属性align="center",这一点甚至没有文档化。

通过查看浏览器中的输出,我可以看到类被应用于HTML元素,但是没有匹配的CSS规则--就我尝试过的表样式而言,也是如此。

关于AsciiDoctor角色和样式表,我在这里遗漏了什么?

编辑asciidoctor.jsgitbook的devDependency,实际上没有与gitbook一起安装。align="center"AsciiDoc文档中有记录,但其他特性,比如表样式(至少frame="none"grid="none"),似乎不适用于gitbook

如果不支持…,我仍然不明白为什么Gitbook文档链接回助理医生的文档

EN

回答 1

Stack Overflow用户

发布于 2017-08-09 15:17:03

在AsciiDoc中使用GitBook语法时,AsciiDoctor用于将AsciiDoc语法转换为AsciiDoc。然后,HTML使用GitBook,因为您使用的是GitBook主题而不是AsciiDoctor主题。这意味着您没有得到默认的AsciiDoctor样式。

在GitBook中添加您自己的样式很容易。在book.json中,指定一个额外的样式表:

代码语言:javascript
复制
"styles": {
  "website": "styles/mystyles.css"
},

然后,创建styles/mystyles.css,以便它包含您想要使用的CSS样式:

代码语言:javascript
复制
.text-center {
  text-align: center;
}

您可以将样式从AsciiDoctor样式表复制到styles/mystyles.css中,但要做好调整样式和类以在正在使用的GitBook主题中工作的准备。

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/44595514

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档