# ljNpage

**Repository Path**: kobe-curry/lj-npage

## Basic Information

- **Project Name**: ljNpage
- **Description**: 一个清新的导航页，并展示微博、知乎、今日头条等热榜内容
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2024-03-08
- **Last Updated**: 2024-03-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 通用网站导航

## About | 关于

这是一个基于 Vue 的通用网站导航页面，你可以将其放在个人网站的首页作为您博客的引导页面或者是您其他项目的引导页。背景图来自于Bing每日图片。

页面分为三个部分，一个是全屏的展示页，一个是导航抽屉页，还有个平台的热榜内容。

展示网址：[begin.lijieblog.top](begin.lijieblog.top)

![](https://lijieblog.top/ljblog/api/imgBed/ljBegin.png)

![](https://lijieblog.top/ljblog/api/imgBed/ljBegin2.png)



![](https://lijieblog.top/ljblog/api/imgBed/ljBegin3.png)



![](https://lijieblog.top/ljblog/api/imgBed/ljBegin4.png)



本前端页面是在 [vue导航页](https://gitee.com/phpzhu/vue-navigation-page.git) 基础上修改的。

## How to use | 使用方法

安装依赖：

```shell
npm install # 如果安装出错请使用cnpm安装
```

开发模式：

```shell
npm run serve
```

本项目中，提供了两种使用方法：

一种是只需要将网站的相关信息按要求填入配置文件，之后再编译整个项目就可以生成一个适用于你的网站的静态导航页面；

另一种则是为页面添加后台数据支持，详情请参阅下文的第2步。