Jekyll博客

aj-jekyll-blog-theme — Jekyll 博客模板

作者 arihant-001

aj-jekyll-blog-theme 是一个基于 Jekyll 的简洁博客主题,提供图库、轮播与分页等基础功能,采用 MIT 许可。

看看你的网站会是什么样

浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。

3 个预览视图
桌面端首页1 / 3
桌面端截图首屏预览

由服务器浏览器实际访问页面后截取。

全部页面与视图 3

截图用于了解视觉与布局,交互效果请以实际项目为准。

采集于 2026-10-02查看来源

值得关注的模板亮点

从已有项目资料中,快速了解它的特点。

01

基于 Jekyll 的博客主题,通过 fork 仓库并编辑 _config.yml 即可开始使用

02

提供图库功能,使用带 gallery 类名和 data-columns 属性的容器包裹图片

03

提供图片轮播,将 data-columns 设为 1 即可呈现轮播效果

04

支持分页

05

采用 MIT 许可,允许免费使用、修改、商用和分发代码

06

README 提供基于 Docker 镜像的本地开发流程

模板详细介绍

aj-jekyll-blog-theme 是发布在 GitHub 上的 Jekyll 博客主题,定位为简单、优雅的博客外观。它面向熟悉或愿意学习 Jekyll 基本概念(front matter、撰写文章、创建页面)的用户,使用方式为 fork 仓库后修改 _config.yml 中的姓名、邮箱与 baseurl 等配置。主题提供图库、图片轮播和分页功能,图库与轮播通过带有 gallery 类名和 data-columns 属性的 div 包裹 img 标签实现,data-columns 为 3 时呈现多列图库,为 1 时呈现轮播。仓库 README 还说明了使用 Docker 进行开发的方式,包括构建镜像、运行容器并在容器内执行 jekyll serve。该主题采用 MIT 许可,允许免费使用、修改、商用和分发代码,但演示图片、字体、图标等第三方素材需按各自许可核对,域名、托管等外部服务可能另外收费。

Jekyll博客

适合你的项目吗?

适用场景

  • 搭建个人博客并发布文章
  • 在博客文章中插入多列图片图库
  • 在页面中展示图片轮播
  • 将博客部署到 GitHub Pages

适合人群

  • 熟悉或愿意学习 Jekyll 基本概念的用户
  • 需要简洁博客外观并希望自行修改配置的开发者
  • 需要在文章中展示图片图库或轮播的博客作者
  • 接受使用 Docker 进行本地开发的用户

上手与定制指南

结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。

  1. 1

    先了解 Jekyll 的 front matter、撰写文章和创建页面等基础知识

  2. 2

    fork 仓库后编辑 _config.yml,更新姓名、邮箱等信息,并将 baseurl 设为 /、空值或你的网站 baseurl

  3. 3

    部署到 GitHub Pages 可参考 GitHub 官方 Pages 指南

  4. 4

    本地开发可构建 Docker 镜像并以绑定挂载方式运行容器,在容器内执行 bundler exec jekyll serve --watch --host 0.0.0.0

  5. 5

    演示图片、字体、图标等第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本;免费范围为该版本代码,不代表外部服务或第三方素材免费。

使用时需要遵守

  • 允许免费使用、修改、商用和分发该版本代码。
  • 分发代码副本或实质性部分时,保留原作者版权声明和完整 MIT 许可声明。
  • 代码按现状提供;担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

  • 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-02。结果仅覆盖已读取资料,依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料一般 · 68 / 100
技术栈
Jekyll
网站类型
博客
这个分数如何计算

本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间
2020-10-05
截图检查日期
2026-10-02

已收录演示链接。请用你的内容与屏幕尺寸检查;有演示不代表表单、认证或支付已经可用。

目录记录的主要技术栈是 Jekyll。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

已完成服务器许可规则与 AI 来源核对;未经过人工编辑审核。

查看当时使用的来源资料

SHA-256: 5c413323ebc39e08f3d7dddea75f41a41087fd23c74274ca9d7164b85108ed39

2026-10-02T21:39:45.784Z

来源文件 / 仓库
# AJ Blog - Jekyll Theme
A simple and elegant jekyll theme for blogs.

## How to Use
- If you are unfamiliar with jekyll, check out <http://jekyllrb.com> read up on just the basics of front matter, writing posts, and creating pages.
- For setting github pages follow [Github Guides](https://guides.github.com/features/pages/)

Fork this repository then start editing the `_config.yml` file.
- update your name, email, etc.
- update baseurl to `/` or ` ` or `your website baseurl`

## Features
- Elegant Design
- Image Gallery  
    ```html
    <div class="gallery" data-columns="3">
        <img src="/aj-jekyll-blog-theme/assets/images/home.jpg">
        <img src="/aj-jekyll-blog-theme/assets/images/contact.jpg">
        <img src="/aj-jekyll-blog-theme/assets/images/about.jpg">
        <img src="/aj-jekyll-blog-theme/assets/images/project.jpg">
        <img src="/aj-jekyll-blog-theme/assets/images/post1.jpg">
    </div>
    ```
  
    ![test image](./assets/images/gallery.png)
    
- Image Carousels
    ```html
    <div class="gallery" data-columns="1">
        <img src="/aj-jekyll-blog-theme/assets/images/post1.jpg">
        <img src="/aj-jekyll-blog-theme/assets/images/post2.jpg">
        <img src="/aj-jekyll-blog-theme/assets/images/post3.jpg">
        <img src="/aj-jekyll-blog-theme/assets/images/post4.jpg">
    </div>
    ```
    ![test image](./assets/images/carousels.png)

- Pagination

## Contribution

Bug reports and pull requests are welcome on GitHub at <https://github.com/arihant-001/aj-jekyll-blog-theme>. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.

## Development

As there are many issues in jekyll and ruby installation, a `jekyll` docker image is used for development.
```sh
# build docker image 
$ docker build -t theme .

# run docker container
$ docker run -itd --name theme --mount type=bind,source="$(pwd)",target=/srv/jekyll/code -p 4000:4000 theme bash

# enter docker container
$ docker exec -it theme bash

$ cd code

# run jekyll theme
$ bundler exec jekyll serve --watch --host 0.0.0.0
```

Open <http://0.0.0.0:4000/aj-jekyll-blog-theme/> 

## License

The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).

反馈内容错误

看看同类模板

对比同技术栈与用途的模板,找到更适合的视觉与内容结构。