awesome-repositories.com
博客
MCP
awesome-repositories.com

通过 AI 驱动的搜索，发现最优秀的开源仓库。

探索精选搜索开源替代品自托管软件博客网站地图
项目MCP 服务器关于排名机制媒体报道
法律隐私政策服务条款
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
bchiang7 avatar

bchiang7/v4

0
View on GitHub↗
8,258 星标·4,226 分支·JavaScript·MIT·10 次浏览v4.brittanychiang.com↗

V4

This is a developer portfolio site built with Gatsby, designed as a single-page website to showcase a developer's projects, experience, and personal brand. The site is powered by Gatsby's static site generator, which uses a GraphQL data layer and file-based routing to produce an optimized static build for deployment on any static hosting service.

The visual theme is controlled entirely through CSS custom properties, with a centralized set of variables for navy, slate, and accent colors that can be edited to customize the site's appearance. The user interface is constructed from reusable React components composed in a hierarchical structure.

The project provides a complete foundation for building and deploying a polished developer portfolio, with the ability to adjust the color palette by modifying named CSS variables.

Features

  • Gatsby - Builds a React-based static site using GraphQL data layer and webpack bundling for optimized production output.
  • File-Based Routing - Creates page routes automatically from the file structure within the pages directory at build time.
  • Static Site Generation - Builds a fully static production site from a Gatsby project for local preview and deployment.
  • Gatsby - Builds a static site with Gatsby, optimized for performance and deployable to any static hosting service.
  • Developer Portfolio Sites - Displays a developer's projects, experience, and personal brand in a polished, single-page site.
  • Developer Portfolio Sites - Provides a single-page website for showcasing a developer's projects, experience, and personal brand.
  • React Components - Builds the user interface by composing reusable React components in a hierarchical structure.
  • CSS Variable Theming - Uses CSS custom properties for navy, slate, and accent colors, enabling easy visual theme customization.
  • CSS Custom Property Bindings - Controls visual styling through CSS custom properties defined in a centralized theme file.
  • Build-Time GraphQL - Queries site metadata and content through a unified GraphQL schema during the build process.
  • Theme Customization - Adjusts a site's color palette by editing named CSS variables for navy, slate, and accent tones.
  • Portfolio Templates - React-based portfolio using Gatsby and styled-components.

Star 历史

bchiang7/v4 的 Star 历史图表bchiang7/v4 的 Star 历史图表

AI 搜索

探索更多 awesome 仓库

用简单的语言描述您的需求 —— AI 将根据相关性为您从数千个精选开源项目中进行排序。

Start searching with AI

V4 的开源替代方案

相似的开源项目，按与 V4 的功能重合度排序。
  • pintree-io/pintreePintree-io 的头像

    Pintree-io/pintree

    2,579在 GitHub 上查看↗
    TypeScriptbookmarkdirectorydirectory-website
    在 GitHub 上查看↗2,579
  • ashutosh1919/masterportfolioashutosh1919 的头像

    ashutosh1919/masterPortfolio

    4,189在 GitHub 上查看↗

    This project is a developer portfolio template designed for software engineers to establish a professional online presence. It serves as a structured website to showcase technical credentials, work experience, skills, and academic certifications. The platform features a dynamic activity dashboard that synchronizes real-time data from GitHub, automatically importing pull requests, issues, and project activities. It also includes a dedicated resume hosting capability that embeds a PDF viewer directly in the browser. Users can manage their personal branding through visual theme customization, u

    JavaScriptbest-portfolio-websitebest-websitecss3
    在 GitHub 上查看↗4,189
  • timlrx/tailwind-nextjs-starter-blogtimlrx 的头像

    timlrx/tailwind-nextjs-starter-blog

    10,503在 GitHub 上查看↗

    This is a markdown-based blog engine and Next.js starter template that renders posts from files with frontmatter support for tags, authors, and metadata. It functions as a static site generator, building a complete blog into deployable HTML files for any hosting provider, while using Tailwind CSS utility classes for fully customizable typography, layout, and color schemes. The template generates RSS feeds, sitemaps, and structured metadata for search engine visibility, and supports connecting to external services like analytics tracking and comment sections through configurable plugin modules

    TypeScriptbloggingdemo-blogmdx
    在 GitHub 上查看↗10,503
  • sharu725/online-cvsharu725 的头像

    sharu725/online-cv

    3,487在 GitHub 上查看↗

    This project is a static site generator designed to transform structured data into professional curriculum vitae and portfolio websites. It utilizes the Jekyll framework to compile plain text and data files into lightweight, web-ready HTML, allowing users to host their professional profiles directly on platforms like GitHub Pages. The system distinguishes itself by separating raw professional information from the visual layout, using YAML-based configuration files to manage content and Liquid templates to handle site structure. This approach allows for centralized data management, where work

    JavaScriptcv-templatejekylljekyll-template
    在 GitHub 上查看↗3,487
查看 V4 的所有 30 个替代方案→

常见问题解答

bchiang7/v4 是做什么的？

This is a developer portfolio site built with Gatsby, designed as a single-page website to showcase a developer's projects, experience, and personal brand. The site is powered by Gatsby's static site generator, which uses a GraphQL data layer and file-based routing to produce an optimized static build for deployment on any static hosting service.

bchiang7/v4 的主要功能有哪些？

bchiang7/v4 的主要功能包括：Gatsby, File-Based Routing, Static Site Generation, Developer Portfolio Sites, React Components, CSS Variable Theming, CSS Custom Property Bindings, Build-Time GraphQL。

bchiang7/v4 有哪些开源替代品？

bchiang7/v4 的开源替代品包括： pintree-io/pintree. ashutosh1919/masterportfolio — This project is a developer portfolio template designed for software engineers to establish a professional online… timlrx/tailwind-nextjs-starter-blog — This is a markdown-based blog engine and Next.js starter template that renders posts from files with frontmatter… sharu725/online-cv — This project is a static site generator designed to transform structured data into professional curriculum vitae and… wakujs/waku — Waku is a minimal React framework built around React Server Components. It renders components exclusively on the… hugoblox/kit — This project is a framework for building static websites using the Hugo static site generator. It functions as a…