Giter Club home page Giter Club logo

itsharex / leoblog-ui-write Goto Github PK

View Code? Open in Web Editor NEW

This project forked from c-176/leoblog-ui-write

0.0 0.0 0.0 247.74 MB

LeoBlog 一个仿知乎的博客系统,包括文章查看、编辑,在线聊天功能,同时集成了鱼聪明AI智能助手,可以实现自主问答功能。此仓库为前端仓库,后端仓库见:https://github.com/C-176/LeoBlog-back

Home Page: http://www.leoblog.icu

License: Apache License 2.0

JavaScript 4.07% CSS 35.61% HTML 1.04% Vue 59.28%

leoblog-ui-write's Introduction

LeoBlog-ui-write

项目介绍

LeoBlog-ui-write是一个基于Vue.js的前端项目,是LeoBlog的前端部分,后端部分请移步LeoBlog。本项目使用vue3选项式API + tailwindcss + vite构建,使用axios进行数据请求,使用vue-router进行路由管理,使用vuex进行状态管理,使用tailwindcss进行样式管理,使用vite进行项目构建。本项目已经适配移动端。

功能列表

  • 用户注册和登录:用户可以通过注册和登录功能进行身份验证和授权,以便于进行博客发布和管理等操作。
  • 博客发布和管理:用户可以通过博客发布和管理功能进行博客的发布和管理,包括博客的增删改查等操作。
  • 博客评论和管理:用户可以通过博客评论和管理功能进行博客评论的发布和管理,包括博客评论的增删改查等操作。
  • 在线音乐播放:用户可以通过在线音乐播放功能进行音乐的播放,包括音乐的播放、暂停、上一首、下一首等操作。
  • 在线私聊:用户可以通过在线私聊功能进行私聊,包括私聊的发送、接收等操作。
  • 在线聊天室:用户可以通过在线聊天室功能进行聊天,包括聊天的发送、接收等操作。
  • 集成鱼聪明AI:用户可以通过集成鱼聪明AI功能进行聊天,包括聊天的发送、接收等操作。

项目结构

LeoBlog-ui-write
├─ .gitignore
├─ index.html
├─ README.md
├─ babel.config.js
├─ package-lock.json
├─ package.json
├─ jsconfig.json
├─ tailwind.config.js
├─ vite.config.js
├─ public
│    ├─ favicon.ico
│    └─ source
│           └─ audios
│           └─images
├─ src
│    ├─ App.vue
│    ├─ main.js
│    ├─ tailwind.css
│    ├─ router
│    │    └─ index.js
│    ├─ store
│    │    └─ index.js
│    │    └─ actions.js
│    │    └─ mutations.js
|    ├─ components
│    │    └─ back
│    │    └─ front
│    │    └─ pub
│    └─ util

项目技术栈

  • Vue.js
  • Vue Router
  • Vuex
  • Vite
  • Tailwind CSS
  • Axios

项目运行

git clone https://github.com/C-176/LeoBlog-ui-write.git
cd LeoBlog-ui-write
npm install
npm run dev

项目预览

LeoBlog

项目截图

img.png img_1.png img_2.png img_3.png img_4.png img_5.png img_6.png img_7.png

项目部署

npm run build

项目总结

本项目已经适配移动端。

项目作者

项目致谢

  • Vue.js
  • Tailwind CSS
  • Vite

leoblog-ui-write's People

Contributors

c-176 avatar rykerchen1999 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.