JekyllHTML博客

modern-on-jekyll — Jekyll 博客模板

作者 SergiuTripon

Modern 是一个基于 Jekyll 的响应式极简博客主题，使用 HTML、CSS 与 JavaScript 构建，包含首页、文章、关于、归档与联系页面，并集成搜索、阅读时长、代码高亮、社交分享和 Disqus 评论。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

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

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

全部页面与视图 3

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

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

值得关注的模板亮点

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

01

基于 Jekyll 的响应式极简博客主题，使用 HTML、CSS 与 JavaScript 构建

02

包含首页、文章、关于、联系及按日/月/年/分类/标签归档的页面结构

03

内置站内搜索、文章阅读时长、行内代码与语法高亮

04

提供多种社交按钮与 Facebook、Twitter、LinkedIn 分享按钮

05

支持 YouTube、Vimeo、SoundCloud、Twitter 响应式嵌入及 GitHub Gist

06

使用 Disqus 作为博客评论托管服务

模板详细介绍

Modern 是一个由 Sergiu Tripon 维护的 Jekyll 博客主题，采用 HTML、CSS 和 JavaScript 编写，定位为响应式、极简风格的博客模板。仓库以 MIT 许可发布，可免费使用、修改、商用和分发，但演示图片、字体、图标等第三方素材需单独核对许可。

主题提供较完整的博客页面结构：首页、文章页、关于页、联系页，以及按日、月、年和分类、标签组织的归档页。功能层面包含响应式图片、站内搜索、文章阅读时长、行内代码与语法高亮。

社交与内容嵌入方面，内置 Email、LinkedIn、GitHub、Behance、StackExchange、StackOverflow、PayPal、Facebook、Twitter、Google+、Instagram、Vine、Tumblr、Skype、SoundCloud、Spotify、YouTube、Vimeo 等社交按钮，以及 Facebook、Twitter、LinkedIn 分享按钮；支持 YouTube、Vimeo、SoundCloud、Twitter 的响应式嵌入和 GitHub Gist，评论使用 Disqus 托管服务。

仓库最后更新于 2017 年，README 未说明依赖版本与构建步骤，使用前需自行核对 Jekyll 环境与第三方服务的可用性。

JekyllHTML博客

适合你的项目吗？

适用场景

  • 搭建以文章为核心的极简个人博客
  • 需要按时间与分类、标签归档内容的博客站点
  • 文章中需要嵌入视频、音频或 GitHub Gist 的写作场景
  • 希望通过 Disqus 提供评论互动的博客

适合人群

  • 使用 Jekyll 构建静态博客的开发者
  • 偏好极简、响应式排版风格的个人博主
  • 需要在文章中嵌入第三方媒体内容的写作者
  • 接受使用 Disqus 作为评论系统的站点

上手与定制指南

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

  1. 1

    仓库以 MIT 许可发布，分发代码副本或实质性部分时需保留原作者版权声明和完整 MIT 许可声明

  2. 2

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

  3. 3

    Disqus 评论、社交分享及视频嵌入等依赖外部服务，可能涉及额外费用或可用性变化

  4. 4

    README 未提供依赖版本与构建步骤，需自行确认 Jekyll 环境

  5. 5

    仓库最后更新于 2017 年，使用前建议核对依赖与外部服务的当前状态

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

  • 评论功能依赖第三方托管服务 Disqus，需注册 Disqus 账号并配置站点短名，评论数据存储于 Disqus，可能受其服务条款、可用性及付费方案变化影响。
  • 视频与音频嵌入依赖 YouTube、Vimeo、SoundCloud、Twitter 等外部服务，需相应平台可用，部分嵌入可能受平台政策或网络环境影响。
  • 社交按钮指向外部平台，使用前需自行配置各平台账号链接；部分平台（如 Google+、Vine）已停止服务，按钮可能失效。
  • 演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据

Permission is hereby granted, free of charge

许可证原文

blog comment hosting service using Disqus

README 原文

support for Youtube, Vimeo, SoundCloud and Twitter responsive embeds (possibly more but not tested)

README 原文

social buttons: Email, LinkedIn, GitHub, Behance, StackExchange, StackOverflow, PayPal, Facebook, Twitter, Google+, Instagram, Vine, Tumblr, Skype, SoundCloud, Spotify, Youtube, Vimeo

README 原文
https://github.com/SergiuTripon/modern-on-jekyll/blob/master/LICENSE.mdhttps://github.com/SergiuTripon/modern-on-jekyll/blob/master/README.md

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

项目核对记录与介绍依据

模板资料

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

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

这个项目需要核对什么

记录的仓库更新时间
2017-12-09
截图检查日期
2026-10-04

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

审核声明: [email protected] · 2026-10-04

查看当时使用的来源资料

SHA-256: 447d20b821d8dc71d85b9657620c32155432027987a02fd7c35f92334aabaa5e

2026-10-04T01:02:44.354Z

来源文件 / 仓库
[![GitHub release](https://img.shields.io/github/release/SergiuTripon/modern-on-jekyll.svg)](https://github.com/SergiuTripon/modern-on-jekyll/releases)
[![Travis build status](https://img.shields.io/travis/SergiuTripon/modern-on-jekyll/master.svg)](https://travis-ci.org/SergiuTripon/modern-on-jekyll/)
[![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/SergiuTripon/modern-on-jekyll/blob/master/LICENSE.md)

---

## Modern by Sergiu Tripon

Modern is a responsive, minimalist and modern blog theme built using HTML, CSS and JavaScript and powered by Jekyll.

**Demo**: [http://sergiu-tripon.com/modern-on-jekyll/](http://sergiu-tripon.com/modern-on-jekyll/)

### Features

Features include:

* about page
* archive page: day, month, year and category, tag
* contact page
* responsive images
* search functionality
* post reading time
* inline code
* syntax highlighting
* social buttons: Email, LinkedIn, GitHub, Behance, StackExchange, StackOverflow, PayPal, Facebook, Twitter, Google+, Instagram, Vine, Tumblr, Skype, SoundCloud, Spotify, Youtube, Vimeo
* social share buttons: Facebook, Twitter, LinkedIn
* blog comment hosting service using Disqus
* support for Youtube, Vimeo, SoundCloud and Twitter responsive embeds (possibly more but not tested)
* support for GitHub Gist

### Screenshots

#### Home

![alt text](assets/screenshots/home.png?raw=true "Screenshot of Home page")

#### Post

![alt text](assets/screenshots/post.png?raw=true "Screenshot of Post page")

#### About

![alt text](assets/screenshots/about.png?raw=true "Screenshot of About page")

#### Archive

![alt text](assets/screenshots/archive.png?raw=true "Screenshot of Archive page")

#### Contact

![alt text](assets/screenshots/contact.png?raw=true "Screenshot of Contact page")
反馈内容错误

看看同类模板

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

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 · 博客