An open API service indexing awesome lists of open source software.

https://github.com/jaywcjlove/FED

✪ 这是一个很酷炫的前端网站搜集器,导航网 http://jaywcjlove.github.io/FED
https://github.com/jaywcjlove/FED

fed

Last synced: about 1 month ago
JSON representation

✪ 这是一个很酷炫的前端网站搜集器,导航网 http://jaywcjlove.github.io/FED

Awesome Lists containing this project

README

        

# 前端导航网

[![Buy me a coffee](https://img.shields.io/badge/Buy%20me%20a%20coffee-048754?logo=buymeacoffee)](https://jaywcjlove.github.io/#/sponsor)

弄个纯静态,便于维护的前端导航站。顺便放一些前端资源。[提交网址](https://github.com/jaywcjlove/FED/wiki/%E6%B7%BB%E5%8A%A0%E7%BD%91%E7%AB%99)

```bash
npm i @wcj/fed
```

```js
import data from '@wcj/fed';

[
{
"name":"Mozilla 开发者网络",
"url":"https://developer.mozilla.org/zh-CN/",
"icon":"https://developer.cdn.mozilla.net/static/img/opengraph-logo.dc4e08e2f6af.png",
"des":"Mozilla 开发者网络(MDN)提供有关开放网络技术(Open Web)的信息,包括 HTML、CSS 和万维网及 HTML5 应用的 API。它还记录了 Mozilla 产品的文档,例如 Firefox OS。",
"tags":["社区"]
},
// ....
]
```

## 分类搜索

![FED](https://raw.githubusercontent.com/jaywcjlove/FED/gh-pages/img/fed.gif)

## 关键字搜索

![FED](https://raw.githubusercontent.com/jaywcjlove/FED/gh-pages/img/fed2.gif)

## 关键字点击

![FED](https://raw.githubusercontent.com/jaywcjlove/FED/gh-pages/img/fed3.gif)

# 添加网站

## 方法一

- [Fork](https://github.com/jaywcjlove/FED/issues#fork-destination-box)到自己仓库
- 修改根目录的`data.json`文件
- `Pull requests` 给我 哈!哈!哈!

```js
{
// 必填-名字
"name":"JSLint",
// 必填-网址
"url":"http://jslint.com/",
// 选填-图标
// => 默认在根目录下的 favicon.ico 可以不填这项
"ico":"http://easings.net/favicon.png",
// 必填-可以留空 - 描述说明
"des":"在线JS校验工具" ,
// 选填-标签,便于归类
"tags":["工具"]
}
```

如果你已经fork了你得先更新上游代码,方法如下:

```shell
# 列出远程仓库 URL
$ git remote -v
# List the current remotes (列出当前远程仓库)
# origin https://github.com/user/repo.git (fetch)
# origin https://github.com/user/repo.git (push)

# 添加上游仓库URL
$ git remote add upstream https://github.com/otheruser/repo.git
# Set a new remote (设置一个新的远程仓库)

# 再次列出远程仓库 URL
$ git remote -v
# Verify new remote (验证新的原唱仓库)
# origin https://github.com/user/repo.git (fetch)
# origin https://github.com/user/repo.git (push)
# upstream https://github.com/otheruser/repo.git (fetch)
# upstream https://github.com/otheruser/repo.git (push)

# 获取上游代码
$ git fetch upstream

# 检查你的 fork’s 本地 master 分支,如果不在master 分支就切换到该分支
$ git checkout master
# Switched to branch 'master'

# 合并来自 upstream/master 的更改到本地 master 分支上。
$ git merge upstream/master
```

## 方法二

给我来个 [issue](https://github.com/jaywcjlove/FED/issues) 告诉我,数据填写参考方法一。

# 开发

```bash
$ npm install
$ npm run build
$ npm run watch:css
$ npm run watch:js
$ npm run server
```