jekyll博客主题_如何使用Jekyll创建博客-入门指南

WordPress最初只是一个博客平台,现在却转变为功能完善且非常受欢迎的CMS 。 使用WordPress,您可以构建(几乎)任何类型的网站,从投资组合电子商务网站

但是,如果您只关心博客,又不需要自定义分类法,用户管理,评论审核和不错的媒体上传器等WordPress中的繁琐功能,该怎么办?

简而言之,您只想专注于编写和发布内容 。 如果您有这种想法,让我们认识一下静态博客引擎Jekyll

关于杰基尔

Jekyll的想法是创建一个静态(相同的旧HTML)博客,该博客易于维护。 与动态博客工具(例如使用服务器端语言(如PHP)构建的WordPress)相比,静态网站具有两个主要优势。

首先,它的服务和执行速度更快 。 其次,它消耗较少的Web资源,即内存数据库I / O。 此外,如果您使用Jekyll,则可以免费在Github Pages中托管博客。

安装Jekyll

首先,让我们在系统中安装Jekyll。 启动终端并输入以下命令行:

sudo gem install jekyll

安装后,运行此命令以确保jekyll命令正常运行。

jekyll -v

该命令应显示Jekyll版本,如下所示:

创建Jekyll网站

要使用Jekyll创建新博客,请在终端中键入jekyll然后输入new和站点名称。 例如:

jekyll new jekyll-blog

在此示例中,它创建了一个指定的新目录jekyll-blog ,以及其中的以下内容:

在下面键入此命令以激活Jekyll服务器。

jekyll serve

您也可以使用--watch标志运行服务器; 这样,每次我们进行更改时,它将自动更新博客。

转到浏览器并输入http://localhost:4000 ,或如终端屏幕所示打开博客。

文件结构

Jekyll应用了我们必须遵循的特定文档结构,因此博客可以正常运行。 让我们看看下面的博客目录中的内容:

|-- _config.yml
|-- _layouts
|-- _posts
|-- _site
|-- css
`-- index.html

首先,我们有_config.yml ; 它是用Yaml编写的博客配置文件。 在此文件中,我们可以指定博客名称,永久链接格式,主机,端口号等。

_posts是我们保存所有帖子的目录。 所有帖子均应使用Markdown或Textile撰写。 它们将被编译并将输出保存在_site目录中; 这是Jekyll将在浏览器中提供帖子的目录。

最后,我们有cssindex.html

现在,我们将保留它们,没有任何自定义配置。 让我们开始写我们的第一篇文章。

撰写新文章

如上所述,在Jekyll中,我们可以在MarkdownTextile中撰写帖子。 前面我们已经介绍了如何使用Markdown进行编写 ; 您可能需要先检查该链接,然后再继续操作。

命名约定

要创建帖子,我们还创建了一个新文件,该文件必须遵循此命名约定year-month-date-{post-slug}.{file-extension} ,例如: 2014-03-11-hello-world.md 。 将文件保存在_posts目录中。

发表前题

在开始撰写帖子的正文内容之前,我们必须首先定义帖子的 ,即标题帖子布局 。 我们还可以定义帖子类别和标签,但是这些是可选的。 最重要的是,必须将前项设置在三点划线内。 这是一个例子:

---
layout: post
title: Hello World!
---

然后我们可以编写内容:

Hello world! Welcome to Jekyll. This is your first post.

保存文件。 我们将看到生成的psot,并显示在我们的博客中。 真好!

结语

在这篇文章中,我们向您展示了如何安装Jekyll和撰写新文章,这些是我认为在继续使用Jekyll之前应该了解的基本知识。 吉柯尔(Jekyll)还有很多值得探索的地方,我们将在以后的文章中进行讨论。 敬请关注。


翻译自: https://www.hongkiat.com/blog/blog-with-jekyll/

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值