保存成功
订阅成功
保存失败,请重试
提交成功

使用 Nuxt.js 发布纯静态网站

¥5会员免费看
Meathill
4.4

前阵子公司官网升级,我尝试用 Webpack 多页配置,成功完成了项目,收获了不错的效果。不过接下来又有新的想法:用 SSR,通过 Vue 项目生成静态页部署。我想研究下这套方案,搞个最小用例,将来官网升级 3.0 的时候可以考虑。

我选择 Nuxt.js 作为 SSR 工具。本以为只是举手之劳,最多 1,2 个小时就能搞定,没想到最后折腾了大半天才基本理顺。Nuxt.js 作为 SSR 框架,生成静态页只是它的衍生功能,相关文章不多,文档里也不很清晰。

所以我觉得,很有必要再写一篇 Chat,分享这个过程中的收获。本篇 Chat,会分享以下内容:

  1. 网页形态的历史
  2. Vue CMS 思路介绍
  3. 了解 Nuxt.js
  4. Nuxt.js 生成静态页的配置
  5. 生成静态页,添加 SEO 关键信息
  6. 利用 Hooks 注入静态页 JS

本文已参加 GitChat「我的技术实践」有奖征文活动,活动链接: GitChat「我的技术实践」有奖征文活动

106 人已订阅
会员免费看
¥5 原价订阅
微信扫描登录
关注提示×
扫码关注公众号,获得 Chat 最新进展通知!
入群与作者交流×
扫码后回复关键字 入群
Chat·作者交流群
入群码
该二维码永久有效
严选标准
知道了
Chat 状态详情
开始预订
预订结果公布19.09.03

预订达标,作者开始写作

审核未达标,本场 Chat 终止

作者文章审核结果公布19.09.25

审核达标,文章发布

审核未达标,本场 Chat 终止

Chat 完结
×
已购列表