Jekyll企业官网

urban-jekyll-template — Jekyll 企业官网模板

作者 CloudCannon

Urban 是 CloudCannon 为 Jekyll 制作的网页代理机构主题,包含联系表单、博客分页、分类页、员工与作者系统、可配置页脚等模块,仓库已标注为不再维护的旧版模板。

看看你的网站会是什么样

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

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

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

全部页面与视图 3

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

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

值得关注的模板亮点

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

01

面向网页代理机构的企业官网主题,提供在线演示站点

02

内置联系表单,预配置配合 CloudCannon,也可改用 Formspree 等其他服务

03

博客支持分页、文章分类页面与 Disqus 评论

04

员工与作者系统:文章的作者字段可关联到员工集合成员

05

页脚与公司信息以数据文件形式提供,便于集中编辑

06

包含 RSS/Atom 订阅、SEO 标签与 Google Analytics 配置项

模板详细介绍

Urban 是一个面向网页代理机构的企业官网主题,基于 Jekyll 构建,由 CloudCannon 制作并提供在线演示。仓库 README 明确标注为「LEGACY TEMPLATE NO LONGER MAINTAINED」,即旧版模板、已不再维护,因此更适合作为结构参考或二次改造的起点,而不是直接依赖其后续更新。

主题自带一套预置页面与预置样式组件,并包含博客功能:文章支持分页、分类页面、Disqus 评论,以及将文章作者关联到员工集合的作者系统。页脚与公司信息以数据文件形式暴露,便于在 CloudCannon 中集中编辑;同时提供 RSS/Atom 订阅、SEO 标签与 Google Analytics 配置项。联系表单预配置为配合 CloudCannon 使用,也可替换为 Formspree 等其他服务,提交内容会发送到公司信息中填写的邮箱地址。

使用前需要在 _config.yml 中填写站点与作者信息,并补充 Google Analytics 与 Disqus 密钥。开发流程为通过 Bundler 安装依赖,再用 bundle exec jekyll serve 运行本地服务。README 提到主题最初基于 Jekyll 3.3.1 构建,并称应可兼容更新的版本,但未给出已验证的版本范围。

Jekyll企业官网

适合你的项目吗?

适用场景

  • 为网页代理机构搭建包含博客与团队介绍的企业官网
  • 在 CloudCannon 中编辑页面、员工、公司信息与页脚内容
  • 需要文章分类、分页与评论功能的 Jekyll 站点
  • 作为二次开发起点,改造预置页面与预置样式组件

适合人群

  • 使用 Jekyll 构建企业官网的开发者
  • 希望通过 CloudCannon 进行可视化内容编辑的团队
  • 需要博客、员工介绍与联系表单组合的代理机构站点
  • 接受以不再维护的旧版模板为基础自行维护的项目

上手与定制指南

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

  1. 1

    在 _config.yml 中填写站点与作者信息,并添加 Google Analytics 与 Disqus 密钥

  2. 2

    使用 Bundler 安装依赖:bundle install,并通过 bundle exec jekyll serve 运行本地服务

  3. 3

    联系表单需配置服务端点;使用 Formspree 等外部服务时,其额度与费用需单独核对

  4. 4

    仓库已标注为不再维护的旧版模板,README 仅称最初基于 Jekyll 3.3.1 构建,未给出已验证的兼容版本范围

  5. 5

    演示图片、字体、图标等第三方素材需按各自许可核对,代码的 MIT 许可不覆盖这些素材

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

  • 使用评论与统计功能需自行注册 Disqus 和 Google Analytics 账号并获取密钥,属于第三方外部服务,其可用性与条款由服务方决定。
  • 联系表单需依赖 CloudCannon 或 Formspree 等外部表单服务端点,这些服务可能需要注册账号并受其免费额度与费用限制。
  • 该模板已停止维护,不再获得更新与修复,使用者需自行承担后续维护与兼容性风险。
  • README 仅说明最初基于 Jekyll 3.3.1 构建并称应兼容更新版本,未给出已验证的版本范围,实际兼容性需自行验证。
  • README 提及 Formspree 表单服务;真实提交需配置服务端点,其使用额度与费用需单独核对。
  • 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据

Permission is hereby granted, free of charge

许可证原文

Add your Google Analytics and Disqus keys to `_config.yml`.

README 原文

Preconfigured to work with [CloudCannon](https://app.cloudcannon.com/), but easily changed to another provider (e.g. [FormSpree](https://formspree.io/)).

README 原文

Urban [ LEGACY TEMPLATE NO LONGER MAINTAINED ]

README 原文

Urban was built with [Jekyll](https://jekyllrb.com/) version 3.3.1, but should support newer versions as well.

README 原文
https://github.com/CloudCannon/urban-jekyll-template/blob/main/LICENSEhttps://github.com/CloudCannon/urban-jekyll-template/blob/main/README.md

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

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料较完整 · 76 / 100
技术栈
Jekyll
网站类型
企业官网
这个分数如何计算

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

这个项目需要核对什么

记录的仓库更新时间
2024-08-01
截图检查日期
2026-10-01

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

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

查看当时使用的来源资料

SHA-256: 60478f50ad53f12eb719713f04650a20c55191e5ffd353d6a5b09e9af4ad9d8e

2026-10-01T04:28:59.332Z

来源文件 / 仓库
# Urban [ LEGACY TEMPLATE NO LONGER MAINTAINED ]

Web Agency themed business template for Jekyll. Browse through a [live demo](https://teal-worm.cloudvent.net/).
Increase the web presence of your agency with this configurable theme.

![Urban template screenshot](images/_screenshot.png)

Urban was made by [CloudCannon](https://cloudcannon.com/), the Cloud CMS for Jekyll.

Find more templates, themes and step-by-step Jekyll tutorials at [CloudCannon Academy](https://learn.cloudcannon.com/).

[![Deploy to CloudCannon](https://buttons.cloudcannon.com/deploy.svg)](https://app.cloudcannon.com/register#sites/connect/github/CloudCannon/urban-jekyll-template)

## Features

* Contact form
* Pre-built pages
* Pre-styled components
* Blog with pagination
* Post category pages
* Disqus comments for posts
* Staff and author system
* Configurable footer
* Optimised for editing in [CloudCannon](https://cloudcannon.com/)
* RSS/Atom feed
* SEO tags
* Google Analytics

## Setup

1. Add your site and author details in `_config.yml`.
2. Add your Google Analytics and Disqus keys to `_config.yml`.
3. Get a workflow going to see your site's output (with [CloudCannon](https://app.cloudcannon.com/) or Jekyll locally).

## Develop

Urban was built with [Jekyll](https://jekyllrb.com/) version 3.3.1, but should support newer versions as well.

Install the dependencies with [Bundler](https://bundler.io/):

~~~bash
$ bundle install
~~~

Run `jekyll` commands through Bundler to ensure you're using the right versions:

~~~bash
$ bundle exec jekyll serve
~~~

## Editing

Urban is already optimised for adding, updating and removing pages, staff, advice, company details and footer elements in [CloudCannon](https://app.cloudcannon.com/).

### Posts

* Add, update or remove a post in the *Posts* collection.
* The **Staff Author** field links to members in the **Staff** collection.
* Documentation pages are organised in the navigation by category, with URLs based on the path inside the `_docs` folder.
* Change the defaults when new posts are created in `_posts/_defaults.md`.

### Contact Form

* Preconfigured to work with [CloudCannon](https://app.cloudcannon.com/), but easily changed to another provider (e.g. [FormSpree](https://formspree.io/)).
* Sends email to the address listed in company details.

### Staff

* Reused around the site to save multiple editing locations.
* Add `excluded_in_search: true` to any documentation page's front matter to exclude that page in the search results.

### Footer

* Exposed as a data file to give clients better access.
* Set in the *Data* / *Footer* section.

### Company details

* Reused around the site to save multiple editing locations.
* Set in the *Data* / *Company* section.
反馈内容错误

看看同类模板

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