项目介绍:
本项目基于Nuxt3创建的博客系统,可被搜索引擎正常爬取收录,可作为门户网站使用(如掘金/爱奇艺官网使用的就是Nuxt)。
主要技术栈:
nuxtjs 3.0 、element-plus 、typescript 、highlight.js 、 sass
主要功能/页面:
- 文章列表
- 文章详情
- 文章推荐
- 文章评论
- 文章专题
- 网站导航
关联项目
- 官网:https: //www.dsiab.com
- 博客首页开源项目: nuxtWebPlus (gitee.com/wilkwo/nuxt…)
- 后台管理体验地址: admin.dsiab.com , 体验账号:test/test
- 加qq群一起交流:514450699
nuxt优势:
-
nuxt开发的项目能被搜索引擎收录,能进行seo。
-
上手简单,语法跟vue基本一致。
-
能正常接入统计跟广告代码。
已知使用nuxt的网站
tip: 通过浏览器检查功能可以看到[id="__nuxt"]元素
如何启动应用
# 下载代码
git clone https://gitee.com/wilkwo/nuxt-web-plus.git
# 安装依赖
$ npm install
# 本地启动在 localhost:3000
$ npm run dev
# 部署到服务器,先build,再执行start启动
$ npm run build
# 生成静态项目
$ npm run generate
如何部署
参考文章: www.dsiab.com/post/d43519…
注意
-
项目默认调用官网接口,数据跟官网同步
-
如果要使用本地接口,请修改/utils/baseUrl.js 文件中的baseUrl为自己服务地址