如何更改 Jekyll 网站的默认字体

2024-01-13

我是使用 Jekyll、css 等的新手,我分叉了现在的杰基尔 https://github.com/barryclark/jekyll-now回购。有没有办法可以更改或添加整个 jekyll 网站的默认字体?看起来像这个帖子 https://stackoverflow.com/questions/38955342/jekyll-define-fonts-in-config-yml可能有一些答案,但我不太明白。


编辑文件style.scss https://github.com/barryclark/jekyll-now/blob/v1.2.0/_sass/_variables.scss位于 jekyll 实例的根目录下,您可以从中更改字体:

body {
  ...
  font: 18px/1.4 $helvetica;
}

to this:

body {
      font-family: "Times New Roman", Times, serif;
}

或者任何你想要的字体。

如果你想让它变得更好,使用变量,将它们添加到_sass/_variables.css https://github.com/barryclark/jekyll-now/blob/v1.2.0/_sass/_variables.scss

$times: "Times New Roman", sans-serif;

然后改变style.scss https://github.com/barryclark/jekyll-now/blob/v1.2.0/_sass/_variables.scss:

body {
    font: 18px/1.4 $times;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何更改 Jekyll 网站的默认字体 的相关文章

  • 提升变焦不起作用

    我正在使用带有苹果风格幻灯片画廊的提升缩放功能 一切正常 然而 缩放功能会放大被滑块隐藏的隐藏图像 直到单击缩略图时它们变得可见 启动缩放插件的原始代码是 zoom 01 elevateZoom 我从其他问题中得到了下面的 JavaScri
  • 使用 CSS 更改 svg 图像的颜色 [重复]

    这个问题在这里已经有答案了 我的 html 文件中有以下 svg 图像 img class svg src my image link svg 现在 我尝试使用以下 css 代码更改颜色 svg path fill black 然而 一切都
  • 如何实现弧形顶部指针

    有人可以帮忙解决这个问题吗 如何仅用CSS实现附加按钮 无图像 到目前为止 这是我的代码 triangle up width 0 height 0 border left 25px solid transparent border righ
  • 如何使用 XPath 通过 CSS 类查找元素?

    我的网页里有一个div with a class named Test 我怎样才能找到它XPath 该选择器应该可以工作 但如果将其替换为适合的标记 则会更有效 contains class Test 或者 因为我们知道所寻找的元素是div
  • 仅在 Safari 中位于 div 外部的文本

    我有这个错误 让一些文本出现在右侧 div 之外的几个像素处 奇怪的是 这种情况只发生在 Safari 中 我以前从未见过它 它只是我使用过的常规 HTML CSS 我在互联网上环顾四周 但找不到完全相同的问题 由于高度固定 只有一些内容在
  • 在 Safari 中提交表单后无法对 DOM 进行样式更改

    在 Safari 中提交表单后 我在对 DOM 进行样式更改时遇到问题 有谁知道它是否可能 这是 Safari 预期的浏览器行为吗 我设置了一个非常简单的示例 以便您可以看到实际问题 http jamesmichaelking com st
  • Google 应用引擎 100 个 URLMap 条目限制

    我一直在使用Google应用程序引擎来构建我的网站 并遇到了关于URLMap最大数量的问题 我有101个URL 但限制是100 这是错误消息 Fatal error when loading application configuratio
  • 如何创建多列列表?

    我有一个 有序列表 其中包含大约 100 个 列表项 这使得我的页面很长 用户不得不滚动太多 我怎样才能让 UL 显示如下 1 6 11 2 7 12 3 8 13 4 9 14 5 10 15 如果您不关心垂直顺序 而只关心布局 1 2
  • 通过 Javascript 更改 Webkit 属性?

    请帮助我 可能是因为我对 CSS 动画和 Javascript 相当陌生 但我使用的代码应该更改它的属性 当我运行代码时 它会执行代码中的所有其他操作 除了更改所需 div 的 CSS 属性 我已经尝试了所有这四种方法 但似乎都不起作用 它
  • css 在 body 上应用宽度

    我对 html 和 css 完全陌生 所以我的问题可能非常基本 但希望你们能帮助我 udnerstnad 我正在使用以下 css 代码 body background color Olive width 550px font family
  • 如何在引导程序中制作两个等高的列?

    我有这个代码 HTML div class container fluid div class row div class col md 6 p Line p p Line p p Line p p Line p p Line p p Li
  • HTML/CSS:页面左侧的导航栏

    我发现创建这样具有良好语义的布局很尴尬 左侧是大约 150 像素宽的列 其中包含导航元素 我想将网站这部分的 HTML 放在 HTML 代码的开头 然后有一个简单的方法来强制页面的其余部分不侵占左侧的区域 150 像素列 我考虑过一些选择
  • 将一个 div 垂直居中对齐到另一个 div 中

    说我有 div class outer div class inner some stuff div div 内部 div 具有动态高度 它根据 div 内部的内容而变化 外部 div 只是一个容器 设置为具有窗口的高度 我想将其设置为使内
  • 使用日期类型将输入字段中的日期居中

    我想将日期居中input not input inside div 如果我进行居中 它将把日期居中于input因为有一个右侧面板用于根据日历选择日期 该面板根据输入宽度调整大小 用于演示的小代码片段 center text align ce
  • scrapy获取同一个类的第n个子文本

    我附上了一张照片 我面临的问题是获取同一类的第一个元素 我想得到 adxHeader gt adxExtraInfo 1st one gt adxExtraInfoPart 1st one gt a text 我编写了以下代码但不起作用 任
  • 滚动时静态标题

    我编写了一个主页 现在我正在尝试构建一个标题 该标题是静态的 就像在滚动内容时不滚动一样 当内容位于其下方时 它应该保持在顶部 我找到了这个解决方案here https stackoverflow com questions 9677894
  • 当我“显示:无”一个 SVG 时,另一个(独立的)SVG 会以不同的方式呈现

    我已经伤透了几个小时了 这没有任何意义 我将遇到的问题减少到这个codepen https codepen io Octopous pen OJORpJQ https codepen io Octopous pen OJORpJQ HTML
  • 当我尝试转发电子邮件时,时事通讯无法隐藏 Gmail 上的响应内容

    我正在尝试写一份时事通讯 但当我测试时 我无法隐藏响应式内容GMail On Outlook and Yahoo一切正常 但如果我尝试转发电子邮件 隐藏的内容就会可见 我测试使用 putsmail https putsmail com gt
  • Django 1.6 的静态文件

    我花了一整天但没有任何作用 我在这里看到了至少 20 篇关于同一主题的帖子 它们各不相同 有不同的建议 但没有一个对我有用 使用 Python 2 7 运行 Django 1 6 我正在尝试从 django 教程加载民意调查应用程序的 cs
  • 使用 JavaScript 从 URL 变量读取来加载不同的 CSS 样式表

    我试图在我的 WordPress 博客上使用两个不同的样式表 以便在通过 Web 访问页面时使用一个样式表 而在通过我们的 iOS 应用程序访问博客内容时使用另一个样式表 现在 我们将 app true 附加到来自 iOS 应用程序的 UR

随机推荐

  • 在哪里可以下载预编译的 GTK+ 3 二进制文件或 Windows 安装程序? [关闭]

    Closed 此问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 我看过 GTK 3 我喜欢它 但不幸的是 从源代码编译从来没有对我有用 有没有像样的二进制文件或者更好的
  • Bash:将所有具有重复值的行保留在 X 列中

    我有一个包含几千行和 20 多列的文件 我现在只想保留第 3 列中与其他行中具有相同电子邮件地址的行 文件 名字 姓氏 电子邮件 Mike Tyson email protected cdn cgi l email protection T
  • 调整大型结构向量大小时的分割错误

    下面的代码生成分段错误 我不明白为什么 下面的代码使用向量来存储多个大型结构 但代码无法运行并生成分段错误 我不明白为什么 我的理解是向量调整大小在堆中分配内存 因此这不应该是堆栈溢出问题 我的系统具有非常大的物理内存 256 GB 并且代
  • WooCommerce:根据运输方式自动完成付款订单

    我有一种产品 人们可以直接打印 运送方式 1 或选择通过运送服务获取 运送方式 2 因此 如果他们选择仅直接打印 送货方式 2 订单应该自动完成 是否可以从 WooCommerce 扩展该代码片段 从我找到的文档中this https do
  • Apache POI - Word (docx) 文档中的多列

    我正在尝试创建一个包含多列的Word文档 这样做 而不是使用表格 的原因是数据将跨越多个页面 并且只有使用列我才能在添加到新页面之前填充整个页面 可以用 Apache POI 来完成吗 谢谢 使用先前创建的具有多列的空文档怎么样 像这样 X
  • 根据条件降序排列

    我想编写一个 LINQ to Entity 查询 它根据输入参数按升序或降序排序 有什么办法吗 以下是我的代码 请建议 public List
  • 当未初始化的内存传递给函数时如何断言/测试

    我遇到过这样的情况 有时发现我的部分代码传递了未初始化的内存 我正在寻找一种在使用调试堆运行时发生这种情况时可以断言的方法 这是一个可以在其他地方抛出的函数 以提供跟踪错误的额外帮助 void foo char data int dataB
  • jqplot、highcharts、flot如何从轴刻度处捕获点击事件

    我希望能够捕获与所有轴刻度挂钩的单击事件 这是我到目前为止所做的 http jsfiddle net grVFk 5074 http jsfiddle net grVFk 5074 如果有人知道如何使用任何图表插件来做到这一点 请分享 th
  • QtToolBar 按钮文本中带有下划线快捷键

    我有一个简单的 Qt 工具栏 带有纯文本按钮Action MainWindow MainWindow QWidget parent QMainWindow parent QToolBar toolBar new QToolBar this
  • 使用SoupStrainer选择性解析

    我正在尝试解析购物网站上的视频游戏标题列表 然而 由于项目列表全部存储在标签内 This http www crummy com software BeautifulSoup documentation html Improving 20P
  • 特定页面的访问者数量

    我想查看特定页面 我有该页面的 URL 上的访问者数量 我在 Analytics 中找不到输入 URL 来查找该特定页面的统计信息的位置 Go to Behavior gt Site Content gt All Pages and put
  • matlab中矩阵的排序

    我正在对矩阵进行模拟 假设是 5x5 矩阵 该矩阵的元素之一是已知的 下面的后方块 该位置不会始终位于中心 我想从该位置开始并螺旋式访问其他元素 我已按数字显示了顺序 如何在大矩阵 例如 1000x1000 中定义这个顺序 因为我无法手动完
  • 如何从 numpy 数组的每一行中仅获取第一个 True 值?

    我有一个 4x3 布尔 numpy 数组 我试图返回一个相同大小的数组 除了原始数组每行上第一个 True 值的位置之外 该数组全部为 False 所以如果我有一个起始数组 all bools np array False True Tru
  • 某些图像未在移动浏览器中显示(但在桌面浏览器中显示)

    我遇到的问题是 某些图像无法在 iPhone 上的移动浏览器中显示 但我可以在所有桌面浏览器中看到它们 在我的手机上 我只看到一个带有灰色边框的空白框 该图像应该在该位置 一些注意事项 这似乎是随机发生的 因为有些图像在一天显示 然后在第二
  • 如何将 ArrayList 传递给另一个应用程序中的活动?

    我正在尝试在两个应用程序之间共享数据 首先我想到将文件保存到SD卡然后读取它 但是这个解决方案不起作用 所以如果有办法发送一个文件 我会受伤ArrayList of an Object实现Parcelable 还可以采取什么其他方式来实现这
  • 我是否需要显式重载接受 const 左值引用作为右值引用的方法?

    目前我正在尝试右值引用 C 11 g 和 gnu x0 并且我想在我的类中实现移动语义 因为它感觉 正确 我是否需要重载通常接受 const 左值引用的每个函数才能从右值引用中受益 假设这是我的示例类 class Person public
  • 使用并行库添加到列表时保证线程安全的正确方法

    我循环访问连接字符串数组 并在每个循环中提取一些信息并将其添加到列表中 现在 我想使用并行库使其成为多线程 但我不确定该库是否保证对列表的写入是线程安全的 或者我是否需要使用锁定 List
  • 如何在django中调试ajax请求

    我知道例如 def home request if request method POST k p 1 return HttpResponse simplejson dumps dict mimetype application javas
  • Vim:将选定的文本通过管道传输到 shell cmd 并在 vim 信息/命令行上接收输出

    我想将选定的文本通过管道传输到 shell 命令并在 vim 信息 命令行上接收此 shell 命令的一行输出 我真正想做的事情 将选定的文本通过管道传输到pastebin类型的shell命令 并且我想接收shell cmd的输出 这是pa
  • 如何更改 Jekyll 网站的默认字体

    我是使用 Jekyll css 等的新手 我分叉了现在的杰基尔 https github com barryclark jekyll now回购 有没有办法可以更改或添加整个 jekyll 网站的默认字体 看起来像这个帖子 https st