Skip to content

wsvaio/blog

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

62 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

关于我

wsvaio

WS

记录编程旅程的点滴

关于本站

不知是因为程序员健忘,还是健忘的是我。

经常遇到一些似曾相识,却又无从想起的问题。

于是便有了此站,将那些问题无情的记录下来,未来有需要的时候再认真的扒拉出来……

相关技术

想要完全独立搭建一个网站,只需要三步:

  1. 设计
  2. 开发
  3. 部署

项目设计

参考了很多博客主题,包括但不限:butterflysakuracuteenvolantis……

前端开发

身为一名前端开发工程师,这相当于本职工作了,不同的是,这次是为自己打工……

主要使用 Nuxt 实现了 SSR 服务端渲染, Pinia 做状态管理, Unocss 原子化CSS。

nuxt

vite

vue

vueuse

pinia

unocss

less-dark

eslint

stylelint

……

后端开发

不会点后端,都不好意思说自己是前端(bushi)。

主要使用 Nitro 框架,ORM 使用 Prisma,数据库使用 PostgreSQL ,统一采用 JSON 交互,鉴权使用了 JsonWebToken,并且使用 Bun 作为运行时。

bun

typescript

nitro

prisma

postgresql

……

运维部署

看似遥不可及,实际一点都不接近。目的很存粹,能跑就行。

所有项目均打包成镜像,上传至 Docker Hub,再由 Kubernetes 搭建的集群部署,使用 GitHub Actions 实现 CI/CD,实现了自动化打包 Docker 镜像、上传、部署。

git

github

github

docker

kubernetes

nginx

ubuntu

……