Arts
第五期！欢迎回来。2020年的Web开发是怎样的？以我们的前端工程师Perry带路，展开对静态网站生成器的回溯以及当下新鲜的JAMStack工作流的学习讨论。 你们的Host： Perry，阿潦，李松 联系我们可写信至 terminal.podcast.cn@gmail.com 或加入telegram听众群租 (https://t.me/joinchat/Gnvz6xnAtqRBnqIbjmuskg) 剪辑： 阿潦 音乐： Pulse 23 from Compassion through Algorithms (https://algorave-tokyo.bandcamp.com/) Show notes Part 1: 静态网站和JAMStack是？ 静态网站生成器(Static Site Generator) (https://www.staticgen.com/)：设计用来创建静态网站的软件包。 JAMStack (https://jamstack.org/)：JavaScript, APIs, 和 Markup的首字母缩写，一个近几年（可能是3年？）在Web开发快速火爆的热词。 Jekyll (https://jekyllrb.com/): 来自Github合作创始人之一Tom Preston-Werner的静态网站生成器，Github官方支持的选择。 Org mode for Emacs (https://orgmode.org/): 始于2003年的Emacs编辑模式，主要用来日常效率管理和文档记录。 Gatsby.js (https://www.gatsbyjs.org/): 基于React JS的静态网站生成器，用短短的时间已入住前端开发的工具箱之一。在2018年成立公司来支持项目继续发展，推出Gatsby Cloud (https://www.gatsbyjs.com/about/)。 Part 2: 静态网站的优势 共享主机(Shared web hosting service) (https://en.wikipedia.org/wiki/Shared_web_hosting_service) Heroku (https://www.heroku.com/): "最元祖的云平台之一" - 中文维基百科 高可用性(High availability) (https://en.wikipedia.org/wiki/High_availability): 计算机系统特性常用到的术语，“指系统无中断地执行其功能的能力”。 "IT公司为求产品上线顺利要求全体员工烧香拜佛" (http://www.chinanews.com/cul/2016/02-18/7762292.shtml) Create React App (https://create-react-app.dev/docs/getting-started/): React社区的官方脚手架工具。 "Webpack配置是世界上最难的编程语言" (https://twitter.com/horse_js/status/1266393469590867968) CDN(内容分发网络) (https://zh.wikipedia.org/wiki/%E5%85%A7%E5%AE%B9%E5%82%B3%E9%81%9E%E7%B6%B2%E8%B7%AF) Part 3: JAMStack 适合各种网站吗 最终一致性 (https://en.wikipedia.org/wiki/Eventual_consistency) LAMP (https://en.wikipedia.org/wiki/LAMP_(software_bundle)): 曾经很流行的Web服务架构。 Wordpress (https://wordpress.org/): 超流行的开源博客/内容管理系统，世界上最流行的Top 一千万的网站中有1/3基于Wordpres (https://w3techs.com/technologies/overview/content_management)。 wp-graphql (https://www.wpgraphql.com/): 让你的Wordpress 实例拥有一个GraphlQL API。 Headless CMS (https://en.wikipedia.org/wiki/Headless_content_management_system): 无头的CMS（内管管理系统），通过暴露API供客户端使用。 NoBackends (http://nobackend.org/): 一种美好的无后端开发模式，任何功能幻想可以在Javascript中的一行函数实现。 Part4: 上手的选择 Gatsby.js (https://www.gatsbyjs.org/): 基于React JS的静态网站生成器，用短短的时间已入住前端开发的工具箱之一。在2018年成立公司来支持项目继续发展，推出Gatsby Cloud (https://www.gatsbyjs.com/about/)。 11ty (https://www.11ty.dev/): Node.JS写成的更简单的静态网站生成器。著名案例包括Google的web.dev (https://web.dev/) 和 v8.dev (https://v8.dev/)。 更正: 开发者来自Netlify而非Google Vercel (曾用名 ZEIT) (https://vercel.com/): 另一个流行的托管平台。可以看看最近官方的更名Post：ZEIT is now Vercel (https://vercel.com/blog/zeit-is-now-vercel)。 Netlify (https://www.netlify.com/): 2016创建于旧金山，专注于静态网站托管的服务。深受独立Web开发者喜爱。免费量大，具体团队价格可参考 (https://www.netlify.com/pricing/)。 Github Pages (https://pages.github.com/): 整合在Github仓库的静态网站服务，数不过来的流行开源项目的主页host在此。 strapi (https://strapi.io/): 基于Node.JS的开源Headless CMS，设计为与静态网站设计结合使用。 Picks: 李松 wptools (https://github.com/siznax/wptools/) by Steve Sisney， 为人类设计的维基百科工具。 Perry 《金字塔原理》 (https://book.douban.com/subject/1020644/)， 关于整合思维逻辑的书。 阿潦 最后生还者：第二幕 The Last of Us Part II (https://www.playstation.com/en-gb/games/the-last-of-us-part-ii-ps4/), 峰（反）回（复）路（横）转（跳）的剧情向大作（或是25小时泰勒吉他广告片。