拓展阅读
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 是什么?
- Jekyll 是什么?
Jekyll 是一个静态网站生成器,用 Ruby 语言编写。它可以把文本文件(通常是 Markdown 或 HTML)转换成一个完整的网站。你可以把它想象成一个厨师,把一堆原材料(文本文件)做成一桌丰盛的大餐(网站)。
为什么用 Jekyll?
- 简单:你只需要专注于写作,Jekyll 帮你搞定网站的布局和样式。
- 快速:生成的是静态网页,加载速度飞快。
- 灵活:你可以自由定制网站的样式和结构。
- 免费:Jekyll 本身是开源的,免费使用。
怎么用 Jekyll?
- 安装:在你的电脑上安装 Ruby,然后安装 Jekyll。
- 写文章:用 Markdown 格式写文章,Jekyll 会帮你转换成网页。
- 定制样式:修改 Jekyll 的模板文件,可以让网站看起来更酷。
- 发布:把生成的网站文件上传到服务器,你的网站就上线了。
Jekyll 的缺点
- 对新手来说,安装和配置可能会有点复杂。
- 因为是静态网站,不能实现动态功能,比如用户注册、登录。
- Jekyll 适合谁?
如果你是一个喜欢写作,但又不想花太多时间折腾网站技术的人,Jekyll 就非常适合你。
总结一下,Jekyll 就像一个贴心的小助手,帮你把写作的内容变成一个漂亮的网站。
Jekyll 的安装+使用
安装Jekyll
- 安装Ruby
Jekyll是用Ruby写的,所以首先得安装Ruby。Ruby是一个编程语言,安装它,就相当于请来了一个会做网站的大厨。 安装Jekyll
打开终端(在Windows上是命令提示符或PowerShell),输入以下命令安装Jekyll:gem install jekyll bundler jekyll-feed
这就像是告诉厨房:“我们需要Jekyll这个工具来做饭。”
创建一个新网站
使用下面的命令创建一个新的Jekyll网站:jekyll new my-awesome-site
这里的
my-awesome-site
是你的网站名,你可以换成任何你喜欢的名字。进入你的网站目录
创建完毕后,用下面的命令进入你的网站目录:cd my-awesome-site
这就像是走进了你的厨房。
启动本地服务器
要预览你的网站,输入以下命令:bundle exec jekyll serve
这会启动一个本地服务器,让你可以实时查看网站的样子。
- 打开浏览器
在浏览器中输入http://localhost:4000
,就能看到你的网站了。
使用Jekyll
写文章
Jekyll的文章都是Markdown格式的,你可以在_posts
目录下创建新的文本文件,比如:touch _posts/2024-04-27-hello-world.md
然后打开这个文件,写上你的文章。
- 定制样式
如果你想要让网站看起来更个性化,可以编辑_sass
目录下的样式文件,或者修改_includes
目录下的模板文件。 - 发布网站
当你准备好将网站发布到互联网上时,可以使用GitHub Pages等服务,将你的网站文件推送到GitHub仓库,然后自动部署。 更新Jekyll
如果你需要更新Jekyll,可以使用以下命令:gem update jekyll