Jekyll博客

onepage — Jekyll 博客模板

作者 lukas-h

onepage 是一个基于 Jekyll 的单页博客主题，作者 lukas-h，采用 MIT 许可，通过 _config.yml 配置站点信息与文章目录。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

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

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

全部页面与视图 2

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

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

值得关注的模板亮点

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

01

单页布局的 Jekyll 博客主题，文章集中在同一页面呈现

02

通过 _config.yml 集中配置标题、描述、URL、baseurl、社交账号与强调色

03

README 给出 fork 仓库、建 gh-pages 分支、改配置、写 _posts 的四步流程

04

支持填写 Google Analytics ID 与 HTML 内容语言（默认英文）

05

MIT 许可，允许使用、修改、商用与分发该版本代码

模板详细介绍

onepage 是一个 Jekyll 主题，定位为「不复杂的单页博客」。它把博客内容组织在单个页面上，而不是传统的多页面列表与详情结构。仓库提供了在线演示（https://lukas-h.github.io/onepage/），并附带桌面端与手机端截图。

使用方式在 README 中写得很具体：fork 仓库并改名，创建 gh-pages 分支，然后编辑 _config.yml 填写 title、description、带协议的 url、baseurl、GitHub 与 Twitter 用户名（不带 @ 前缀）、accent 颜色、地址与姓名邮箱、Google Analytics ID，以及 HTML 内容语言 isolang（默认英文）。文章放在 _posts 目录，遵循 Jekyll 的文章写法。

主题本身不包含后端或数据库，构建与托管依赖 Jekyll 与 GitHub Pages 这类静态托管环境。仓库最后更新时间为 2020 年，未提供更多功能说明，因此实际可用范围以仓库代码与 README 为准。

Jekyll博客

适合你的项目吗？

适用场景

  • 用 GitHub Pages 搭建个人单页博客
  • 把已有的 Jekyll 文章迁移到单页展示形式
  • 作为学习 Jekyll 主题配置与 _posts 写法的示例项目

适合人群

  • 熟悉或愿意学习 Jekyll 基本用法的个人博主
  • 使用 GitHub Pages 做静态托管的用户
  • 需要简单单页博客、不需要复杂多页面结构的人

上手与定制指南

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

  1. 1

    先 fork 仓库并重命名，再创建 gh-pages 分支

  2. 2

    在 _config.yml 中填写 title、description、带协议的 url 与 baseurl

  3. 3

    GitHub 与 Twitter 用户名不要带 @ 前缀；accent 为博客栏颜色代码

  4. 4

    文章放在 _posts 目录，写法参考 Jekyll 文章文档

  5. 5

    演示图片、字体、图标等第三方素材需单独核对其许可

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

  • Google Analytics 为可选外部服务：若启用需自行提供 GA 跟踪 ID，并受 Google 服务条款与隐私政策约束；不填写则不影响主题基本使用。
  • 配置 GitHub 与 Twitter 用户名时须去掉 @ 前缀，否则社交链接会指向错误地址。
  • url 变量必须包含 http 或 https 协议前缀，否则站点链接与资源路径可能失效。
  • 部署在子路径时须正确设置 baseurl（如 "/onepage"），否则页面样式与链接会 404。
  • 按 README 流程需创建 gh-pages 分支用于 GitHub Pages 发布，这是使用该主题的部署前提。
  • 演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据

Permission is hereby granted, free of charge

许可证原文

3.7. you are using google analytics? paste your ID to `g_analytics: ""`

README 原文

3.4. paste **github** and **twitter** username to the following variables. Important: **without** @ prefix

README 原文

3.2. give your site's url with protocol (http or https) to the variable `url`

README 原文

3.3. the part after your page domain, for example you have `http://lukas-h.github.io/onepage`, `baseurl: "/onepage"` is the right value

README 原文

#### 2. create a branch called `gh-pages`

README 原文
https://github.com/lukas-h/onepage/blob/master/LICENSEhttps://github.com/lukas-h/onepage/blob/master/README.md

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

项目核对记录与介绍依据

模板资料

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

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

这个项目需要核对什么

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

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

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

查看当时使用的来源资料

SHA-256: 44139e8a2090a6f3e482d7b6e23d9df198c8afd67cc3e792fa42040747ccb64d

2026-10-02T10:47:46.826Z

来源文件 / 仓库
# onepage
uncomplicated single-page jekyll blog theme

## find a demo here [HERE](https://lukas-h.github.io/onepage/)

## use it in 4 easy steps

#### 1. fork this repository and rename it

#### 2. create a branch called `gh-pages`

#### 3. edit the `_config.yml` file  

3.1. paste your `title` and `description`  

3.2. give your site's url with protocol (http or https) to the variable `url`  

3.3. the part after your page domain, for example you have `http://lukas-h.github.io/onepage`, `baseurl: "/onepage"` is the right value

3.4. paste **github** and **twitter** username to the following variables. Important: **without** @ prefix  

3.5. `accent` is the color code for the blog column

3.6. edit address and name, email too.

3.7. you are using google analytics? paste your ID to `g_analytics: ""`

3.8. edit html content language here: `isolang: en`, default is english

#### 4. start writing posts

4.1 posts are in the directory `_posts`  

4.2 see here an introduction: http://jekyllrb.com/docs/posts/  

# thank you
share this project, give a star, contributions welcome  
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
反馈内容错误

看看同类模板

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

al-folio

al-folio

al-folio 是一个面向学者与研究人员的 Jekyll 作品集主题，设计简洁、响应式，适合搭建个人学术主页。

Jekyll · 作品集

minimal-mistakes

minimal-mistakes

:triangular_ruler: Jekyll theme for building a personal site, blog, project documentation, or portfolio.

Jekyll · 作品集

Beautiful Jekyll

Beautiful Jekyll

Beautiful Jekyll 是一个在 Jekyll 生态中经过长期打磨的博客主题，由 Dean Attali 维护，自 2015 年起积累了超过 5 万用户。

Jekyll · 博客

jekyll-TeXt-theme

jekyll-TeXt-theme

💎 🐳 A super customizable Jekyll theme for personal site, team site, blog, project, documentation, etc.

Jekyll · 博客

startbootstrap-clean-blog-jekyll

startbootstrap-clean-blog-jekyll

A Jekyll version of the Clean Blog theme by Start Bootstrap

Jekyll · 博客

So Simple

So Simple

So Simple 是 Michael Rose 开发的 Jekyll 主题，定位清晰：为文字和图片提供一个干净、可读性强的展示框架。

Jekyll · 博客