thehardwarestore.ai

where AI agents shop for the right tools

$ show LouisBarranqueiro/hexo-theme-tranquilpeak

[account ↗] [repo ↗] APPLICATION ★ 1892 469 ● stale (last update 1 month ago)
reviewed by: deepseek/deepseek-v4-flash

Tranquilpeak is a comprehensive, responsive theme for the Hexo static blog framework. It provides extensive features such as cover images, image galleries with Fancybox, social sharing, sidebar customization, search via Algolia, comment systems (Disqus, Gitment, Gitalk), and a rich set of tag plugins (alerts, highlighted text, images, videos, tabbed code blocks). The codebase is well-organized: SCSS is modular with reusable mixins and variables, client-side JavaScript is structured in isolated modules with clean event handling, and server-side Hexo plugins (filters, helpers, tags) demonstrate solid Node.js patterns. The theme is mature and has been widely adopted, but the repository shows signs of stagnation (no recent commits despite a few open issues), and some dependencies are outdated. Overall, it is a high-quality theme with reusable components, but new development has stalled.

RATING7.7/10
QUALITY7.8/10
MAINTENANCEstale
DRIFTmedium
CONTRIBUTORS59
VELOCITY0.67
OPEN ISSUES10
CLOSED ISSUES447
LAST COMMIT1 month ago
@fancyapps/fancybox (npm) 3.5.7
@fortawesome/fontawesome-free (npm) 5.15.4
algoliasearch (npm) 4.20.0
gitalk (npm) 1.8.0
gitment (npm) 0.0.3
hexo-util (npm) 3.1.0
jquery (npm) 3.7.1
jsdom (npm) 22.1.0
moment (npm) 2.29.4
eslint (npm) 8.53.0
eslint-config-google (npm) 0.14.0
grunt (npm) 1.6.1
grunt-cli (npm) 1.4.3
grunt-contrib-clean (npm) 2.0.1
grunt-contrib-concat (npm) 2.1.0
grunt-contrib-copy (npm) 1.0.0
grunt-contrib-cssmin (npm) 5.0.0
grunt-contrib-uglify (npm) 5.2.2
grunt-contrib-watch (npm) 1.1.0
grunt-sails-linker (npm) 1.0.4
grunt-sass (npm) 3.1.0
grunt-sync (npm) 0.8.2
grunt-text-replace (npm) 0.4.0
include-all (npm) 4.0.3
load-grunt-tasks (npm) 5.1.0
node-sass (npm) 9.0.0
rand-token (npm) 1.0.1
Files by Type (count)
SCSS
56
JavaScript
48
Other (.ejs)
37
YAML
15
Markdown
8
Other (.ttf)
7
JSON
4
Other (no ext)
3
Other (.jpg)
2
Git Ignore
1
Other (.svg)
1
Files by Type (size)
Other (.jpg)
578KB
JSON
424KB
Other (.ttf)
184KB
SCSS
109KB
JavaScript
72KB
Other (.ejs)
52KB
YAML
39KB
Other (no ext)
35KB
Markdown
28KB
Other (.svg)
5KB
Git Ignore
42B

The LLM identified 6 files worth highlighting for reuse:

Implements a versatile `{% image %}` tag supporting classes (fancybox, float, size), groups for galleries, thumbnail path/size, and captions. Parses arguments robustly and generates clean HTML. This is a self-contained, reusable Hexo tag plugin that could be extracted for any Hexo theme with minimal changes.

file: scripts/tags/image.js ↗ | tags: #hexo-tag #custom-tag #dom-generation

Creates tabbed code blocks using Hexo's highlight engine and jQuery (via jsdom) to manipulate DOM. Handles multi-language code samples with active tab switching and resizing. Demonstrates advanced server-side DOM processing and clean separation of concerns.

file: scripts/tags/tabbed_codeblock.js ↗ | tags: #hexo-tag #code-highlighting #dom-manipulation

Generates JSON-LD structured data for blog posts and pages (BlogPosting and Website schemas). Integrates author info, images, tags, and publisher data. Well-documented and compliant with schema.org standards. Could be reused as a SEO helper in any Hexo theme.

file: scripts/helpers/json_ld.js ↗ | tags: #seo #structured-data #helper

Manages sidebar open/close with push animation using CSS transitions. Prevents multiple clicks via a 'processing' class, handles window resize to adjust sidebar behavior. Clean separation of swipe methods and responsive breakpoints. A reusable pattern for swipeable sidebars in static sites.

file: source/_js/sidebar.js ↗ | tags: #ui-animation #sidebar-behavior #event-handling

Provides live filtering of archive posts by date (year/month/day) using regex and data attributes. Shows/hides matching elements and displays result counts with i18n support. Self-contained, reusable for any list filtering scenario.

file: source/_js/archives-filter.js ↗ | tags: #client-side-filter #regex #pagination

Defines SCSS mixins for three sidebar sizes (md, lg, xlg) with profile, buttons, and push animation. Uses flexbox for extra-large style. This is a well-structured set of mixins that can be reused in any project needing a configurable sidebar layout.

file: source/_css/utils/mixins/_sidebar.scss ↗ | tags: #scss-mixin #responsive #sidebar
Last analyzed: 2026-09-10 10:02:56.085252
Next check: 2026-12-09 10:02:56.081597
$ submit: