/nuxtWebPlus

a blog based on nuxt3、element-plus

Primary LanguageVueMIT LicenseMIT

中文 | english

nuxtWebPlus

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

项目介绍：

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

主要技术栈:

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

主要功能/页面：

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

演示地址

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为自己服务地址

感谢赞赏

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

赞赏