blog-engine-02-博客引擎jekyll-jekyll 博客引擎介绍

简介: 这组链接提供了多个静态博客引擎的对比和教程,包括Jekyll、Hugo、Hexo、Pelican、Gatsby、VuePress、Nuxt.js和Middleman。Jekyll是一个基于Ruby的静态网站生成器,适合专注于写作的用户,强调简单、快速和灵活性。安装Jekyll需先安装Ruby,然后通过gem命令安装Jekyll和相关插件。创建新网站、启动本地服务器预览、写文章和定制样式是使用Jekyll的基本步骤。

拓展阅读

blog-engine-01-常见博客引擎 jekyll/hugo/Hexo/Pelican/Gatsby/VuePress/Nuxt.js/Middleman 对比

blog-engine-02-通过博客引擎 jekyll 构建 github pages 博客实战笔记

blog-engine-02-博客引擎jekyll-jekyll 博客引擎介绍

blog-engine-02-博客引擎jekyll-jekyll 如何在 windows 环境安装,官方文档

blog-engine-02-博客引擎jekyll-jekyll SEO

blog-engine-04-博客引擎 hugo intro 入门介绍+安装笔记

blog-engine-05-博客引擎 Hexo 入门介绍+安装笔记

blog-engine-06-pelican 静态网站生成 官方文档

blog-engine-06-pelican 静态网站生成 windows 安装实战

blog-engine-07-gatsby 建极速网站和应用程序 基于React的最佳框架,具备性能、可扩展性和安全性

blog-engine-08-vuepress 以 Markdown 为中心的静态网站生成器

blog-engine-09-nuxt 构建快速、SEO友好和可扩展的Web应用程序变得轻松

blog-engine-10-middleman 静态站点生成器,利用了现代 Web 开发中的所有快捷方式和工具

前言

由于个人一直喜欢使用 markdown 来写 个人博客,最近就整理了一下有哪些博客引擎。

感兴趣的小伙伴也可以选择自己合适的。

jekyll 是什么?

  1. Jekyll 是什么?

    Jekyll 是一个静态网站生成器,用 Ruby 语言编写。它可以把文本文件(通常是 Markdown 或 HTML)转换成一个完整的网站。你可以把它想象成一个厨师,把一堆原材料(文本文件)做成一桌丰盛的大餐(网站)。

  2. 为什么用 Jekyll?

    • 简单:你只需要专注于写作,Jekyll 帮你搞定网站的布局和样式。
    • 快速:生成的是静态网页,加载速度飞快。
    • 灵活:你可以自由定制网站的样式和结构。
    • 免费:Jekyll 本身是开源的,免费使用。
  3. 怎么用 Jekyll?

    • 安装:在你的电脑上安装 Ruby,然后安装 Jekyll。
    • 写文章:用 Markdown 格式写文章,Jekyll 会帮你转换成网页。
    • 定制样式:修改 Jekyll 的模板文件,可以让网站看起来更酷。
    • 发布:把生成的网站文件上传到服务器,你的网站就上线了。
  4. Jekyll 的缺点

    • 对新手来说,安装和配置可能会有点复杂。
    • 因为是静态网站,不能实现动态功能,比如用户注册、登录。
  5. Jekyll 适合谁?

    如果你是一个喜欢写作,但又不想花太多时间折腾网站技术的人,Jekyll 就非常适合你。

总结一下,Jekyll 就像一个贴心的小助手,帮你把写作的内容变成一个漂亮的网站。

Jekyll 的安装+使用

安装Jekyll

  1. 安装Ruby
    Jekyll是用Ruby写的,所以首先得安装Ruby。Ruby是一个编程语言,安装它,就相当于请来了一个会做网站的大厨。

  2. 安装Jekyll
    打开终端(在Windows上是命令提示符或PowerShell),输入以下命令安装Jekyll:

    gem install jekyll bundler jekyll-feed
    

    这就像是告诉厨房:“我们需要Jekyll这个工具来做饭。”

  3. 创建一个新网站
    使用下面的命令创建一个新的Jekyll网站:

    jekyll new my-awesome-site
    

    这里的my-awesome-site是你的网站名,你可以换成任何你喜欢的名字。

  4. 进入你的网站目录
    创建完毕后,用下面的命令进入你的网站目录:

    cd my-awesome-site
    

    这就像是走进了你的厨房。

  5. 启动本地服务器
    要预览你的网站,输入以下命令:

    bundle exec jekyll serve
    

    这会启动一个本地服务器,让你可以实时查看网站的样子。

  6. 打开浏览器
    在浏览器中输入http://localhost:4000,就能看到你的网站了。

使用Jekyll

  1. 写文章
    Jekyll的文章都是Markdown格式的,你可以在_posts目录下创建新的文本文件,比如:

    touch _posts/2024-04-27-hello-world.md
    

    然后打开这个文件,写上你的文章。

  2. 定制样式
    如果你想要让网站看起来更个性化,可以编辑_sass目录下的样式文件,或者修改_includes目录下的模板文件。

  3. 发布网站
    当你准备好将网站发布到互联网上时,可以使用GitHub Pages等服务,将你的网站文件推送到GitHub仓库,然后自动部署。

  4. 更新Jekyll
    如果你需要更新Jekyll,可以使用以下命令:

    gem update jekyll
    
相关文章
|
2月前
|
JavaScript 前端开发 Linux
blog-engine-05-博客引擎 Hexo 入门介绍+安装笔记
这篇内容是关于博客引擎的系列文章摘要。作者对比了多个博客引擎,如 Jekyll、Hugo、Hexo、Pelican、Gatsby、VuePress、Nuxt.js 和 Middleman,并提供了实战教程,特别是详述了Jekyll的安装和SEO设置,以及Hexo的特性、优点(如简洁高效、丰富主题、插件系统和便捷部署)和Windows安装步骤。此外,还提及了添加本地搜索的配置方法。
|
2月前
|
数据采集 JSON 搜索推荐
blog-engine-03-博客引擎 jekyll SEO
该文集对比了多个博客引擎,包括Jekyll、Hugo、Hexo、Pelican、Gatsby、VuePress、Nuxt.js和Middleman,提供了安装及SEO优化教程。SEO是Search Engine Optimization,能提升网站在搜索引擎的排名,增加曝光度和可信度。做好SEO涉及关键词研究、内容优化、速度提升、外部链接、结构清晰、移动适应和持续更新。难点在于竞争、需时间和规则变化。文章还分享了Google/Baidu收录检查方法及博客书写规范,强调标题和URL的标准格式。
|
2月前
|
Go 开发工具 git
blog-engine-04-博客引擎 hugo intro 入门介绍+安装笔记
该文是关于博客引擎的系列文章,对比了jekyll、hugo、Hexo、Pelican、Gatsby、VuePress、Nuxt.js和Middleman。文章包括jekyll的安装和SEO,hugo和Hexo的入门,Pelican和Gatsby的介绍,VuePress和Nuxt.js的特性,以及Middleman的概述。Hugo是一个基于Go语言的快速、简单的静态网站生成器,特点包括速度快、易用、灵活和跨平台。文章还提供了Hugo在Windows上的安装步骤及创建、预览和发布网站的指南。
|
2月前
|
存储 数据库 索引
neo4j命令,附官方文档链接
neo4j命令,附官方文档链接
|
7月前
|
前端开发 Cloud Native 安全
简单使用 Hugo 博客
简单使用 Hugo 博客
|
12月前
|
域名解析
如何使用Gatsby创建自己的博客
首先使用npm安装gatsby,使用gatsby –version命令可以查看是否安装
79 0
如何使用Gatsby创建自己的博客
|
数据采集 数据挖掘 Shell
[Hexo]部署博客及更新博文
找到其中的 deploy 标签,改成下图所示形式,并保存。注意:冒号后面要加上一个空格,否则会报错。
|
数据采集 搜索推荐 前端开发
VuePress 博客优化之开启 Algolia 全文搜索
由于 VuePress 的内置搜索只会为页面的标题、h2 、 h3 以及 tags 构建搜索索引。 如果你需要全文搜索,可则以使用 Algolia 搜索,本篇讲讲如何申请以及配置 Algolia 搜索。
684 0
VuePress 博客优化之开启 Algolia 全文搜索
|
JavaScript Ubuntu Linux
【效率为王】超详细 Hexo + Github Pages 博客搭建教程
【效率为王】超详细 Hexo + Github Pages 博客搭建教程
502 0
【效率为王】超详细 Hexo + Github Pages 博客搭建教程
|
JavaScript Go Ruby
将博客从Hexo迁移至Hugo
自从了解了Github Pages这种静态博客后,开始喜欢上这种技术人员才能鼓捣明白的协作方式。自己的博客系统也从最初的Octopress,切换到Hexo,直到最近看到Hugo这种号称全球最快的静态博客系统,被适合技术人员的风格样式所吸引。于是在经历了三天的折腾后,顺利的将Hexo迁移至Hugo中。
441 0
将博客从Hexo迁移至Hugo