小编Mat*_*ith的帖子

在GitHub README.md中嵌入JavaScript

我想在GitHub自述文件中嵌入一条推文.Markdown应该支持这一点,但是当我添加从推文中复制的代码时,JavaScript不会被渲染.

例:

<blockquote>...</blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

有任何想法吗?

javascript markdown github

31
推荐指数
2
解决办法
1万
查看次数

Jekyll strip_html但允许某些HTML标记

在我的Jekyll帖子中,我strip_html用来在主页面上显示一篇简短的50字的帖子介绍:

<p>{{ post.content | strip_html | truncatewords:50 }}</p>
Run Code Online (Sandbox Code Playgroud)

strip_html从此摘录中删除所有HTML.但我想包括一些HTML,特别是<i><p>.

是否有_config.yaml用于执行此操作的配置(),或者是否存在strip_html无法自定义的限制?

liquid jekyll

6
推荐指数
1
解决办法
1743
查看次数

具有空格或多个单词的Jekyll标签

我在Jekyll中将标记用于我的博客文章。以下是我在Markdown文件的最前面声明的标签的示例:

---
tags: [jekyll, tags, user experience]
---
Run Code Online (Sandbox Code Playgroud)

我遇到的问题是,“用户体验”是用空格渲染的,这会断开标记的链接。我想知道是否可以使用带有空格或多个单词的标签。

这是我的代码如下所示:

用Ruby标记:

{% if page.tags.size > 0 %}
  <div class="post-tags">
    <ul>
      {% for tag in page.tags %}
        <li><a href="/tags#{{ tag }}">{{ tag }}</a>{% if forloop.last == false %},{% endif %}</li>
      {% endfor %}
    </ul>
  </div>
{% endif %}
Run Code Online (Sandbox Code Playgroud)

有人对我该怎么做有任何想法吗?谢谢!

ruby liquid jekyll

5
推荐指数
2
解决办法
1276
查看次数

Jekyll 不区分大小写的排序

我正在尝试在 Jekyll 中创建一个标签列表。一些标签是“可访问性”、“CSS”和“JavaScript”。所以我创建列表的 Jekyll 代码如下所示:

<ul>
  {% for item in (0..site.tags.size) %}{% unless forloop.last %}
    {% capture this_word %}{{ tag_words[item] }}{% endcapture %}
    <li>
      <a href="#{{ this_word | cgi_escape }}" class="tag">{{ this_word }}
        <span>({{ site.tags[this_word].size }})</span>
      </a>
    </li>
  {% endunless %}{% endfor %}
</ul>
Run Code Online (Sandbox Code Playgroud)

但是,列表的呈现不是按字母顺序排列的。首先区分大小写,首字母大写;所以我上面的示例标签按以下顺序呈现:

  • CSS
  • JavaScript
  • 可达性

有没有办法使排序列表不区分大小写?

tags case-insensitive liquid jekyll

3
推荐指数
1
解决办法
430
查看次数

如果帖子没有图像,如何获取Jekyll帖子的缩略图?

如果我正在使用Jekyll建立博客,并且想共享文章链接。我想为帖子提供预览缩略图,但是,帖子本身没有图像,并且我想保持这种方式。有什么想法吗?

jekyll

2
推荐指数
2
解决办法
3228
查看次数

如果 DIV 没有特定的同级,则 CSS 定位

我正在使用第三方应用程序生成的标记,因此我对其进行品牌化并遇到了我无法解决的情况。大多数时候,HTML<div>容器中会有两个<div>具有相同类名 的s formCol。总有一个clear兄弟姐妹:

<div class="formRow">
    <div class="formCol">Two Divs</div>
    <div class="formCol">With the Same Class</div>
    <div class="clear"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

.formCol有时容器中只有一个。我希望能够在formRow只有一个时定位formCol,但因为它仍然是我无法使用clear的兄弟姐妹。:only-of-type:only-child

<div class="formRow">
    <div class="formCol">One Div</div>
    <div class="clear"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

formRow当其中只有一个时我该如何定位formCol

html css

2
推荐指数
1
解决办法
125
查看次数

标签 统计

jekyll ×4

liquid ×3

case-insensitive ×1

css ×1

github ×1

html ×1

javascript ×1

markdown ×1

ruby ×1

tags ×1