# 个人网站

**Repository Path**: lki2s/my_website

## Basic Information

- **Project Name**: 个人网站
- **Description**: 一个基于Vue的个人网站项目，在线使用链接：
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: http://sky19980208.gitee.io/my_website
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 3
- **Created**: 2023-03-22
- **Last Updated**: 2023-03-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 个人网站

#### 项目链接
在线使用请点击：[个人网站](http://sky19980208.gitee.io/my_website)

#### 项目简介
一个基于Vue的个人网站。分为四个板块，“技术博客”、“个人项目”、“视频创作”、“兴趣爱好”。

#### 项目功能

1.  利用了 Vuex+CSS 实现了网站正常模式和暗黑模式的相互转换，以此达到护眼的目的。
2.  利用 axios 进行数据请求和展示，利用 window.open() 方法完成第三方页面的跳转。

#### 项目总结

1.这是我第一次做个人网站，从前期的UI设计规划，再到思考页面交互效果，然后再开始动手写代码，写好以后购买阿里服务器，购买域名，然后域名备案，最后用`WinSCP`将代码上传到服务器。在这个过程中，波折不断！
2.到目前为止，我自己的感觉就是所有的产品，都是一个妥协的产物。这个网站我开始的设计并不是这样的，但是随着一改再改，就变成了现在这样。
3.在这个项目中遇到了很多问题。这些问题后续都会整理到我的博客里面。博客链接：[一米七的Sky](https://www.jianshu.com/u/23749041c9c0)

#### 项目设计稿
![最初稿](https://images.gitee.com/uploads/images/2020/0507/193757_a2211b5a_5314813.jpeg "最初设计.jpg")
![博客页面](https://images.gitee.com/uploads/images/2020/0507/193817_eb48a487_5314813.jpeg "博客页面.jpg")
![项目和视频页面](https://images.gitee.com/uploads/images/2020/0507/193830_6646d3ae_5314813.jpeg "项目页面和视频页面.jpg")

#### 项目截图
![首页1](https://images.gitee.com/uploads/images/2020/0507/191201_41d87fff_5314813.png "个人网站1.PNG")
![首页2](https://images.gitee.com/uploads/images/2020/0507/191216_b9529321_5314813.png "个人网站2.PNG")
![技术博客](https://images.gitee.com/uploads/images/2020/0507/191356_87da591c_5314813.png "个人网站3.PNG")
![个人项目1](https://images.gitee.com/uploads/images/2020/0507/191420_ae4e9804_5314813.png "个人网站4.PNG")
![个人项目2](https://images.gitee.com/uploads/images/2020/0507/191435_297798e2_5314813.png "个人网站7.PNG")
![视频创作](https://images.gitee.com/uploads/images/2020/0507/191453_03e06455_5314813.png "个人网站5.PNG")
![兴趣爱好](https://images.gitee.com/uploads/images/2020/0507/191505_53b46b12_5314813.png "个人网站6.PNG")