Jekyll 博客我必须制作类似的 html 吗

Question

我正在制作一个 jekyll 博客，这是 link。 https://jinmc.github.io/programmingTips/

您也可以从这里查看代码：https://github.com/jinmc/programmingTips

现在我刚刚完成侧边栏，我知道它是如何工作的，并且只在一个关键字 csharp 上实现。其余的不起作用。

我通过创建一个 csharp.html 文件并在其上执行这段代码来实现它。

---
layout: default
sidebar: sidebar_nav
---

<h1>C Sharp</h1>
<ul>
    {% for posts in site.categories.csharp %}
    <li>
    {%- assign date_format = site.minima.date_format | default: "%b %-d, %Y" -%}
            <span class="post-meta">{{ posts.date | date: date_format }}</span>
            <h3>
            <a class="post-link" href="{{ posts.url | relative_url }}">{{posts.title}}</a>
            </h3>
            <p>{{posts.meta}}</p>
    </li>
    {% endfor %}

</ul>

像这样。

关于侧边栏导航，我可以制作每个 html，但我开始怀疑如果这是一个很好的做法，因为它里面的内容几乎是相似的。另外，每次创建新类别时，我都必须创建所有其他 html 个文件。但是，还是想不出有什么可以自动化的。

提前致谢！

Answer 1

我建议编写一个 JavaScript 方法来侦听对导航栏元素的点击并有选择地隐藏或显示相关的 post 链接。

修改 _layouts/home.html 使其呈现包含所有 post 链接的 ul 和包含所有 post 链接的每个类别的 ul那个类别。向这些 ul 元素添加标识类别或 'all' 的 ID。使用 jQuery 在页面加载时隐藏所有类别特定的 ul 元素。在 _layouts/default.html 中使用另一个 script 定义初始化为 'all' 的全局变量，一个点击侦听器，用于侦听导航栏中不同类别的点击并隐藏之前显示的 ul并通过应用 css 样式显示所需的 ul。您还可以更改页面上的文本以显示当前类别。

Jekyll 博客我必须制作类似的 html 吗

Jekyll blog do I have to make simliar htmls

html

ruby

sidebar

jekyll