百科.dev
全部条目AI 编程趋势榜开源项目技术资讯提交条目
登录
< 返回工具列表
V

v4

> 编程语言
开源

使用 Gatsby 构建的我的个人网站的第四个版本

8.3K stars0 点赞3 次浏览
访问官网GitHub

工具介绍

使用 Gatsby 构建的我的个人网站的第四个版本

brittanychiang.com - v4

The fourth iteration of brittanychiang.com built with Gatsby and hosted with Netlify

Previous iterations: v1, v2, v3

## Forking this repo (please read!) Many people have contacted me asking me if they can use this code for their own website, and the answer to that question is usually **yes, with attribution**. I value keeping my site open source, but as you all know, _**plagiarism is bad**_. It's always disheartening whenever I find that someone has copied my site without giving me credit. I spent a non-trivial amount of effort building and designing this iteration of my website, and I am proud of it! All I ask of you all is to not claim this effort as your own. Please also note that I did not build this site with the intention of it being a starter theme, so if you have questions about implementation, please refer to the [Gatsby docs](https://www.gatsbyjs.org/docs/). ### TL;DR Yes, you can fork this repo. Please give me proper credit by linking back to [brittanychiang.com](https://brittanychiang.com). Thanks! ## Installation & Set Up 1. Install the Gatsby CLI ```sh npm install -g gatsby-cli ``` 2. Install and use the correct version of Node using [NVM](https://github.com/nvm-sh/nvm) ```sh nvm install ``` 3. Install dependencies ```sh yarn ``` 4. Start the development server ```sh npm start ``` ## Building and Running for Production 1. Generate a full static production build ```sh npm run build ``` 1. Preview the site as it will appear once deployed ```sh npm run serve ``` ## Color Reference | Color | Hex | | -------------- | ------------------------------------------------------------------ | | Navy | `#0a192f` | | Light Navy | `#112240` | | Lightest Navy | `#233554` | | Slate | `#8892b0` | | Light Slate | `#a8b2d1` | | Lightest Slate | `#ccd6f6` | | White | `#e6f1ff` | | Green | `#64ffda` |

Issues· 0 开放

查看全部 Issues在 GitHub 打开

暂无开放 Issues,或尚未同步最近议题。

> 标签

JavaScriptgatsbyjspersonal-sitestyled-components

暂无评论,来聊聊你的看法吧

> 工具信息

发布日期2026年8月1日
最后更新2026年9月17日
分类编程语言
定价开源

> 相关工具

T
TypeScript
JavaScript 的超集,为前端与全栈提供静态类型
P
Python
通用编程语言,广泛用于 Web、数据与 AI
G
Go
Google 推出的简洁高效系统语言