Skip to content

SurvivorNo1/SurvivorNo1.github.io

Repository files navigation

个人极简主页 / Minimal Personal Homepage


中文

欢迎来到我的个人主页项目!这个项目使用 Vite、React 和 TypeScript 构建,旨在提供一个简洁的个人展示平台。

如何运行

  1. 克隆仓库

    git clone https://github.com/SurvivorNo1/SurvivorNo1.github.io.git
    cd SurvivorNo1.github.io
  2. 安装依赖

    npm install
  3. 启动开发服务器

    npm run dev

    打开浏览器访问 http://localhost:5173(具体以命令输出为准)查看你的主页。

如何定制

  1. 修改内容

    • 编辑 src/components/About.tsx 文件,更新关于你的信息。
    • 编辑 src/components/Layout.tsx 文件,调整页面布局和样式等。
  2. 添加内容

    • public/assets/blogspublic/assets/photospublic/assets/publications 文件夹中按年份增加自己的内容。
  3. 更新文件列表

    • 使用 script/filelist.py 脚本生成新的 filelist.json 文件:
      python script/filelist.py
    • 将生成的 filelist.json 替换原有的 ../src/constant/filelist.json 文件。

其他信息

  • 确保你已经安装了 Node.js 和 Python 环境。
  • 根据需要,你可以进一步修改 CSS 和其他组件以满足个人风格。

感谢你的使用,希望你喜欢这个个人主页!如果有任何问题或建议,请随时联系我。


English

Welcome to my personal homepage project! This project is built with Vite, React, and TypeScript, aimed at providing a minimalist platform for personal showcasing.

How to Run

  1. Clone the Repository:

    git clone https://github.com/SurvivorNo1/SurvivorNo1.github.io.git
    cd SurvivorNo1.github.io
  2. Install Dependencies:

    npm install
  3. Start the Development Server:

    npm run dev

    Open your browser and visit http://localhost:5173 (follow the terminal output) to view your homepage.

How to Customize

  1. 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.
  2. Add Content:

    • Add your content by year in the public/assets/blogs, public/assets/photos, and public/assets/publications folders.
  3. Update File List:

    • Use the script/filelist.py script to generate a new filelist.json file:
      python script/filelist.py
    • Replace the old ../src/constant/filelist.json file with the newly generated filelist.json.

Additional Information

  • 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.

About

A Minimal Personal Homepage

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published