将列支持集成到Jekyll框架的markdown中 [英] Integrating column support into markdown in Jekyll framework

问题描述

我想在Jekyll博客(默认情况下随附kramdown)的文本帖子中添加类似于引导网格系统的动态列功能.理想情况下，这可以在降价促销中轻松完成.我发现这个github项目似乎完全符合我的需求:

I'd like to add functionality for dynamic columning, similar to a bootstrap grid system, in text posts within a Jekyll blog (which comes with kramdown by default). Ideally this would be done easily in markdown posts. I found this github project that seems like exactly what I'd need:

https://github.com/dreikanter/markdown-grid

我已经浏览了这个项目，但是不幸的是，我在前端方面没有太多经验，我不确定从哪里开始将其集成到我的Jekyll模板中，或者甚至有可能.任何见解都表示赞赏.

I've looked through this project but, unfortunately, I don't have much experience with frontend and I'm not sure where to start to integrate this into my Jekyll template, or if this is even possible. Any insights appreciated.

就像我说的那样，我对此没有太多经验，因此，如果这是一个不好的问题，请告诉我为什么，而不是仅仅投票.谢谢

Like I said, I don't have much experience with this so if this is a bad question, please let me know why instead of just downvoting. Thanks

推荐答案

很抱歉，人们在不解释原因的情况下不赞成你.

I'm sorry that people are down voting you without explaining why.

无论如何，我建议您使用诸如 Foundation 之类的前端框架进行练习.他们在他们的网站上有教程，并且他们的示例项目非常简单.一旦弄清楚如何使用他们的网格系统，就可以在自己的jekyll站点中实现它.

Anyways, I recommend you practice using a front-end framework such as Foundation. They have tutorials on their website, and their example project is pretty straightforward. Once you figure out how to use their grid system, you can then implement it into your jekyll site.

Jekyll网站通常使用模板.您可以编辑基本模板以包括" Foundation(或变体，例如 Bootstrap )，以便可用在您网站的每个页面上.然后，您可以使用提供的CSS类编辑其他模板(例如，显示博客的位置).

Jekyll sites typically use templates. You can edit the base template to "include" the Foundation (or variant, such as Bootstrap) so that it is available throughout every page on your site. Then, you can edit other templates (such as where the blogs are displayed) utilizing the provided CSS classes.

我希望这个答案为您指明了正确的方向.

I hope this answer pointed you in the right direction.

这篇关于将列支持集成到Jekyll框架的markdown中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！