1. 安装 npm install --global gatsby-cli 2. 使用 // 创建项目 gatsby new dalong cd dalong // 启动 gatsby develop -- 使用的是热加载端口 8000 // 编辑源码 src/pages. // 生产构建 gatsby build -- 优化的代码以及预加载的路由 // 启动一个本地的html 服务器测试构建的站点 gatsby serve 3. 效果   开发启动   界面   graphql    生产构建…

1.  模型 2. 总结&&资料 从模型上可以看出和jamstack 提出的架构模型比较相似,可以看成是一个具体的实现,功能还是比较强大的 https://www.gatsbyjs.org        …

尝试过 Hexo .GatsbyJs. Vuepress 搭建博客后,对这些工具最大的不满,就是运行速度以及打包速度. 后来看到 Hugo ,号称最快的静态站点生成器后. 尝试搭建博客,发现不管是运行速度,还是打包速度超级快,果断将个人博客迁移到 Hugo. Hugo 官方的定义是: Hugo is a fast and modern static site generator written in Go, and designed to make website creation fun ag…

Gatsby & React Gatsby is a blazing fast modern site generator for React. https://www.gatsbyjs.org/ Tutorials https://www.gatsbyjs.org/tutorial/ run $ gatsby new gatsby-demo-app $ cd gatsby-demo-app && gatsby develop # auto open browser on `htt…

how to build an app with github Building apps https://developer.github.com/apps/ demos https://github.com/marketplace/zenhub https://github.com/marketplace/circleci https://github.com/marketplace/rollbar https://github.com/marketplace https://github.…

2019 front-end web trending https://github.com/kamranahmedse/developer-roadmap https://raw.githubusercontent.com/kamranahmedse/developer-roadmap/master/images/frontend.png https://x-team.com/blog/top-javascript-trends-to-watch-in-2019/ https://merehe…

1. 介绍 一个react.js 服务器端渲染开源项目(不只是服务器端渲染,直接也可以生成纯静态站点) 类似的解决方案有好多,比如react.js 自身的服务器渲染方案(但是使用起来就是比较怪异) gatsbyjs 也是一个不错的解决方案 2. 初始化项目 // 依赖 npm install --save next react react-dom // package.json 添加启动脚本 { "scripts": { "dev": "next"…

Documentation & Markdown markdown to document & document website generator https://github.com/leptosia/docute https://github.com/docpress/docpress https://github.com/docsifyjs/docsify https://github.com/LinusBorg/portal-vue/ https://github.com/Lin…

React Gatsby 最新教程 https://www.gatsbyjs.com/docs/quick-start/ https://www.gatsbyjs.com/docs/tutorial/ 大型开源项结构范例 Lerna 多包管理 docs examples https://github.com/gatsbyjs/gatsby zh-CN / zh-Hans https://github.com/gatsbyjs/gatsby-zh-Hans https://www.gatsbyjs…

Awesome Gatsby blog websites very simple very clean i18n dark mode (css var) demos https://overreacted.io/goodbye-clean-code/ https://overreacted.io/zh-hans/goodbye-clean-code/ https://github.com/gaearon/overreacted.io/edit/master/src/pages/goodbye-c…

Gatsby Themes React & SSR gatsby-config.js refs https://www.gatsbyjs.com/docs/themes/ https://www.gatsbyjs.com/docs/themes/building-themes/ https://www.gatsbyjs.com/docs/themes/what-are-gatsby-themes/ xgqfrms 2012-2020 www.cnblogs.com 发布文章使用:只允许注册用户才…

Next.js & SSR & CSR & SG getStaticPaths, getStaticProps, getServerSideProps getStaticProps (Static Generation): Fetch data at build time. getStaticPaths (Static Generation): Specify dynamic routes to pre-render based on data. getServerSideProp…

CSS Modules in depth https://github.com/css-modules/css-modules https://webpack.js.org/loaders/css-loader/#modules in practice https://www.gatsbyjs.org/docs/css-modules/ https://nervjs.github.io/taro/docs/css-modules https://www.javascriptstuff.com/w…

Markdown & Static Site Generator https://www.gitbook.com/ https://vuepress.vuejs.org/ https://www.gatsbyjs.org/ docs website generator https://docusaurus.io/ https://github.com/facebook/docusaurus/ xgqfrms 2012-2020 www.cnblogs.com 发布文章使用:只允许注册用户才可以访…

Living Documentation Living documentation in legacy systems Living documentation, which comes from the behavior-driven development (BDD) community, is often considered a privilege for those well-maintained codebases with executable specifications. We…