
代码示例:
Jekyll 静态网站后台引擎使用教程详细例子
- 环境准备
首先,确保你的系统已经安装了以下环境:
Ruby 2.5.0 或更高版本
RubyGems
GCC 和 Make
你可以通过以下命令安装 Jekyll 和 Bundler:
sh复制
gem install jekyll bundler - 创建新站点
在终端中运行以下命令创建一个新的 Jekyll 站点:
sh复制
jekyll new myblog
cd myblog - 启动本地服务器
在项目目录中运行以下命令启动本地服务器:
sh复制
bundle exec jekyll serve
然后在浏览器中访问 http://localhost:4000 查看你的站点。 - 配置文件
Jekyll 的配置文件是 _config.yml,位于项目根目录。你可以在这个文件中设置网站的标题、描述、URL 等信息。例如:
yaml复制
title: My Blog
description: A personal blog about technology and life.
url: https://yourdomain.com
baseurl: /blog - 添加 Jekyll-Admin
为了更方便地管理你的 Jekyll 站点,可以安装 Jekyll-Admin。首先,在 _config.yml 文件中添加 jekyll-admin 插件:
yaml复制
plugins:
- jekyll-admin
然后,运行以下命令安装 Jekyll-Admin:
sh复制
gem install jekyll-admin
- 使用 Jekyll-Admin
启动 Jekyll 服务器后,访问 http://localhost:4000/admin 即可进入 Jekyll-Admin 管理界面。在这里,你可以添加、编辑和删除页面和文章,更改站点配置,管理主题和插件等。 - 创建文章
在 _posts 目录中创建新的 Markdown 文件来添加文章。文件名格式应为 YYYY-MM-DD-title.md。例如:
markdown复制
layout: post
title: “My First Post”
date: 2025-01-15
This is my first post on Jekyll.
8. 自定义主题
你可以通过修改 _layouts、_includes 和 assets 目录中的文件来自定义你的网站主题。例如,你可以创建一个自定义的布局文件 _layouts/post.html:
HTML复制
layout: default
{{ page.title }}
{{ content }}
9. 部署到 GitHub Pages
将你的 Jekyll 站点部署到 GitHub Pages 非常简单。首先,确保你的 GitHub 仓库名称为 username.github.io,然后将你的 Jekyll 项目推送到该仓库的 main 分支。GitHub 会自动构建并部署你的站点。
10. 常见问题及解决方法
配置文件报错:确保 _config.yml 文件中的配置正确,特别是 highlighter 选项。如果使用 rouge 或 pygments,需要在 _config.yml 中设置:
yaml复制
highlighter: rouge
RubyGems 下载问题:如果在国内下载 RubyGems 较慢,可以更换源:
sh复制
gem sources --remove https://rubygems.org/
gem sources -a https://gems.ruby-china.org/
通过以上步骤,你可以成功搭建并管理一个 Jekyll 静态网站。希望这些信息对你有所帮助!
**喜欢本文,请点赞、收藏和关注!
如能打赏、那更好了!**
**如有朋友需要杭州社保挂靠的,可以在评论区或联系博主!
本人有朋友公司需要有计算机专业人员的社保缴纳。因为是新公司
**
1994

被折叠的 条评论
为什么被折叠?



