# Star-air

**Repository Path**: hearted/Star-air

## Basic Information

- **Project Name**: Star-air
- **Description**: 个人导航网站 https://star-air.gitee.io/
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-04-24
- **Last Updated**: 2021-04-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Star-air

## 介绍

个人导航网站 https://star-air.gitee.io

##  # 添加新bookmark

### 1 下载工程 

如果是第一次(本地没有工程文件)，就clone 下来

新建一个文件夹，在文件夹中打开git bash，输入命令

```git
git clone https://gitee.com/Star-air/Star-air.git
```

![](1.png)

如果本地有，那就在本地工程里输入指令(本地的版本要落后于线上才行(废话))

```
git pull
```

### 2 打开工程

直接把工程文件拖到vscode打开

第一次请下载插件 **open in browser**

文件结构，index.html是主页结构文件，css是修饰文件(不需要动)，js是效果控件

主要改index.html里的类别块(如果要添加新类别),书签块(如果要添加新书签) 和 openlink.js里的id和网址

![](2.png)

![](4.png)



![](3.png)

> **图片如果看不清请打开文件夹ReadmePic查看**

下面细说



### 3 修改(添加)代码

#### 1添加新类别

这个比较简单，直接把类别块 <div></div> 之间的复制一个，删去中间的(或者修改)信息即可

主要是修改catalogname里的文本信息

![](5.png)

#### 2 添加新书签

修改id，路径和名字

id自己定，后面修改js要用这个

路径即image文件夹下存放的icon文件(从网上截一个差不多大的)，保证和id一致就行

名字是显示在网页上的，6个字以内





#### 3 添加js里跳转的网址

id如前所述

网址分两种，一种网站需要登陆或者没法搜索的，直接写网址就行了，后面的\+ o.value给去掉

另一种是网页上带搜索信息的(自己试一下，在搜索框内填入信息，然后提交，看新出的网址里是否有搜索信息)

![](6.png)

最后自己试一下，如果能达到修改网址实现搜索，就可以

![](7.png)



至此一个书签就添加完了



### 4 测试

在index.html文件里右键，选择open in other browsars

选择自己的浏览器，看效果