# 个人网站

**Repository Path**: marcgrin/mywebsite

## Basic Information

- **Project Name**: 个人网站
- **Description**: 我的个人网站源代码，clone请点一下小星星，不要商用，有权限问题
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-08-01
- **Last Updated**: 2023-08-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 技术栈
 主要使用vite打包工具，react框架，ts语法，以及一些冗杂的第三方库，详情参见package.json
# 更新日志
## 2023年8月1日
 ### 主要工作
 + 开始建站，规划技术，设置threejs背景
 + 封装dataV边框，配置适应性
 ### 遇到问题
 vite初始化的项目没有自动配置路由，需要尝试配置路由，主要有以下步骤
 1. npm i react-router-dom安装路由包
 2. 导入使用
 ```
 import { Route, HashRouter, NavLink, Routes } from 'react-router-dom';
 ...
 <ul>
  <li><NavLink to='/ax'>路由</NavLink></li>
 </ul>
 <Routes>
  <Route path='/ax' Component={test}></Route>
 </Routes>
 ```
 3. 边框的定位问题，css设计解决
## 2023年8月2日
### 主要工作
1. 背景设计，主页布局
2. 顶部PC端设计
3. 黑夜模式开关设计
4. 简历简介卡片设计
### 遇到问题
1. threejs155版本点光源无效，请注意回退154版本，官方描述为点光源用法已更新
2. 尝试打包，threejs页面丢失，检查是模型路径打包后出错，将'/model/雪山.fbx'改为'./model/雪山.fbx'解决
## 2023年8月3日
### 主要工作
1. 设计完成主页三张卡片
2. 简历卡片信息更新
3. 背景再花里胡哨化，夜间模式会关灯开启探照灯
### 遇到问题
1. vite无法使用require方法，引入图片使用纹理的时候无法使用import引用
## 2023年8月13日
### 主要工作
1. 有道翻译的api调用封装，promise封装，添加多种翻译设置
2. 抽离key和secret，未来可以直接传入自己的key进行设置