欢迎来到我的个人主页项目!这个项目使用 Vite、React 和 TypeScript 构建,旨在提供一个简洁的个人展示平台。
-
克隆仓库:
git clone https://github.com/SurvivorNo1/SurvivorNo1.github.io.git cd SurvivorNo1.github.io
-
安装依赖:
npm install
-
启动开发服务器:
npm run dev
打开浏览器访问
http://localhost:5173
(具体以命令输出为准)查看你的主页。
-
修改内容:
- 编辑
src/components/About.tsx
文件,更新关于你的信息。 - 编辑
src/components/Layout.tsx
文件,调整页面布局和样式等。
- 编辑
-
添加内容:
- 在
public/assets/blogs
、public/assets/photos
和public/assets/publications
文件夹中按年份增加自己的内容。
- 在
-
更新文件列表:
- 使用
script/filelist.py
脚本生成新的filelist.json
文件:python script/filelist.py
- 将生成的
filelist.json
替换原有的../src/constant/filelist.json
文件。
- 使用
- 确保你已经安装了 Node.js 和 Python 环境。
- 根据需要,你可以进一步修改 CSS 和其他组件以满足个人风格。
感谢你的使用,希望你喜欢这个个人主页!如果有任何问题或建议,请随时联系我。
Welcome to my personal homepage project! This project is built with Vite, React, and TypeScript, aimed at providing a minimalist platform for personal showcasing.
-
Clone the Repository:
git clone https://github.com/SurvivorNo1/SurvivorNo1.github.io.git cd SurvivorNo1.github.io
-
Install Dependencies:
npm install
-
Start the Development Server:
npm run dev
Open your browser and visit
http://localhost:5173
(follow the terminal output) to view your homepage.
-
Modify Content:
- Edit the
src/components/ABOUT.tsx
file to update information about yourself. - Edit the
src/components/layout.tsx
file to adjust the page layout and styles.
- Edit the
-
Add Content:
- Add your content by year in the
public/assets/blogs
,public/assets/photos
, andpublic/assets/publications
folders.
- Add your content by year in the
-
Update File List:
- Use the
script/filelist.py
script to generate a newfilelist.json
file:python script/filelist.py
- Replace the old
../src/constant/filelist.json
file with the newly generatedfilelist.json
.
- Use the
- Make sure you have Node.js and Python installed.
- You can further modify the CSS and other components to suit your personal style.
Thank you for using this project! I hope you enjoy your personal homepage! If you have any questions or suggestions, feel free to reach out.
本文档由 ChatGPT 生成。 / This document is generated by ChatGPT.