zoe-site.yaml

# merge with providerd
title: ZoeAPP
description: A starter template for zoe app.
url: https://labs.zoe.im/gatsby-starter-zoe-app
logo: images/logo-512x512.png # https://via.placeholder.com/120x60/E53E3E.png/fff
lang: zh-CN

# display in the right of the logo
version: alpha

author:
  name: Zoe
  email: hi@zoe.im
  homepage: 'https://zoe.im'
  avatar: https://github.com/jiusanzhou.png # zoe(sharp=true)
  minibio: 知行合一，不将有限的生命献给无知、平庸和低俗。 
  github: 'zoeim'
  twitter: 'jiusanzhou'
  facebook: 'jiusanzhou'
  telegram: 'jiusanzhou'
  linkedin: 'johnzoe'
  wechat: https://cdn.jsdelivr.net/gh/jiusanzhou/jiusanzhou.github.io@archived/static/WeChat-JohnCx.jpeg

# organization display in the footer
organization:
  name: ${zoe.title}
  url: ${zoe.url}
  logo: ${zoe.logo}

copyright:
  from: 2011
  holder: ${zoe.author.name} # take value from organization - author
  location: Hangzhou
  # or just use content to replace all
  # content: © ZoeAPP - All rights reserved. Made with ❤️ by Zoe 


# theme for global
primaryColor: 'purple' #663399 # tomato how to change to colorSchema

# section should take this
maxWidth: ["100%", "80%", "80%", "80%", "60rem"]

# layouts configuration
layouts:
  default: |
    maxWidth: ${zoe.maxWidth} # ["100%", "80%", "80%", "80%", "60rem"]
    header:
      logoProps:
        textColor: 'unset'
    footer:
      disableBorder: true
      disableGotop: false
      disableLogo: false
      disableSocials: false
      disableLinks: false
      copyrightJustify: space-between
      logoProps:
        textColor: 'unset'

# pages, auto laod from src/pages
# pages:
#   /app-landing: pages/app-page.yaml # pages/index.json, index.jsx




# previews

# reviews

# how to define an element???

# we need to merge zoefile and zoefile

# auto load .md for something else in current directory

googleAnalyticsTrackingId: 'xxxxxxx'

# parse images from node [merge]
# TODO: Mdx: http[s]://.+?.jpeg
remoteImageNodes:
- type: Mdx
  field: rawBody
  patterns:
  - '!\[.*?\]\((.+?)[ \)]'
- type: Mdx
  field: frontmatter.banner
  patterns:
  - 'https?:\/\/.+'

# for current file. [merge]
remoteImageUrlPatterns: # must has :// as default
- avatars[0-9]?\.githubusercontent\.com
- \.png$
- \.jpeg$

# page wrapper [merge]

# should register filesystem plugin
# add more in custom config  [merge]
baseContentDir:
- ${__dirname}
# hard code in development mode, register in js
# - ${__dirname}/_example
# - ${__dirname}/_example/content

# turn mdx to common type
# auto register plugins
# add more in custom config  [merge]
customNodes:
- name: MdxPage
  when:
    type: Mdx
    path: pages
- name: MdxPost
  when:
    type: Mdx
    path: posts

# use cdn to load static assets
assetPrefix: 

# pathPrefix for all pages to deploy
pathPrefix: /

# pageTemplate: 

# what about blogs basePath
blog:
  title: 博客文章
  description: 写作亦是一种自我学习的方式
  # basePath: /blog
  # paths:
  #   base: /blog
  #   # list: /blogs
  #   archive: archives
  #   tag: tag
  # links:
  # - title: 归档
  #   href: archive
  # - title: 标签
  #   href: tags
  # templates:
  #   list:
  #   archive:
  #   page:


basePathBlog: /blog
blogListTemplate: 
blogPageTemplate:

basePathHelp: /help

# TODO: path config move to each plugin config

# can register a component

# important and just modify by template
# because we need to install node package
# but if we can install it with config
# we can add one

# RSS config
rss:
  path: rss.xml
  title: ${zoe.title} RSS Feed

# plugins for custom [merge]
# it's ok without src/plugins/ or not
zoePlugins:
- src/plugins/sitemeta
- src/plugins/remote-image
- src/plugins/static-page
- src/plugins/custom-page

remarkImageMaxWidth: 1200

# Gatsby plugins  [merge]
plugins:
- gatsby-plugin-mdx:
    lessBabel: true
    extensions: [.mdx, .md]
    gatsbyRemarkPlugins:
    - gatsby-remark-images:
        maxWidth: ${zoe.remarkImageMaxWidth}
    plugins:
    - gatsby-remark-images:
        maxWidth: ${zoe.remarkImageMaxWidth}

- gatsby-plugin-web-font-loader:
    google:
      families: ['Poppins', 'Recoleta', 'Fredoka One', 'Cabin', 'Open Sans']

- gatsby-plugin-manifest:
    name: ${zoe.title}
    short_name: ${zoe.title}
    start_url: ${zoe.pathPrefix}
    background_color: ${zoe.primaryColor}
    theme_color: ${zoe.primaryColor}
    display: minimal-ui
    icon: ${zoe.logo}

- "@chakra-ui/gatsby-plugin":
    resetCSS: true
    isUsingColorMode: true

# auto create remoteImageNode from siteMeta
# TODO: auto register this plugin
- gatsby-plugin-remote-images:
    nodeType: 'RemoteImage' # default node name when we create
    imagePath: 'url'

- gatsby-plugin-react-helmet
- gatsby-plugin-sharp
- gatsby-transformer-sharp
- gatsby-plugin-offline
- gatsby-plugin-image

- gatsby-transformer-remark:
    plugins:
    - gatsby-remark-images:
        maxWidth: ${zoe.remarkImageMaxWidth}