在Jekyll前部物质中的液体变量...并在Jekyll插件中使用它 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

【Web架构】静态站点生成器概述 Gatsby ,Hugo 和Jekyll对比

在本文中，您将看到三种最好的静态站点生成器的比较，它们的优点、缺点以及您应该使用它们的原因。网站统治着网络，无论是静态的还是动态的。虽然现在很多网站都是动态的，但是静态的仍然很受欢迎。...事实上，静态网站的使用在增加。在本文中，您将看到三种最好的静态站点生成器的比较，它们的优点、缺点以及您应该使用它们的原因。静态站点生成器使构建静态站点轻而易举。...这可能是一个困难的过程，当您打算进行更改时，许多问题会浮出水面，而扩展不是您所期待的。 Gatsby、Hugo和Jekyll是最受欢迎的静态站点生成器中的三种，它们受欢迎的原因有很多。...变身怪医（Jekyll） Jekyll由Tom Preston-Werner在2009年发布，是这个列表中最老的静态站点生成器。 Jekyll是用Ruby编写的，全世界都在使用。...与Hugo一样，Jekyll也附带一个HTTP服务器，通常用于生成博客。它也经常用于生成投资组合。虽然Jekyll对页面内容使用Markdown，但它也使用液体模板语言来处理页面。

3.1K2 0

如何动态生成 Jekyll 配置文件 | Linux 中国

静态网站生成器 Jekyll 使用 _config.yml 进行配置。这些配置都是 Jekyll 特有的。但你也可以在这些文件中用我们自己的内容定义变量，并在整个网站中使用它们。...在本地测试中，有时需要覆盖配置选项。...我将上述日期输出到一个新的 Jekyll 配置文件中。...，在我的网站上使用 my_date 变量。...结论上面的例子很简单，但可能性是无穷的。Bash、Python 和其他编程语言可以动态地生成 Jekyll 配置文件。然后我可以在 build 或 serve 过程中结合这些文件。

2.6K3 0

您找到你想要的搜索结果了吗？

是的

没有找到

这里有你想要的 Rouge 主题

本文将介绍如何使用它，并为大家提供它默认的语法高亮样式预览。...---- 在 Jekyll 中使用 Rouge 语法高亮插件 Jekyll 中的 __config.yml 文件记录了 Jekyll 的最核心配置。...其中，markdown 字段的值表示使用哪一款插件来将 Markdown 文本转换为 HTML 页面结构。 GitHub 推荐使用的 Jekyll 的 Markdown 插件为 kramdown。...在 Jekyll 的配置文件中这样配置它们： markdown: kramdown kramdown: input: GFM syntax_highlighter: rouge 其中，input...我们需要另外使用 rougify 工具生成对应的样式文件才行。你需要先配好 Ruby 环境。如果没有配好，推荐阅读快速在 Windows 上搭建 Jekyll 开发环境快速配置。

1.8K3 0

Jekyll Sitemap.xml

背景知识背景知识就是百度到现在为止还没收录我的博客 (〃＞皿＜) jekyll-sitemap 插件首先robots.txt里面要声明自己对应的 sitemap.xml 的路径使用jekyll-sitemap...插件建立的 sitemap.xml 就在根目录安装首先下载1 对应的 Gem，可以在 cmd 中使用 gem install jekyll-sitemap 也可以下载对应的.gem然后本地安装配置..._config.yml中加个 gem 就是，多个 gem 用逗号隔开 # Build settings gems: [jekyll-paginate, jekyll-sitemap] 然后在页面 deploy...图片 2016.03.28 Updated 果然主动提交太不稳定，怀疑是否在本地 Debug 的时候也被强制提交所以搜索引擎并没有接收，修改 SiteMap 之后终于有正常索引了。...图片其他的一些 Issue 可以参考 Github 的说明↓ 参考文献 Sitemaps for GitHub Pages↩

4522 0

如何拥有一个免费空间来写博客（github）

Jekyll（发音/’dʒiːk əl/，”杰克尔”）是一个静态站点生成器，它会根据网页源码生成静态文件。它提供了模板、变量、插件等功能，所以实际上可以用来编写整个网站。 ?...并在该文件中填入以下内容。　　在yaml文件头后面，就是文章的正式内容，里面可以使用模板变量。...{{ page.title }}就是文件头中设置的”你好，世界”，{{ page.date }}则是嵌入文件名的日期（也可以在文件头重新定义date变量），”| date_to_string”表示将page.date...这里要注意的是，Liquid模板语言规定，输出内容使用两层大括号，单纯的命令使用一层大括号。至于{{site.baseurl}}就是_config.yml中设置的baseurl变量。

5.9K2 0

Jekyll 中 Sass 的使用

Jekyll 中 Sass 的使用什么是 Sass 关于 Sass 的优势 Usage Install Sass 目录结构使用 include stylesheet to html...项目实例参考文献 Jekyll 中 Sass 的使用什么是 Sass Sass 是一群超级懒的人创造的 Css 快速编程工具 Sass（Syntactically Awesome Style...Sheets）是一个相对新的编程语言，Sass 为 web 前端开发而生，可以用它来定义一套新的语法规则和函数，以加强和提升 CSS。...通过这种新的编程语言，你可以使用最高效的方式，以少量的代码创建复杂的设计。它改进并增强了 CSS 的能力，增加了变量，局部和函数这些特性。...关于 Sass 的优势 Sass 的嵌套可以将多层级的 Css badcode 显得跟简练 Sass 的变量可以统一控制设计风格 Sass 的@import等导入方法可以实现设计模块化分离 Sass

7802 0

搭建一个免费的，无限流量的Blog----github Pages和Jekyll入门

Jekyll（发音/'dʒiːk əl/，"杰克尔"）是一个静态站点生成器，它会根据网页源码生成静态文件。它提供了模板、变量、插件等功能，所以实际上可以用来编写整个网站。 ?...并在该文件中填入以下内容。　　在yaml文件头后面，就是文章的正式内容，里面可以使用模板变量。...{{ page.title }}就是文件头中设置的"你好，世界"，{{ page.date }}则是嵌入文件名的日期（也可以在文件头重新定义date变量），"| date_to_string"表示将...这里要注意的是，Liquid模板语言规定，输出内容使用两层大括号，单纯的命令使用一层大括号。至于{{site.baseurl}}就是_config.yml中设置的baseurl变量。

1.7K7 0

如何在Ubuntu 16.04上建立一个Jekyll开发网站

在本教程中，我们将在Ubuntu 16.04上安装一个Jekyll 3.7.3开发站点。在后面的教程中，我们将探索此处生成的内容，将静态站点发布到同一服务器，并最终部署到生产位置。...您可以使用以下命令安装它： sudo apt-get install tree 要使用它，请您切换到想要的目录中键入tree或提供完整的路径tree /home/sammy/www 第四步 - 启动Jekyll...的Web服务器 Jekyll内置的轻量级Web服务器专为支持站点开发而定制，它通过监视目录中的文件并在保存更改时自动重新生成静态站点。...您可以在Jekyll网站上了解有关此实验性功能的更多信息。该网站现已上线。...在Web浏览器中，我们可以在jekyll serve输出中显示的服务器地址和端口访问它：结论在本教程中，我们安装了Jekyll并创建了一个包含一些自动生成内容的开发站点。

1.6K7 1

免费构建自己的博客-Jekyll进阶

Jekyll 是采用Ruby语言实现的将纯文本转换为静态博客网站的利器，也是本站点的关键技术。本文将对Jekyll中的进阶内容进行说明。...（引用自 http://jekyllcn.com/docs/home/）由于本教程通过 Docker 技术直接在容器中运行 Jekyll 环境，因此读者不需要过多的研究 Jekyll 的运行环境要求。...值得注意的是，如果需要托管在 Github 或者其他提供 Pages 服务的站点，服务商不一定提供运行插件的环境。...因此，建议在本地运行插件，然后将生成结果发布到服务器上，这样就不需要依赖服务器的运行环境。...若需要寻找更多的插件，可以通过搜索引擎或 Github 进行搜索。模板模板是指将一个网页分割为多个部分，存放在不同的文件中，以实现尽可能复用代码的目的。

9860 0

手把手教你用vuepress搭建自己的网站(1)

特点:比Jekyll要先进一点,先生成文件,在部署基于Node.js的静态网站生成器主题很丰富,在vuepress之前很多博客,文档网站都是基于Hexo搭建的,是用jekyll还是Hexo搭建的,基本上做...) 为技术文档而优化内置 markdown 拓展在md(Markdown) 中可以写vue组件,甚至写原生JS,Ts,HTML,CSS`,无任何压力阻碍,更加的灵活,可定制化可以自定义开发主题,任意修改...TS,可以安装vuepress-plugin-typescript插件,它提供了在 VuePress中使用 typescript 的部分能力。...使用文档,可以去尝试一下,这个不仅仅可以写Ts,在md也可以写TypeScript 在自己用 VuePress搭建网站的过程中,从零开始,一行行代码的配置,编写,以及考虑代码模块化的拆分,维护性,可实现按需定制化...进入docs文件夹中使用mkdir命令创建.vuepress文件夹,注意这个文件夹的名字时固定的,不要随便改变 cd docs mkdir .vuepress 这个.vuepress主要就是我们用于存放全局的配置

1.3K2 0

如何在Ubuntu 16.04上建立一个Jekyll开发网站

在本教程中，我们将在Ubuntu 16.04上安装一个Jekyll 3.7.3开发站点。在后面的教程中，我们将探索此处生成的内容，将静态站点发布到同一服务器，并最终部署到生产位置。...您可以使用以下命令安装它： sudo apt-get install tree 要使用它，请您切换到想要的目录中键入tree或提供完整的路径tree /home/sammy/www 第四步 - 启动Jekyll...的Web服务器 Jekyll内置的轻量级Web服务器专为支持站点开发而定制，它通过监视目录中的文件并在保存更改时自动重新生成静态站点。...您可以在Jekyll网站上了解有关此实验性功能的更多信息。该网站现已上线。...在Web浏览器中，我们可以在jekyll serve输出中显示的服务器地址和端口访问它：结论在本教程中，我们安装了Jekyll并创建了一个包含一些自动生成内容的开发站点。

1.4K3 1

发布 GitHub Pages，现在就像数 1, 2, 3 那样简单

所有的 Markdown 文件现在都被 GitHub Pages 渲染，把你从需要给每个文件添加 YAML 前置描述（在文件顶部由 ---符号分割的元数据）中解脱出来。...如果你的页面没有一个明确的标题，并且这个文件是由 H1、H2或者 H3 标签开始的，我们会使用这个标签内容作为页面的标题，显示在浏览器的标签上。...如果出于任何原因你不想使用这些特性，你可以通过添加一个 .nojekyll文件到你的站点根目录来禁用它们。...所以， GitHub Pages 生成过程是可以尽可能透明和可定制的，所有上面提到的特性都是以 Jekyll 的开源插件的形式实现的，也就是 Jekyll Optional Front Matter ,...Jekyll README Index ， Jekyll Default Layout ，以及 Jekyll Titles from Headings 这些插件。

7654 0

静态博客搭建工具汇总

（不能优雅的装逼，略微不爽） 2、相对Wordpress而言，没有强大的后台和插件支持，学习成本较高，需要一些网页基础。...Nuxt.js 的目标是创建一个灵活的应用框架，你可以基于它初始化新项目的基础结构代码，或者在已有 Node.js 项目中使用 Nuxt.js。...最关键的是jekyll可以免费部署在Github上，而且可以绑定自己的域名。...2、相对Wordpress而言，没有强大的后台和插件支持，学习成本较高，需要一些网页基础。...2、迁移成本高，且插件装多了会变慢。

1.4K2 0

Jekyll 搭建静态博客

在知乎上看到一些相关的内容，于是选择了在github上用jekyll搭建博客。.../ 安装完成后配置环境变量在命令提示符中，得到ruby版本号，如下图，即安装成功 image.png 安装RubyGems 官网下载 http://rubygems.org/pages/download...jekyll中文网 http://jekyllcn.com, jekyll英文网 http://jekyllrb.com jekyll中的css是用sass写的，当然直接在_sass/_layout.scss...中添加css也是可以的。...注意，在github上面好像不支持rouge，所以要push到github上时，我将配置文件_config.yml中的代码高亮改变为highlighter: pygments就可以了博客默认是没有评论系统的

4661 0

开垦属于你的网络空间：简单易用的静态博客框架推荐

这篇文章介绍了几个非常出色且备受欢迎的开源项目。不论是Hugo、Jekyll、Hexo还是Eleventy，在各自领域内都表现出色。...它们具有高度可定制化、快速生成静态文件以及拥有多种主题和插件等核心优势。此外，这些项目在文档资料方面也做得很好，对于初学者来说上手较为轻松。...Markdown 和 Liquid 模板支持：通过渲染 Markdown 和 Liquid 模板，Jekyll 可以将您提供的内容转换为完整且静态化的可以直接托管在 Apache、Nginx 或其他 Web...内置插件和变量功能：内置 Liquid 扩展，自定义 Permalinks 等特性使得在建立并管理页面时更加简便。...强大插件生态系统：通过 eleventy 官方提供给我们的强大而完整的插件文档、以及社区贡献出来的各类实用工具库，我们可以根据需要扩展功能或增加额外特性。

4944 0

如何快速给自己构建一个温馨的"家"——用Jekyll搭建静态博客

前言我相信，每个程序员都有一个愿望，都想有一个属于自己的"家"——属于自己的博客，专属的网站。在自己的“家”中，可以和志同道合的兄弟一起分享和讨论任何技术，谈天说地。...关于jekyll其他一些命令的用法如下: $ jekyll build # => 当前文件夹中的内容将会生成到 ./_site 文件夹中。...在整个过程中你可以设置 URL 路径，你的文本在布局中的显示样式等等。这些都可以通过纯文本编辑来实现，最终生成的静态页面就是你的成品了。...这里的SSL Encryption要选上，打开会有如下的设置。这里如果不上传自己的SSL，就会用它帮你生成免费的SSL证书。...如果要用自己的，点击ADD CUSTOM CERT按钮上传SSL证书。这里是一些插件。看自己需不需要。最后，SETTING里面加上这个IP地址。

3031 0

Mac 上安装Jekyll生成静态网页

安装Jekyll 安装Jekyll 参见网页 sudo gem install jekyll -n /usr/local/bin 安装分页插件安装jekyll-paginate sudo gem install...jekyll-paginate 在配置文件_config.yml中添加 gems: [jekyll-paginate] 生成静态网页详细介绍当前文件夹中的内容将会生成到 ..../_site 文件夹中 jekyll build 当前文件夹中的内容将会生成到 ./_site 文件夹中,监测改变，并且自动再生成。 jekyll build --watch

1K2 0

用Github搭建个人博客

在jekyll templates中可以看到，是支持include的，只需要在根目录下创建一个名为_includes的目录，把页面片放到这个目录中，然后用下面的语法加载对应的页面片文件即可： {% include...于是，我们可以用同样的方法建立导航、头部之类的公用代码，然后放到_includes目录中，在需要的位置引用。...相关插件做为一个技术博客，常用会需要展示代码，有几种方式可以让我们在页面中展示所需的代码片断或者Demo效果。...高亮展示对于代码的阅读体验，当然能高亮显示会更好些，jekyll也支持相应的代码高亮显示，像这样： {% highlight 代码类型 %} 代码放这里 {% endhighlight %} 支持的代码类型可以在...Sublime Sublime Text 新建文件的模版插件: SublimeTmpl 修改Sublime 新建和保存文件时的默认格式在 Sublime Text 中使用 Snippet sublimetext-markdown-preview

7401 0

博客生成静态站点工具 Top 20

，越来越多的人选择在博客平台上写博客。...通过使用Markdown或其他格式编写博客文章，并在Next.js中使用静态生成来生成预渲染的静态页面，可以使博客页面更快地加载，并提高SEO排名。...你可以查看它的 GitHub 和官网了解更多。 4.Jekyll star 数 45K+。 Jekyll 是一个基于 Ruby 的静态站点生成器，支持多种主题和插件。...这些工具中的大多数都支持 Markdown 等轻量级格式，并提供了许多主题和插件，可以方便地创建漂亮的博客。此外，这些工具也有很好的文档和社区支持，使得学习和使用它们变得更加容易。...不同的工具都有各自的优缺点，适用于不同的需求和技能水平，因此在选择时需要根据自己的情况进行考虑。例如，如果您想要一个快速而简单的解决方案，那么 Jekyll 或 Hexo 可能是不错的选择。

3.8K2 1

博客平台，自建博客，静态博客生成器搜集

1. hexo Hexo是用Node.js编写的博客框架。这个静态网站生成工具非常快，使用它构建一个完整的网站只需要几秒钟。...Jekyll Jekyll，官网没有中文版，民间翻译中文网Jekyll中文网，一个简单的博客静态站点生成器，官网为：https://jekyllrb.com 。 5....它是Jekyll 的增强版，让插件的安装和删除更加容易，更容易集成样式表、图片、字体等。 6. Gridea Gridea一款静态博客写作客户端，收费。 7....Metalsmith和其他工具的最大区别是它的所有东西都由插件处理，并且插件可以重用。只要决定网站的功能，然后找到相关插件，组合到一起，ok，ready to go!...最大特点就是自带社区，自己的文章可以发送到社区中。社区回帖和博客评论进行联动。让每一个博客不是孤岛，而是满天相互联系的星星。

3551 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭