AngularHexo博客

hexo-theme-inside — Angular 博客模板

作者 ikeq

hexo-theme-inside 是一个基于 Angular 构建的 Hexo 单页应用主题，采用扁平化设计，提供自定义主题、内置搜索与 Disqus 评论，并通过插件机制扩展内容展示。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

1 个预览视图
作者提供的预览
作者提供的预览首屏预览

来自项目 README 的原始预览。

目前有 1 张原始预览，可打开完整图片查看设计细节。

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

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

值得关注的模板亮点

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

01

基于 Angular 的单页应用（SPA）博客主题

02

扁平、简洁的视觉风格，支持自定义主题

03

内置搜索与 Disqus 评论

04

插件机制，可扩展内容展示

05

内容附加组件：折叠、时间线、内容加密

06

支持 PWA、SSR、sitemap 与打印友好

模板详细介绍

hexo-theme-inside 是面向 Hexo 的博客主题，使用 Angular 实现单页应用（SPA）体验，整体为扁平、简洁的视觉风格。主题通过 npm 包 hexo-theme-inside 安装，在 Hexo 项目的 _config.yml 中将 theme 设为 inside，并将主题自带的 _config.yml 复制为 _config.inside.yml 进行配置，完整文档位于作者博客的 theme-inside 页面。

功能层面，主题提供自定义主题能力、内置搜索、内置 Disqus 评论以及灵活的插件机制。内容展示方面包含打赏、版权声明、图片缩放，对无表头表格和长表格做了处理，并内置折叠、时间线、内容加密等内容附加组件。其他特性包括 PWA（沉浸式设计与基于 workbox 的离线支持）、SEO（SSR、sitemap）以及打印友好。

已知限制：README 未说明浏览器兼容范围、构建产物体积或性能指标；前端源码托管在 Bitbucket 的独立仓库 hexo-theme-inside-ng，不在 GitHub 主仓库内；使用前需确认 Hexo 与 Node.js 的版本要求（README 徽章标注 Hexo 7.0+、Node.js 18+，此处不展开具体版本号）。

AngularHexo博客

适合你的项目吗？

适用场景

  • 使用 Hexo 搭建个人博客并希望获得 SPA 式浏览体验
  • 需要在博客中集成站内搜索与 Disqus 评论
  • 希望通过折叠、时间线、内容加密等组件组织长文内容
  • 需要 PWA 离线访问、SSR 与 sitemap 等 SEO 相关能力

适合人群

  • 使用 Hexo 作为静态博客生成器的开发者
  • 偏好扁平、简洁设计并愿意通过配置文件调整主题的用户
  • 需要搜索、评论与内容附加组件的博客作者

上手与定制指南

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

  1. 1

    在 Hexo 项目目录执行 npm install hexo-theme-inside 安装主题

  2. 2

    在项目 _config.yml 中将 theme 设置为 inside

  3. 3

    将主题的 _config.yml 复制为项目 _config.inside.yml 并按文档配置

  4. 4

    前端源码位于 Bitbucket 的 hexo-theme-inside-ng 仓库，不在 GitHub 主仓库中

  5. 5

    使用前请核对 README 徽章标注的 Hexo 与 Node.js 版本要求

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

  • 内置评论功能依赖第三方 Disqus 服务，需注册 Disqus 账号并配置站点短名，评论数据由 Disqus 托管，可能受其服务条款与网络可用性限制。
  • 前端源码托管在 Bitbucket 的独立仓库 hexo-theme-inside-ng，不在 GitHub 主仓库内，获取或修改前端源码需访问该外部仓库。
  • 演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据

Permission is hereby granted, free of charge

许可证原文

Built-in [Disqus](https://disqus.com)

README 原文

https://bitbucket.org/ikeq/hexo-theme-inside-ng

README 原文
https://github.com/ikeq/hexo-theme-inside/blob/master/LICENSEhttps://github.com/ikeq/hexo-theme-inside/blob/master/README.md

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

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料较完整 · 84 / 100
技术栈
Angular · Hexo
网站类型
博客
这个分数如何计算

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

这个项目需要核对什么

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

目前没有记录演示链接。请依据仓库说明在本地评估；仅凭截图无法确认交互行为。

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

查看具体选型方法 →

介绍的制作与核对状态

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

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

查看当时使用的来源资料

SHA-256: 3d882bd3cb384903e4829b5b926c1d62bc0885404d31bce20791055f7bb86ad2

2026-10-01T03:17:37.235Z

来源文件 / 仓库
<div align="right">
  Language:
  EN
  <a title="中文" href="README_zh-Hans.md">中文</a>
</div>

<h1 align="center">INSIDE</h1>

<p align="center">🌈 &nbsp;SPA, Flat and clean theme for Hexo, built with <a href="https://angular.io">Angular</a>.</p>

<p align="center">
  <img src="https://img.shields.io/npm/v/hexo-theme-inside.svg?label=NPM&color=limegreen&style=flat-square" />
  <img src="https://img.shields.io/badge/Hexo-7.0%2B-blue?style=flat-square">
  <img src="https://img.shields.io/badge/Node.js-18%2B-blue?style=flat-square">
</p>

<p align="center">
  <img src="https://blog.oniuo.com/screenshot.webp">
</p>

## Preview

- https://blog.oniuo.com
- https://blog.oniuo.com/post/inside-theme-showcase

## Features

- Custom theming
- Built-in Search
- Built-in [Disqus](https://disqus.com)
- Flexible plugin mechanism
- Enhanced content display
  - Reward, Copyright notice, Picture zooming
  - Table (headless table, long table)
  - Content addons, out of the box (Collapse, Timeline, Content Crypto)
- Misc
  - [PWA](https://developers.google.com/web/progressive-web-apps) (Immersive design, Offline support ([workbox](https://developers.google.com/web/tools/workbox/)))
  - SEO (SSR、sitemap)
  - Print friendly

## Quick start

1\. Locate to `project/` and run

```bash
npm install hexo-theme-inside
```

2\. Config `project/_config.yml`

```yaml
theme: inside
```

3\. Copy [_config.yml](https://github.com/ikeq/hexo-theme-inside/blob/master/_config.yml) to `project/_config.inside.yml`, see [here](https://blog.oniuo.com/theme-inside) for full documentation.

## Changelog

[releases](https://github.com/ikeq/hexo-theme-inside/releases)

## FAQ

- Where to find front-end source code?

  https://bitbucket.org/ikeq/hexo-theme-inside-ng

## License

[MIT](LICENSE)
反馈内容错误

看看同类模板

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

Artist-Studio-Portfolio-Website

Artist-Studio-Portfolio-Website

Open-source Django-based website template for musicians, originally created for nlytnmusic (Siddhesh Parekh). …

Angular · 作品集

Wanderlust-Chronicles-Website

Wanderlust-Chronicles-Website

Wanderlust Chronicles is a travel blog template designed to captivate and engage users with its modern and res…

Angular · 博客

hexo-theme-matery

hexo-theme-matery

A beautiful hexo blog theme with material design and responsive design.一个基于材料设计和响应式设计而成的全面、美观的Hexo主题。

Hexo · 博客

hexo-theme-cactus

hexo-theme-cactus

:cactus: A responsive, clean and simple theme for Hexo.

Hexo · 博客

hexo-theme-volantis

hexo-theme-volantis

A Wonderful Theme for Hexo.

Hexo · 博客

hexo-theme-aurora

hexo-theme-aurora

Hexo Theme Aurora 是一款以极光色彩和渐变 UI 为核心的 Hexo 博客主题，整体走未来感路线。 它的首页采用杂志式网格布局，文章列表与精选区域层次分明，视觉上更接近个人媒体站点而非传统博客。

Hexo · 博客