静态站点构建

[cassiehuang]

• gitbook
• hugo
• gridsome
• gatsbyjs
• gitbook每次修改，需要全部重新编译，编译时间长
• hugo每次只重新编译修改部分，时间短，功能单一
• gridsome 结合了GrapgQL,除了markdown生成静态文件，还可以通过CMS和API生成静态文件
• gridsome用vue做前端实现
• build之后就生成了静态文件，不需要服务器来跑gridsome。
• gatyby 也是集合了GraphQL, 只不过前端语言使用react实现

[cassiehuang]

gatyby

• react实现
• 要使用GraphQL，必须在根目录下添加一个gatsby-config.js 来配置使用

  
  import { graphql } from 'gatsby'

export default ({ data }) => {

{ data.site.user.username }

} // 导出的query即为组件的参数data export const query = graphql query { site { user { usertname } } }