/personal_website

A project for personal website

Primary LanguageJavaScriptMIT LicenseMIT

personal_website

  • 个人网站-JackDan's Den

技术栈

  • 项目设计
  • 架构设计
  • 接口设计
  • 迭代更新
  • 网站开发使用Vue.js、VueRouter、VueResource、Vue Class Component、Vuex进行组件化开发、国际化使用Vue I18n、MarkDown文章解析使用Showdown.js、Highlight.js、Markdown Loader、html-loader、模拟数据生成器使用Mock.js编写单元测试、HTTP库使用Axios、UI库使用ELement UI、3D绘图使用Three.js、编译器使用Babel、静态资料打包使用Webpack、接口服务使用Egg.js

文件目录

├── README.md
├── docs
│   ├── mysql
│   │   ├── database
│   │   │   ├── create
│   │   │   │   ├── personal_website.sql # 数据库创建文件
│   │   ├── table
│   │   │   ├── create
│   │   │   │   ├── article_details.sql # 创建文章详细表格文件
│   │   │   │   ├── articles.sql # 创建文章列表表格文件
│   │   │   ├── drop
│   │   │   │   ├── article_details.sql # 
│   │   │   │   ├── articles.sql #
│   │   │   ├── insert
│   │   │   │   ├── article_details.sql # 
│   │   │   │   ├── articles.sql #
│   ├── vue-router
│   │   ├── README.md # 路由说明文档

功能列表

  • 首页
  • 博客主页
  • 博客文章列表
  • 侧栏
  • 注册
  • 登录
  • 博客文章评论帖子、回复评论、编辑评论
  • 新建博客文章
  • 编辑博客文章
  • 博客文章分类
  • 个人相关账号信息(Github、微博、邮箱、QQ、微信)
  • 关于页面
  • 设置页面
  • 其他用户页面
  • 服务接口监控

Project setup

npm install
# yarn
yarn

Compiles and hot-reloads for development

npm run serve
# yarn
yarn run serve

Compiles and minifies for production

npm run build
# yarn
yarn run build

Run your tests

npm run test
# yarn
yarn run test

Lints and fixes files

npm run lint
# yarn
yarn run lint

Run your unit tests

npm run test:unit
# yarn
yarn run test:unit

Customize configuration

See Configuration Reference.

https://kazupon.github.io/vue-i18n/zh/ https://class-component.vuejs.org/ https://www.babeljs.cn/ https://techbrood.com/threejs/docs/ https://highlightjs.org/