Git Product home page Git Product logo

don-blog's Introduction

前言

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

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

技术栈

Vue.js + Nuxt.js + SCSS + ES6/7 + Node.js + Koa.js + mySql + Redis

访问地址

访问地址: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的。

don-blog's People

Contributors

xnal avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

don-blog's Issues

error

Frontend
///
NuxtServerError
read ECONNRESET
util.js
Missing stack frames
Js
_errnoException@992:11
util.js:992:11
_errnoException
net.js:618:25

Backend
///
POST http://localhost:8080/backapi/admin/login 504 (Gateway Timeout)
dispatchXhrRequest @ xhr.js?ec6c:179
xhrAdapter @ xhr.js?ec6c:12
dispatchRequest @ dispatchRequest.js?c4bb:59
Promise.then (async)
request @ Axios.js?5e65:51
Axios.(anonymous function) @ Axios.js?5e65:71
wrap @ bind.js?24ff:9
(anonymous) @ fetch.js?5a07:67
F @ _export.js?90cd:35
_callee$ @ fetch.js?5a07:32
tryCatch @ runtime.js?4a57:65
invoke @ runtime.js?4a57:299
prototype.(anonymous function) @ runtime.js?4a57:117
step @ asyncToGenerator.js?7b11:17
(anonymous) @ asyncToGenerator.js?7b11:35
F @ _export.js?90cd:35
(anonymous) @ asyncToGenerator.js?7b11:14
(anonymous) @ fetch.js?5a07:32
login @ api.js?76ca:11
_callee$ @ Login.vue?b703:44
tryCatch @ runtime.js?4a57:65
invoke @ runtime.js?4a57:299
prototype.(anonymous function) @ runtime.js?4a57:117
step @ asyncToGenerator.js?7b11:17
(anonymous) @ asyncToGenerator.js?7b11:35
F @ _export.js?90cd:35
(anonymous) @ asyncToGenerator.js?7b11:14
login @ Login.vue?b703:52
boundFn @ vue.esm.js?efeb:186
invoker @ vue.esm.js?efeb:1937
fn._withTask.fn._withTask @ vue.esm.js?efeb:1772
index.vue?d843:38 true
createError.js?16d0:16 Uncaught (in promise) Error: Request failed with status code 504
at createError (createError.js?16d0:16)

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.