中文 | english

nuxtWebPlus

基于nuxtjs3.0开发的博客系统

项目介绍：

本项目基于Nuxt3创建,不同于vue单页面的是nuxt3开发的网站可被搜索引擎正常爬取收录，可作为门户网站使用（如掘金/爱奇艺官网使用的就是Nuxt）。

主要技术栈:

nuxtjs 3.0 、element-plus 、typescript 、highlight.js 、 sass

主要功能/页面：

• 文章列表
• 文章详情
• 文章推荐
• 文章评论
• 文章专题
• 网站导航

演示地址

• 官网：https: //www.dsiab.com
• 后台管理体验地址： https://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

如何部署

参考文章： https://www.dsiab.com/post/d435197f-f03f-481b-9c4a-f33d2875d317

注意

• 项目默认调用官网接口，数据跟官网同步

• 如果要使用本地接口，请修改/utils/baseUrl.js 文件中的baseUrl为自己服务地址

感谢赞赏

创作不易，你的赞赏和认可是持续更新的动力！