Hexo Theme Oracle ACE

A professional Hexo theme inspired by Oracle.com design system, perfect for database experts, technical bloggers, and professionals who want a clean, modern, and enterprise-grade blog appearance.

Features

• Oracle Design System: Inspired by Oracle's official website with professional color scheme
• Responsive Design: Perfectly adapted for desktop, tablet, and mobile devices
• Home Page Sections:
  • Hero section with profile image and social links
  • Statistics counter animation
  • Latest posts grid
  • Expertise showcase
  • Certifications display
• Smooth Animations: Scroll-triggered animations and hover effects
• Dark Mode Support: Built-in light/dark mode toggle
• SEO Optimized: Open Graph, structured data, and meta tags
• Performance: Lazy loading, optimized assets, fast rendering
• Comment Systems: Support for Waline, Giscus, Gitalk, Twikoo, Utterances, Artalk
• Search: Local search functionality
• Code Highlighting: Beautiful code blocks with copy button
• TOC: Table of contents for posts
• Multi-language: English and Chinese supported

Installation

Method 1: NPM (Recommended)

cd your-hexo-site
npm install hexo-theme-oracle-ace

Method 2: Git Clone

cd your-hexo-site/themes
git clone https://github.com/shawn0915/hexo-theme-oracle-ace.git oracle-ace

Configuration

1. Enable Theme

Edit your site's _config.yml:

theme: oracle-ace

2. Theme Configuration

Copy _config.yml from the theme folder to your site's root and rename it to _config.oracle-ace.yml:

cp themes/oracle-ace/_config.yml _config.oracle-ace.yml

3. Basic Configuration

# Site Info
info:
  title: Your Blog Title
  subtitle: Your Blog Subtitle
  author: Your Name
  url: https://yourdomain.com

# Oracle Brand Colors
colors:
  primary: "#C74634"      # Oracle Red
  secondary: "#1A1A1A"    # Dark
  default_mode: light

# Home Banner
home_banner:
  enable: true
  title: "Your Name"
  subtitle: "Your Title · Your Role"
  description: "Your bio description here"
  social_links:
    enable: true
    links:
      - icon: fa-brands fa-github
        url: https://github.com/yourusername
      - icon: fa-brands fa-twitter
        url: https://twitter.com/yourusername

# Navigation
navbar:
  links:
    Home:
      path: /
      icon: fa-solid fa-house
    Archives:
      path: /archives
      icon: fa-solid fa-archive
    Tags:
      path: /tags
      icon: fa-solid fa-tags
    About:
      path: /about
      icon: fa-solid fa-user

Post Front-matter

---
title: Your Post Title
date: 2024-01-01 00:00:00
categories:
  - Category Name
tags:
  - tag1
  - tag2
cover: /images/post-cover.jpg  # Featured image
no_comment: false              # Disable comments
toc: true                      # Enable TOC
---

Customization

Colors

Edit the color variables in _config.oracle-ace.yml:

colors:
  oracle_red: "#C74634"
  oracle_orange: "#FF9900"
  oracle_black: "#000000"
  oracle_dark: "#1A1A1A"
  oracle_gray: "#6B7280"
  oracle_light: "#F5F5F5"
  oracle_border: "#E5E5E5"

Fonts

global:
  fonts:
    chinese:
      enable: true
      family: "Noto Sans SC"
      url: "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&display=swap"
    english:
      enable: true
      family: "Inter"
      url: "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap"

Required Plugins

# Search functionality
npm install hexo-generator-searchdb

# Word count
npm install hexo-wordcount

# Feed
npm install hexo-generator-feed

# Sitemap
npm install hexo-generator-sitemap

Browser Support

• Chrome / Edge (latest)
• Firefox (latest)
• Safari (latest)
• Opera (latest)

License

MIT License © Shawn Yan

Credits

• Design inspired by Oracle.com
• Based on hexo-theme-redefine
• Icons by FontAwesome
• Fonts by Google Fonts

Support

If you have any questions or suggestions, please feel free to:

• Open an issue
• Contact me: shawnyan.cn
• Follow me on Twitter

---

Made with ❤️ by Shawn Yan