Giter Site home page Giter Site logo

ceyio / many-people-blog Goto Github PK

View Code? Open in Web Editor NEW

This project forked from acmenlei/next-blog

0.0 1.0 0.0 36.63 MB

基于Vue2+Nodejs+MySQL的博客,有后台管理系统。支持:登陆/注册,留言,评论/回复,点赞,记录浏览数,相册,发表文章等,内容丰富。

JavaScript 4.10% HTML 23.24% Vue 45.96% CSS 26.70%

many-people-blog's Introduction

Vue2+Node博客平台(注意事项)

  1. 目前暂时停止维护,项目是2020年4月写的,有什么问题不懂的可以加群讨论。
  2. 后台(Node)在群文件:(qq群)700785102
  3. 项目需要一些基础的Vue2和Node技术栈支撑 不要盲目上手

一、首页功能

lg尺寸显示的背景:(PC端) (具体ui布局已经更新了最新的,具体请拉取代码后查看或者浏览我的个人博客地址codelei.cn 博客首页

md尺寸显示的背景:(手机端)

博客首页

二、 文章列表结构

使用响应式布局,lg尺寸的话左边显示文章,右边有最近文章。音乐播放器,文章页做的不是很漂亮,看看效果图吧:

文章列表

三、 文章详情页

详情页的文章支持markdown语法解析,使用了highlight进行解析,个人觉得这个插件在使用过程还是有些问题,最大的痛点就是不支持代码块的行号显示, 文章支持分享,与用户评论回复,毕竟是多人博客嘛,这都是必须的。后续会继续完善,有更好建议的朋友欢迎来讨论,虚心接受。下面上图:

详情页

四、 博客留言板

留言板的话我封装成了一个组件,因为在文章的评论中也使用到了一样的模板,封装的文件为replyOrpublish下的同名文件,详细的话可以看props参数,主要就是传入不同的后台地址。下面上效果图:

博客留言板

  • 挑选了一些比较常用的模块来展示,还有那么多内容就不多介绍了,感兴趣的朋友可以下载自己详细的去琢磨,觉得好用的话请给一个star,谢谢啦笔芯~♥
  • 欢迎你们来博客玩耍~

1. 依赖安装

npm install

2. 项目启动

npm run serve
如果出现了 can't not find module core-js shipped proposals ... 错误,这是因为版本不兼容造成的,执行以下命令更新就好
npm update --depth 5 @babel/compat-data

3. 项目打包

npm run build

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.