Hugo作品集博客工具站

airspace-hugo — Hugo 作品集模板

作者 themefisher

Airspace 是一个基于 Hugo 的多用途主题,提供作品集、博客、服务、定价、FAQ 等 9 个以上预设页面,代码以 MIT 许可发布。

看看你的网站会是什么样

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

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

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

全部页面与视图 3

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

采集于 2026-09-30查看来源

值得关注的模板亮点

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

01

提供 9 个以上预设页面:首页、博客列表与详情、项目、服务、定价、FAQ、关于、联系

02

支持多作者、多语言(法语、英语)以及联系表单

03

内置 GDPR 同意提示、Google Maps 与 Google Analytics 支持

04

包含 Open Graph 与 Twitter Card 元标签

05

基于 Bootstrap,使用 Hugo Pipe 打包 CSS 和 JS

06

预配置 Netlify 部署设置,并支持通过 Sitepins CMS 可视化编辑内容

模板详细介绍

Airspace 是 Themefisher 为 Hugo 静态站点生成器开发的主题,定位为多用途模板,可用于作品集、博客和企业展示类网站。主题自带 9 个以上预设页面,包括首页、博客列表与详情页、项目页、服务页、定价页、FAQ、关于页和联系页,并内置多作者支持、联系表单、GDPR 同意提示、Google Maps 与 Google Analytics 接入,以及 Open Graph 和 Twitter Card 元标签。

主题基于 Bootstrap 构建,使用 Hugo Pipe 打包 CSS 与 JS,并附带 Netlify 部署预设。界面文案支持多语言(资料中列出法语与英语)。内容可通过基于 Git 的无头 CMS Sitepins 进行可视化编辑,本地开发使用 npm 脚本完成项目初始化与启动。

使用限制方面:仓库中的图片仅作演示用途,版权归各自所有者,不能随主题一并复用;代码本身采用 MIT 许可,允许免费使用、修改、商用和分发,但分发时需保留版权声明与完整许可文本。域名、托管等外部服务可能另行收费。

Hugo作品集博客工具站

适合你的项目吗?

适用场景

  • 搭建个人或团队作品集,展示项目与案例
  • 运营带列表和详情页的博客
  • 制作企业展示站,包含服务、定价与 FAQ 页面
  • 需要多语言内容和多作者署名的站点

适合人群

  • 熟悉 Hugo 静态站点生成器的开发者
  • 需要作品集与博客混合结构的个人或团队
  • 希望用可视化 CMS 编辑内容的非技术编辑者
  • 计划部署到 Netlify 的项目

上手与定制指南

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

  1. 1

    克隆仓库后运行 npm run project-setup 完成项目初始化

  2. 2

    使用 npm run dev 启动本地开发服务器

  3. 3

    完整文档见 docs.gethugothemes.com/airspace

  4. 4

    仓库中的演示图片有独立许可,不可直接复用,需替换为自有素材

  5. 5

    分发代码副本时需保留原作者版权声明和 MIT 许可文本

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

  • 仓库中的演示图片版权归各自所有者,项目方无权分享,不能随主题代码一并复用;使用前需自行替换为拥有合法授权的素材。
  • 可视化内容编辑依赖第三方服务 Sitepins,需注册其账号并授权访问仓库;该外部服务可能产生额外费用或使用条款限制。
  • 启用 Google Analytics 需自行提供账号与跟踪 ID,属于外部服务,可能受其条款与费用约束。
  • 使用 Google Maps 功能需申请 Google Maps API 密钥,该外部服务可能产生计费。
  • 联系表单需配置第三方表单或邮件服务端点才能实际收发消息,相关服务可能需账号或付费。
  • 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据

Permission is hereby granted, free of charge

许可证原文

**Image license:** The images are only for demonstration purposes. They have their licenses. We don't have permission to share those images.

README 原文

This template comes pre-configured with [**Sitepins**](https://sitepins.com/?aff=tfgithub), a Git-based Headless CMS designed for seamless content management.

README 原文

- 📊 Google Analytics support

README 原文

- 🗺️ Google Maps support

README 原文

- ✉️ Contact form support

README 原文
https://github.com/themefisher/airspace-hugo/blob/main/LICENSEhttps://github.com/themefisher/airspace-hugo/blob/main/README.md

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

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料较完整 · 96 / 100
技术栈
Hugo
网站类型
作品集 · 博客 · 工具站
这个分数如何计算

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

这个项目需要核对什么

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

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

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

查看当时使用的来源资料

SHA-256: 8b8452bf4dedf876b9d86469de672a2a6441d055843f25dd154d02866958e247

2026-10-01T15:03:01.254Z

来源文件 / 仓库
<h1 align=center>Airspace Hugo</h1>
<p align=center>This theme is suitable for a wide variety of businesses, including marketing, photography, and development enterprises.</p>

<h2 align=center> <a target="_blank" href="https://demo.gethugothemes.com/airspace" rel="nofollow">👀Demo</a> | <a  target="_blank" href="https://pagespeed.web.dev/report?url=https%3A%2F%2Fdemo.gethugothemes.com%2Fairspace%2Fsite%2F&form_factor=desktop">Page Speed (95%)🚀</a></h2>

<p align=center>
  <a href="https://github.com/gohugoio/hugo/releases/tag/v0.147.2" alt="Contributors">
    <img src="https://img.shields.io/static/v1?label=min-HUGO-version&message=0.147.2&color=f00&logo=hugo" />
  </a>

  <a href="https://github.com/themefisher/airspace-hugo/blob/master/LICENSE">
    <img src="https://img.shields.io/github/license/themefisher/airspace-hugo" alt="license"></a>

  <img src="https://img.shields.io/github/languages/code-size/themefisher/airspace-hugo" alt="code size">

  <a href="https://github.com/themefisher/airspace-hugo/graphs/contributors">
    <img src="https://img.shields.io/github/contributors/themefisher/airspace-hugo" alt="contributors"></a>

  <a href="https://twitter.com/intent/follow?screen_name=gethugothemes">
    <img src="https://img.shields.io/twitter/follow/gethugothemes?style=social&logo=twitter"
      alt="follow on Twitter"></a>
</p>

---
<p align="center">
  <img src="https://assets.teamosis.com/thumbs/airspace.png" alt="screenshot" width="100%">
</p>
---

## 🔑Key Features

- 📄 9+ Pre-Designed Pages
- 🌐 Multiple language support (Fr, En)
- 📊 Google Analytics support
- 🎨 CSS and JS bundle with Hugo Pipe
- 🎨 Bootstrap Based
- ⚙️ Netlify settings predefine
- 👥 Multiple authors available
- ✉️ Contact form support
- 🔄 GDPR consent support
- 🗺️ Google Maps support
- 🎉 Fun factors counter
- 🚀 Google Page Speed optimized
- 🌐 Open Graph meta tag
- 🐦 Twitter Card meta tag

## 📄 9+ Pre-Designed Pages

- 🏠 Home Page
- 📚 Blog Page
- 📝 Blog Single Page
- 📄 Project Page
- 🛠️ Services
- 💰 Pricing
- ❓ FAQ
- ℹ️ About Page
- 📞 Contact Page


## 🖥️Local development

```bash
# clone the repository
git clone [email protected]:themefisher/airspace-hugo.git

# setup project
$ npm run project-setup

# Start local dev server
$ npm run dev
```

Or Check out [Full Documentation](https://docs.gethugothemes.com/airspace/?ref=github).


## ⚙️Deployment and hosting

<!-- edit with sitepins -->

## 📝 Edit Content with CMS

This template comes pre-configured with [**Sitepins**](https://sitepins.com/?aff=tfgithub), a Git-based Headless CMS designed for seamless content management. You can update your website’s text, images, and configuration without touching a single line of code.

**How to get started:**

Click the Edit with Sitepins button below and follow the on-screen instructions to start editing your content visually.

  <a target="_blank" href="https://app.sitepins.com/new/clone?name=Airspace%20Hugo&repository=https://github.com/themefisher/airspace-hugo/?aff=tfgithub">
    <img src="https://sitepins.com/button.svg" alt="Edit with Sitepins">
  </a>

<!-- reporting issue -->
## 🐞Reporting Issues

We use GitHub Issues as the official bug tracker for the Airspace Template. Please Search [existing
issues](https://github.com/themefisher/airspace-hugo/issues). Someone may have already reported the same problem.
If your problem or idea has not been addressed yet, feel free to [open a new
issue](https://github.com/themefisher/airspace-hugo/issues).

## 📱Submit Your Website To Our Showcase

Are you using Airspace Hugo theme? Submit it to our [showcase](https://gethugothemes.com/showcase). 

Our showcase aims to demonstrate to the world what amazing websites people like you have created utilizing our Hugo themes and to show that Hugo has tremendous capabilities as a Static Site Generator. 

View all the websites powered by Airspace Hugo from [here](https://gethugothemes.com/showcase?theme=airspace). 

[Submit](https://gethugothemes.com/showcase?submit=show) your Airspace Hugo powered website.


<!-- licence -->
## 📄License

Copyright &copy; Designed by [Themefisher](https://themefisher.com) & Developed by
[Gethugothemes](https://gethugothemes.com)

**Code License:** Released under the [MIT](https://github.com/themefisher/airspace-hugo/blob/master/LICENSE) license.

**Image license:** The images are only for demonstration purposes. They have their licenses. We don't have permission to
share those images.

<!-- resources -->
## 🙏Special Thanks

- [Bootstrap](https://getbootstrap.com)
- [Jquery](https://jquery.com)
- [Ionicons](https://ionic.io/ionicons)
- [Magnific Popup](https://dimsemenov.com/plugins/magnific-popup/)
- [Shuffle](https://vestride.github.io/Shuffle/)
- [Slick Slider](https://kenwheeler.github.io/slick/)
- [Google Fonts](https://fonts.google.com/)
- [All Contributors](https://github.com/themefisher/airspace-hugo/graphs/contributors)

## 👨‍💻Hire Us

Besides developing unique, blazing-fast Hugo themes, we also provide customized services. We specialize in creating affordable, high-quality static websites based on Hugo.

If you need to customize the theme or complete website development from scratch, you can hire us. **Check Our
[Services](https://gethugothemes.com/services/?utm_source=airspace_github&utm_medium=referral&utm_campaign=github_theme_readme)**

<!-- premium themes -->
## 💎Premium Themes By Us

| [![Mega-Bundle-HUGO](https://demo.gethugothemes.com/thumbnails/bundle.png?)](https://gethugothemes.com/bundle/?utm_source=airspace_github&utm_medium=referral&utm_campaign=github_theme_readme) | [![Bigspring](https://demo.gethugothemes.com/thumbnails/bigspring.png)](https://gethugothemes.com/products/reader/) | [![Navigator](https://demo.gethugothemes.com/thumbnails/navigator.png)](https://gethugothemes.com/products/navigator/) |
|:---:|:---:|:---:|
| **Get 55+ Premium Hugo Themes Bundle** | **Bigspring** | **Navigator** |
反馈内容错误

看看同类模板

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