资讯专栏INFORMATION COLUMN

基于Vue.js的单页面博客

ls0609 / 3224人阅读

摘要:采用全家桶构建的个人博客新手向的作品吧,作为一个前端菜鸟,能做出来已经很不容易。

采用 vue 全家桶构建的个人博客

新手向的作品吧,作为一个前端菜鸟,能做出来已经很不容易。各位看官请轻虐 0.0

当然有好作品欢迎相互star(其实我就是来求star的)

项目展示:https://blog.linyqiang.com

项目地址:https://github.com/MingOf/vue...

基本技术栈:

Vue.js 全家桶

Express + Mongodb

部分实现:

项目初始化

Markdown渲染

文章article-list.vue和article.vue的实现

自定义滚动条

文章目录的实现

后台搭建

后台代码

后台管理界面:https://github.com/MingOf/vue...

Node.js接口:https://github.com/MingOf/vue...

效果图

后台管理界面:

有部分参考Evernote的设计

使用方式
git clone https://github.com/MingOf/vue-blog

cd vue-blog

npm install

npm run dev

# build for production with minification
npm run build

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/89397.html

相关文章

  • webpack配合vue.js实现完整的单页面demo

    摘要:本篇文章主要是我在开发前研究了的单页面应用,因为需要用到的,所以确保安装了,建议官网安装最新的稳定版本。本文章只是和大家探讨怎么利用配合做一个单页面应用,具体关于里面的内容怎么写并不在本篇文章的介绍范围。 本篇文章主要是我在开发前研究了webpack+vue.js的单页面应用,因为需要用到node的npm,所以确保安装了node,建议官网安装最新的稳定版本。并且在项目中需要加载一些np...

    2450184176 评论0 收藏0
  • Vue.js 牛刀小试】:第十二章 - 使用 Vue Router 实现 Vue 中的前端路由控制

    摘要:而路由则是使用了中新增的事件和事件。总结这一章主要是介绍了如何使用在中构建我们的前端路由。 系列目录地址 一、基础知识概览 第一章 - 一些基础概念(posted at 2018-10-31) 第二章 - 常见的指令的使用(posted at 2018-11-01) 第三章 - 事件修饰符的使用(posted at 2018-11-02) 第四章 - 页面元素样式的设定(posted a...

    cpupro 评论0 收藏0
  • [TsAdmin]--一款基于Vue.js+Element UI的单页无刷新(无iframe)多选项

    摘要:现在是不是有些期待这套全新的后台管理系统模板呢那现在就去看看的预览版本是什么样的吧欢迎大家对踊跃吐槽。同时也欢迎加入码友网的群更有其他学习资源和干货下载,欢迎入群。本文出至码友网一款基于的单页无刷新无多选项卡的后台管理系统模板 前言 很高兴今天在这里跟大家分享一款全新的后台管理系统UI模板--TsAdmin. TsAdmin是码友网自主开发的一款基于Vue.js+Element UI...

    junnplus 评论0 收藏0
  • Vue.js+LeanCloud 单页面博客

    摘要:之前看了好多关于的东东,路由哇,状态管理呀,稀里糊涂的一堆东西,每个都相对独立,这些单独的和教程看起来觉得明白了,揉到一起不好说了就。。 之前看了好多关于 Vue.js 的东东,路由哇,状态管理呀,稀里糊涂的一堆东西,每个都相对独立,这些单独的 demo 和教程看起来觉得明白了,揉到一起不好说了就。。所以想结合起来写一写,作为一只前端汪怎么可以没有博客~ 写的过程中有一些心得和踩坑,后...

    Vultr 评论0 收藏0

发表评论

0条评论

ls0609

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<