Hexo Theme Cyberpunk2077

🎮 A Cyberpunk 2077 style theme for Hexo with stunning neon effects, glitch animations, and futuristic design.

English | 繁體中文

• 🌃 Cyberpunk 2077 Style - Neon colors, glitch effects, scanlines
• ⚡ GSAP Animations - Smooth, professional animations
• 📱 Fully Responsive - Works on all devices
• 🎨 Customizable - Easy to configure colors and effects
• 🚀 Performance Optimized - Lazy loading, minimal dependencies
• 💻 Code Highlighting - Prism.js with Tomorrow Night theme
• 🔤 Beautiful Typography - LXGW WenKai TC for Chinese, Inter for English

Home Page	Article Page

cd your-hexo-site
git clone https://github.com/ceeyu/hexo-theme-cyberpunk2077.git themes/cyberpunk2077

npm install hexo-theme-cyberpunk2077

1. Edit your site's _config.yml:

theme: cyberpunk2077

2. Copy theme config to your site root (optional):

cp themes/cyberpunk2077/_config.yml _config.cyberpunk2077.yml

Edit themes/cyberpunk2077/_config.yml or _config.cyberpunk2077.yml:

# Navigation Menu
menu:
  Home: /
  Archives: /archives
  About: /about

# Social Links
social:
  GitHub: https://github.com/yourusername
  Twitter: https://twitter.com/yourusername

# Performance
performance:
  lazyload: true
  minify: true
  preload: true

# Code Highlighting
highlight:
  theme: tomorrow-night
  line_number: true

# Post Settings
post:
  show_updated: true
  show_word_count: true
  show_reading_time: true

Edit source/css/cyberpunk2077.css:

:root {
  --neon-cyan: #00f0ff;
  --neon-pink: #ff2a6d;
  --neon-yellow: #fcee0a;
  --neon-purple: #9d4edd;
}

Set in theme config:

animations:
  enable: false

hexo new post "My Cyberpunk Article"

hexo new page "about"

1. Fork this repository
2. Create your feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

MIT License - see LICENSE file

• GSAP - Animation library
• Prism.js - Code highlighting
• LXGW WenKai - Chinese font
• Inspired by Cyberpunk 2077 by CD Projekt Red

• 🌃 賽博龐克 2077 風格 - 霓虹燈色彩、故障效果、掃描線
• ⚡ GSAP 動畫 - 流暢專業的動畫效果
• 📱 完全響應式 - 支援所有裝置
• 🎨 高度可自訂 - 輕鬆配置顏色和效果
• 🚀 效能優化 - 延遲載入、最小依賴
• 💻 程式碼高亮 - Prism.js Tomorrow Night 主題
• 🔤 優美字體 - 霞鶩文楷中文字體、Inter 英文字體

cd your-hexo-site
git clone https://github.com/ceeyu/hexo-theme-cyberpunk2077.git themes/cyberpunk2077

npm install hexo-theme-cyberpunk2077

1. 編輯網站的 _config.yml：

theme: cyberpunk2077

2. 複製主題設定到網站根目錄（選用）：

cp themes/cyberpunk2077/_config.yml _config.cyberpunk2077.yml

編輯 themes/cyberpunk2077/_config.yml 或 _config.cyberpunk2077.yml：

# 導航選單
menu:
  首頁: /
  文章總覽: /archives
  關於: /about

# 社交連結
social:
  GitHub: https://github.com/yourusername

# 效能優化
performance:
  lazyload: true
  minify: true
  preload: true

MIT License - 詳見 LICENSE 文件

Made with 💜 by ceeyu