个人博客开发系列:前台博客页面开发部署完成

发布时间:2019-08-13 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了个人博客开发系列:前台博客页面开发部署完成脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

前言

之前使用JS + HTML5 + CSS3 + Node.js + ExPress.js + Mongodb开发过一个博客网站,也部署了一段时间,但当时开始搞前端,写的不是很满意。后来就废弃了。今年又使用Hexo + GITHub Pages部署了一个博客,但自由度太低。所以最后还是决定重新写一个博客。

目前前台博客页面已基本开发完成(评论功能待开发,在考虑方案中),后台管理页面也基本开发完成(首页统计图表和一些优化待开发,暂时需要统计的数据还不多,也在考虑统计维度中)。

此篇文章先介绍下前台博客页面。

Vue.js + Nuxt.js + SCSS + ES6/7 + Node.js + Koa.js + MySQL + redis

Talk is cheap. Show me the code.

访问地址

访问地址:www.tdon.site

扫码访问:

个人博客开发系列:前台博客页面开发部署完成

项目运行

# clone PRoject
git clone https://github.COM/XNAL/don-blog.git

# install dePEndencies
$ npm install # Or yarn install

# serve with hot reload at localhost:3000
$ npm run dev

# build for production and launch server
$ npm run build
$ npm start

效果图

首页

个人博客开发系列:前台博客页面开发部署完成

归档

个人博客开发系列:前台博客页面开发部署完成

实验室项目

个人博客开发系列:前台博客页面开发部署完成

自适应手机端首页

个人博客开发系列:前台博客页面开发部署完成

自适应手机端目录

个人博客开发系列:前台博客页面开发部署完成

总结

  1. 个技术栈对我来说Nuxt.js算是第一次接触,跟Vue.js的单页面应用的方式还是有点区别的,不过多看看文档和多搜索下问题不大。
  2. 目前应该只能算是1.0版本,自己也有不少想法,但目前工作以及其他事要忙,只能后续会逐步迭代开发了。也欢迎大家针对博客提出一些意见或者建议。
  3. 最后还是得求一波star和fork的。

脚本宝典总结

以上是脚本宝典为你收集整理的个人博客开发系列:前台博客页面开发部署完成全部内容,希望文章能够帮你解决个人博客开发系列:前台博客页面开发部署完成所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。