Bay Jekyll 主题使用教程

Bay Jekyll 主题使用教程

bay 🐟 A simple theme for Jekyll. Live at https://eliottvincent.github.io/bay/ 项目地址: https://gitcode.com/gh_mirrors/ba/bay

1. 项目介绍

Bay 是一个为 Jekyll 设计的简单主题，适用于个人博客或静态网站。该主题由 eliottvincent 开发，旨在提供一个干净、现代的界面，方便用户快速搭建自己的网站。Bay 主题支持多种自定义选项，包括头部导航、页脚信息、博客页面等，适合各种类型的内容展示。

2. 项目快速启动

2.1 安装 Jekyll

首先，确保你已经安装了 Jekyll。如果没有安装，可以通过以下命令进行安装：

gem install jekyll bundler

2.2 创建新项目

创建一个新的 Jekyll 项目：

jekyll new mysite

2.3 配置 Bay 主题

进入项目目录：

cd mysite

打开 Gemfile 文件，将以下内容替换：

gem "minima"

替换为：

gem "bay_jekyll_theme"

然后，打开 _config.yml 文件，将以下内容替换：

theme: minima

替换为：

theme: bay_jekyll_theme

或者，如果你使用 GitHub Pages，可以添加以下内容：

remote_theme: eliottvincent/bay

2.4 安装依赖并启动

安装依赖并启动 Jekyll 服务：

bundle install
jekyll serve

现在，你的网站应该已经运行在 http://localhost:4000。

3. 应用案例和最佳实践

3.1 自定义头部导航

打开 _config.yml 文件，添加以下内容来自定义头部导航：

header:
  pages:
    - name: Home
      slug: /
    - name: Blog
      slug: /blog
    - name: 关于
      slug: /about

3.2 自定义页脚信息

同样在 _config.yml 文件中，添加以下内容来自定义页脚信息：

footer:
  show_powered_by: true
  contact:
    - type: email
      name: 邮箱
      value: yourmail@domain.com
  follow:
    - type: twitter
      name: Twitter
      link: http://twitter.com/YourTwitterUsername
      username: "@YourTwitterUsername"

3.3 创建博客页面

创建一个新的 Markdown 文件 blog.md，并添加以下内容：

---
layout: blog
title: 博客
slug: /blog
---

这是博客页面的示例内容。

4. 典型生态项目

Bay 主题可以与其他 Jekyll 插件和工具结合使用，例如：

• Jekyll SEO Tag: 用于优化网站的 SEO 设置。
• Jekyll Feed: 生成网站的 RSS 订阅源。
• Jekyll Sitemap: 生成网站的 Sitemap，方便搜索引擎索引。

通过这些工具，你可以进一步提升网站的功能和用户体验。

---

通过以上步骤，你应该已经成功安装并配置了 Bay 主题，并了解了如何进行基本的自定义和扩展。希望这个教程对你有所帮助！

bay 🐟 A simple theme for Jekyll. Live at https://eliottvincent.github.io/bay/ 项目地址: https://gitcode.com/gh_mirrors/ba/bay