建立我的个人网站

Updated: 2025-03-28
Categories: 项目
Tags: 网站
Description

请建立一个我的个人网站项目,用 React + vite + tailwindCss 的技术栈上实现我的需求。

Prompt Content
请建立一个项目,用 React + vite + tailwindCss 的技术栈上实现我的需求。

我的需求是:
需要你帮我做一个我的个人网站,栏目有:
Home
About
Skills
Experience
Thoughts
Portfolio
Contact

要使用 tailwindcss 和 google最流行的字体来做,文字排版设计原则如下:
字体选择	使用字体系统:San Francisco(现代、简洁、可读性强)
行宽控制	中心内容区行宽合理,一般不超过 700px,保持舒适阅读体验
层级分明	H1/H2/H3 明确,正文字号适中,配色简洁有力(通常黑或深灰)
大标题+短句	强调简洁传达,如“iPhone 15 Pro”,“强大就是 Pro”
留白大量运用	每段内容上下都有充足空白,引导视觉聚焦,避免视觉疲劳
响应式优雅	手机/平板/桌面下都能保持一致的排版体验
图文结合	文本与图片交错、留白对称,整体阅读节奏流畅

总体要求:
简洁文字 + 清晰结构 + 空间感十足

字体不要太花哨,推荐系统字体或无衬线字体(如 SF Pro, Helvetica, Roboto, Inter 等)

以下是我的一些资料,你可以根据我的资料为我编写相关的内容:
Hello, I'm
Jay Liu Software Engineer
Over 18 years of experience in software development with more than 30 successful projects. Expertise in .NET, React, and cloud technologies. Currently working as a software engineer in Auckland.

Get In Touch
View Experience
About Me
I'm a Passionate Software Engineer
With a distinguished career spanning both China and New Zealand's tech sectors, I've evolved from a junior developer to a seasoned software engineer. My journey includes a notable achievement as the head of engineering at a prominent software company in Beijing, before transitioning to my current role as a software engineer in Auckland, where I continue to drive innovation and technical excellence.

My expertise lies in architecting and implementing sophisticated software solutions, particularly in mission-critical domains such as enterprise financial platforms, e-commerce systems, and comprehensive business management solutions (ERP, CRM). As a full-stack developer, I leverage my deep knowledge of .NET, React, and cloud technologies to deliver scalable, high-performance applications that drive business success.

18+
Years of Experience

30+
Projects Completed

Name: Jay Liu
Email: maxazure@gmail.com
Location: Auckland, New Zealand
Research Topic: AI agent
Contact Me
My Skills
Backend
Python with Flask
90%
.NET Core 6/7
90%
Ruby On Rails
85%
Frontend
CSS3 / Bootstrap
80%
React / Redux
90%
REST / GraphQL
85%
DevOps & Database
SQL Server / MySQL / MongoDB
85%
Microservices Architecture
80%
AWS / Azure Cloud Services
75%
My Experience
Experience
Education
2022 - Present
Software Engineer
FNZ, Auckland, NZ
Working at FNZ, a global wealth management platform provider, building high-performance financial software solutions. Responsible for developing and maintaining enterprise-level applications used by major financial institutions for investment management, trading, and client portfolio services.

Developing and enhancing core platform components using .NET technologies, improving system performance and reliability.
Collaborating with global teams to implement financial solutions for international clients.
Working within an Agile environment, participating in sprint planning, daily stand-ups, and retrospectives.
Implementing CI/CD practices using Azure DevOps to streamline deployment processes.
2017 - 2022
Volunteer
Auckland & Invercargill, New Zealand
Since arriving in New Zealand to attend an English language college in Auckland, I have been teaching people who want to learn programming in Java or Android through Meetup.com. I did this in order to improve my English language skill and also to make friends. After completing my language studies I moved to Invercargill and continued volunteer job - helping people to solve their IT problems and offering a free IT service to help people and businesses who need help with web-based software or to build websites.

2019 - 2021
Software Developer (Remote)
Auckland, NZ
Design and development of SMS reminder system. The system provides APIs and management panels for commercial customers to complete SMS reminders. The system uses Flask as the back-end framework and React as the front-end development framework.

The system uses RESTFul to build an online API.
Mysql is used as the database for back-end storage.
React, Redux, Ant Design are the front-end basic frameworks.
2011 - 2017
Lead of Software Developers
Beijing, China
Helping the company to provide software development consulting service. We have created massive middlewares for Enterprise Management Information Systems, SEO Management Systems, Server Deploying, Database Architecture Design. I used Ruby on Rails to implement these solutions to the requirements of my clients.

Haiyi (Yuemei) Ltd - Advertisement Management System
[ Ruby On Rails, MySQL, Java (Desktop client), JavaScript (Bootstrap for front-end) ]
Meifan(Beijing) Ltd - Software Development Consulting for their Mobile App MEIFAN
[ Java (server-side), Swift, Node.js (subsystem), Bootstrap(Administration front-end) ]
Jiu Shiguang Ltd - Software Development Consulting for their Wechat Application
[ Ruby On Rails (Management side), H5, Javascript(front-end), Java (Server-side) ]
2008 - 2011
IT Director
Beijing, China
Leader of the development team in charge of creating and managing their own MHIS (Management Hospital Information System).

Designed the structure of the system and managed the team of developers.
Managed the web development team to establish the company's websites (16 websites).
During my employment, by using advertisement, tracking systems and SEO, I helped the company's turnover increase from an annual income of 1.2 million to an annual income of 6 million.
My Portfolio
All
Web Development
App Development
Enterprise
RenRenBit
Web Development
RenRenBit
Haiyi Yuemei
Web Development
Haiyi Yuemei
Meifan App
App Development
Meifan App
Ruili Meirong
Web Development
Ruili Meirong
FNZ Project
Enterprise Software
Project
Contact Me
Get In Touch
If you have questions, feel free to enquire using the contact form or reach out directly through the following contact details.

Email
maxazure@gmail.com

Location
Auckland, New Zealand


最后, 我还需要向该项目加入一个blog模块,栏目名称叫做 Thoughts(英文的“想法”),它使用markdown文件进行博客文章的存储,文件名为文章的slug,标题就是md文件中的标题,摘要是标题后的第一段, 如果第二段是一张图片,那么这将作为这篇文章的主图。
Back to Search