身居云端高级开发者身份外, 我也是内容创建者、博客开发者、开源开发者跟踪我校对:Portnoy并发mayashava.com.
my网站:前
一开始,我的网站mayashava.com主要是展示开发项目状况 并保持我按发言进度整理初始时,我与Vue.js并发后转Nuxt.js提高SEO分数并部署网状化.过段时间后,我加了一个博客段网状CMS内容管理系统一切正常 直到我添加更多内容和特征 导致网站性能显著下降网站设计需要现代外观所以我把网站改版
my网站后
重构网站时, 我决定同时贴出我其他一些活动的细节:侧面项目、访问、播客、训练课程网站内容丰富, 速度快快得多,更易访问, 只需微小努力维护。
引人入胜理想工具实现我的目标 令大修平滑当前,在最优条件下,改版网站在灯塔审计上投下完美分数
那么,我使用的工具是什么?如何保证我的代码库 保持简单直截读上
架构概述
搭建网站并配有数大构件
核心
uxt.js版本2.14+启动前安装版本静态应用构建速度快得多并使用静态站点生成器静态配置目标自标机制 Nuxt引擎自动预置我网站所有动态内容页内容更新即我网站约90%时间的更新,Nuxt新智能缓存机制快速顺利重定位多美的场景可能你已经猜到:我网站核心架构模型Jamstack系统目标轻易分配,能静态提供动态内容Jamstack网站通过内容传递网络服务,安全性
内容管理系统
内容管理是我最大的问题简单工具支持Markdown标记语言 并让我完全控制我的内容多数无头CMS我之前尝试过 对我来说太复杂最后,我发现理想工具uxst内容模块这使我能够使用Nuxt数据库基础无头CMS最小设置知识过程不能简单化:Nuxt内容取自本地目录文件内容(markdown、CSV或YAML)并自发生成Nuxt内容组件万事都出盒子 不需要配置if you're looking构建博客, 我强烈推荐检查Nuxtuxt内容.少管理费提高生产率
内容隐私
隐私我的内容, 特别是草稿至关重要虽然我计划开源代码库,但我宁可保持内容私密与主库分离实现这一点带Git子模块实现Nuxt内容使我内容置入单存库即便代码库其余部分公开使用,我内容文件夹仍然私有并复用
设计增强和黑模式实现
建立自己的CSS或采用UI库并非易事组合网站推荐不对选择大规模UI构件库,它会超值, 因为它定时高级使用案例,如复杂应用开发自己的CSS是一个大选项, 但它需要大量辛勤工作维护、组织并确保它可复用网站选尾风CSS不仅提供我需要的所有公共事业从CSS到类选择器,而且还以创新方式编译类定型,定制主题颜色,最重要的是在部署前删除所有未使用CSS况且,一切都可配置多亏尾风CSS和@nuxtjs/color-mode模块实施暗模式网站基于我的主题并保持网站CSS最小值令网站美化从来不易
模块化
努斯特的伟大之处模块生态目标消除网络开发中所有问题,例如SEO处理机器人、Feeds和网站映射s/feed,sitectap/nuxtjs并s/robots.同时,为利用累进网络应用的好处,我用PWA转换网站s/p.
贝斯特2200娱乐媒体管理平台
最优化图像总是必行之事,云性显然是选择之道实现程序直截了当,组件取自云化Nuxt模块,只涉及两步以下是我所做的
- 取内容穿透
元元Nuxt内容模块上传本地覆盖图像 - 变换并显示图片响应云化组件
托管服务
Jamstack网站使用CDN畅通高效交付时,Netlify模式分析等内置能力之大弗赛尔并给我留下深刻印象CLI部署特征和综合地理覆盖Vercel交付速度略快可靠正因如此,我选择Vercel网站
自动化部署
自我连接内容存储库和主代码库 Git子模块 Vercel标准自部署能力不对工作内容更新这是因为主代码库存储器不知道内容存储器的更改,反之亦然实现这两个库间的通信程序Github动作工作流和Github事件收听器后推内容回购触发工作流,向主代码库发送事件启动重建,随后通过VercelCLI重新配置Github Act启动推文基于事件实例消息简言之,用Git子模块,我解决了Vercel不提供自部署支持的问题,使整个系统自动化弗赛尔异常可靠 免打嗝 不管我重新调用多少次
源码
显而易见,为求最佳性能,实用工具需要模范代码优异工具右组合,如Nuxt、Tevindow CSS、Cloudinary和Vercel你好奇如何合并代码查查我开源代码.
