mywebsite Koa2全栈个人站点
黑色简洁风格的个人网站,前后端一把抓,用的技术还挺全的。Koa2做后端,Gulp负责编译服务端代码,Webpack搞定前端静态资源压缩打包。页面模版是 Swig 渲染的,部署用了 Nginx + PM2。浏览器跑在 localhost:3000
,加载挺快,响应也稳。
目录结构清晰,资源归类明白,build
下就是编译后的资产。如果你也折腾前后端项目,这份源码可以参考参考,尤其适合想从 Node 全栈起步的人。
现在作者正在用 Vue 重构,博客板块准备更新一堆干货,前端、后端、部署一条龙。移动端还在构思中,主打吸睛效果,估计又得一波 Canvas 效果。
跑起来也不难:
git clone 项目地址
cd mywebsite
npm install
npm run start
打开浏览器访问 localhost:3000
如果你刚好在玩 Vue SSR、Webpack 配置、或 Koa 全栈,下面这些文章也蛮值得一读的:
- 详解 Vue SSR( Vue2 + Koa2 + Webpack4)配置指南
- vue-webpack-config:现代 Web 构建方案
- Koa2-Vue-SSR-Template
- Koa2 和 Webpack 中的 HMR 热更新
- Linux 下用 PM2 部署 Node 项目
如果你想省点搭建时间,或者想看看一个 Vue + Node 的小整合,这份源码还挺适合抄来改的~
mywebsite:个人网站源代码
预估大小:309个文件
chatonline_main.css
12KB
jquery.mCustomScrollbar.min.css
42KB
chat.css
12KB
my_work-index566a7.css
8KB
my_work_3d-indexd4bff.css
19KB
my_work_3d-indexaa167.css
19KB
my_jd-indexd4bff.css
9KB
my_jd-index72c29.css
9KB
index-index.css
9KB
my_work_3d-index7a1d1.css
19KB
6.95MB
文件大小:
评论区