# front-end-navigation

[![Build Status](https://github.com/hengliyin/front-end-navigation/workflows/CI/badge.svg)](https://github.com/hengliyin/front-end-navigation/actions)
[![codecov](https://codecov.io/gh/hengliyin/front-end-navigation/branch/master/graph/badge.svg?token=GzyYZjnkf4)](https://codecov.io/gh/hengliyin/front-end-navigation)
[![Greenkeeper badge](https://badges.greenkeeper.io/hengliyin/front-end-navigation.svg)](https://greenkeeper.io/)
[![David](https://img.shields.io/david/hengliyin/front-end-navigation.svg)](https://david-dm.org/hengliyin/front-end-navigation)

> 前端导航，收集前端开发者最常用的网站。

## Preview

在线预览：[https://hengliyin.github.io/front-end-navigation](https://hengliyin.github.io/front-end-navigation/)

源代码：[https://github.com/hengliyin/front-end-navigation](https://github.com/hengliyin/front-end-navigation)

## Features

已实现的功能：

- [x] 第三方搜索，支持 Google，Baidu，Bing。
- [x] 导航分类展示。
- [x] 自动发布，提交代码后自动发布到 github pages。

## Technology

主要用到的技术：

- Vue：MVVM 框架，用于构建前端界面。
- Element：基于 Vue 的组件库。
- Webpack 打包项目，包括 vue-loader，url-loader，html-webpack-plugin，webpack 热更新等。
- 代码质量监测，包括 eslint，stylelint，editorconfig 等配置。
- 测试流程，使用 karma，mocha，@vue/test-utils，对项目进行单元测试。
- 持续集成，使用 github action 进行自动测试，自动发布到 github pages。

## Custom

您可以自定义导航链接：

1、Fork it.

2、修改文件 src/db/db.js.

3、Create pull request.

---

![PRs](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?longCache=true&style=flat-square)

欢迎大家提交更多有价值的网站，让导航更完善。💪💪