这是一个用Vue ssr驱动的个人博客,具备良好的seo与功能体验,部署流程清晰简练,喜欢就请star吧~
这是一个使用 vue2.x 开发的,记录学习与生活的 个人博客。
整站选用 ssr 技术进行服务端渲染,具备良好的 SEO 和首屏性能。
同时,我为它配备了一个使用 vue3.x
、typescript
、vite
开发的管理系统,详情请移步 这里 查看。
在fork项目后,请务必仔细阅读以下说明:
在 preinstall
hook中,系统将为你自动生成一份默认的配置文件至 /server/db/secret.js
,它涵盖了数据库、管理系统、三方登录、七牛云等重要配置信息,以确保本项目正常启动,此文件进行了详细注释,因此你可以在项目启动前根据自己的实际情况进行修改。
/server/db/secret.js[db.db]
(默认配置为 “blog”)的数据库/server/db/secret.js[db.user/pwd]
(默认配置为 “admin 12345”)关于部署至生产环境的详细教程,请查看这篇文章
# install dependencies
npm install
# serve with hot reload at localhost:6180
npm run dev
# build for production with minification
# 注意,此命令输出生产包至 dist 目录,部署时将 dist 下 的所有目录上传至你的静态服务目录,例如 /usr/local/nginx/htmls
npm run build
# serve for production
# 注意,如果你想在本地试运行生产包,请运行以下命令:
cd dist
npm run start:local
# 在生产服务器的静态服务目录中
npm i
# 直接使用node启动
npm run start
# 使用pm2启动
npm i pm2 -g
npm run pm2:prod
# 查看部署相关信息
pm2 show mapblog
本站前台展示端的UI风格参考自 hexo 博客 的 butterfly 主题,特此致谢。
最后的最后,如果你喜欢这个项目,不妨star鼓励一下~