基于区块链的毕业设计Gatsby + Netlify CMS Starter – 盖茨比+Netlify CMS启动程序

本文提供基于区块链的毕业设计国外最新区块链项目源码下载,包括solidity,eth,fabric等blockchain区块链,基于区块链的毕业设计Gatsby + Netlify CMS Starter – 盖茨比+Netlify CMS启动程序 是一篇很好的国外资料

Gatsby + Netlify CMS Starter

Gatsby + Netlify CMS Starter - 盖茨比+Netlify CMS启动程序

Note: This starter uses Gatsby v2.

This repo contains an example business website that is built with Gatsby, and Netlify CMS: Demo Link.

It follows the JAMstack architecture by using Git as a single source of truth, and Netlify for continuous deployment, and CDN distribution.

Features

  • A simple landing page with blog functionality built with Netlify CMS
  • Editable Pages: Landing, About, Product, Blog-Collection and Contact page with Netlify Form support
  • Create Blog posts from Netlify CMS
  • Tags: Separate page for posts under each tag
  • Basic directory organization
  • Uses Bulma for styling, but size is reduced by purge-css-plugin
  • Blazing fast loading times thanks to pre-rendered HTML and automatic chunk loading of JS files
  • Uses gatsby-image with Netlify-CMS preview support
  • Separate components for everything
  • Netlify deploy configuration
  • Netlify function support, see lambda folder
  • Perfect score on Lighthouse for SEO, Accessibility and Performance (wip:PWA)
  • ..and more

Prerequisites

  • Node (I recommend using v8.2.0 or higher)
  • Gatsby CLI
  • Netlify CLI

Getting Started (Recommended)

Netlify CMS can run in any frontend web environment, but the quickest way to try it out is by running it on a pre-configured starter site with Netlify. The example here is the Kaldi coffee company template (adapted from One Click Hugo CMS). Use the button below to build and deploy your own copy of the repository:

Gatsby + Netlify CMS Starter - 盖茨比+Netlify CMS启动程序

After clicking that button, you’ll authenticate with GitHub and choose a repository name. Netlify will then automatically create a repository in your GitHub account with a copy of the files from the template. Next, it will build and deploy the new site on Netlify, bringing you to the site dashboard when the build is complete. Next, you’ll need to set up Netlify’s Identity service to authorize users to log in to the CMS.

Access Locally

Pulldown a local copy of the Github repository Netlify created for you, with the name you specified in the previous step

$ git clone https://github.com/[GITHUB_USERNAME]/[REPO_NAME].git $ cd [REPO_NAME] $ yarn $ netlify dev # or ntl dev 

This uses the new Netlify Dev CLI feature to serve any functions you have in the lambda folder.

To test the CMS locally, you’ll need to run a production build of the site:

$ npm run build $ netlify dev # or ntl dev 

Media Libraries (installed, but optional)

Media Libraries have been included in this starter as a default. If you are not planning to use Uploadcare or Cloudinary in your project, you can remove them from module import and registration in src/cms/cms.js. Here is an example of the lines to comment or remove them your project.

import CMS from 'netlify-cms-app' // import uploadcare from 'netlify-cms-media-library-uploadcare' // import cloudinary from 'netlify-cms-media-library-cloudinary'  import AboutPagePreview from './preview-templates/AboutPagePreview' import BlogPostPreview from './preview-templates/BlogPostPreview' import ProductPagePreview from './preview-templates/ProductPagePreview' import IndexPagePreview from './preview-templates/IndexPagePreview'  // CMS.registerMediaLibrary(uploadcare); // CMS.registerMediaLibrary(cloudinary);  CMS.registerPreviewTemplate('index', IndexPagePreview) CMS.registerPreviewTemplate('about', AboutPagePreview) CMS.registerPreviewTemplate('products', ProductPagePreview) CMS.registerPreviewTemplate('blog', BlogPostPreview)

Note: Don’t forget to also remove them from package.json and yarn.lock / package-lock.json using yarn or npm. During the build netlify-cms-app will bundle the media libraries as well, having them removed will save you build time. Example:

yarn remove netlify-cms-media-library-uploadcare 

OR

yarn remove netlify-cms-media-library-cloudinary 

Getting Started (Without Netlify)

$ gatsby new [SITE_DIRECTORY_NAME] https://github.com/netlify-templates/gatsby-starter-netlify-cms/ $ cd [SITE_DIRECTORY_NAME] $ npm run build $ npm run serve 

Setting up the CMS

Follow the Netlify CMS Quick Start Guide to set up authentication, and hosting.

Debugging

Windows users might encounter node-gyp errors when trying to npm install. To resolve, make sure that you have both Python 2.7 and the Visual C++ build environment installed.

npm config set python python2.7 npm install --global --production windows-build-tools 

Full details here

MacOS users might also encounter some errors, for more info check node-gyp. We recommend using the latest stable node version.

Purgecss

This plugin uses gatsby-plugin-purgecss and bulma. The bulma builds are usually ~170K but reduced 90% by purgecss.

CONTRIBUTING

Contributions are always welcome, no matter how large or small. Before contributing, please read the code of conduct.

We use optional third-party analytics cookies to understand how you use GitHub.com so we can build better products. Learn more.


开始使用(没有Netlify)

Gatsby + Netlify CMS Starter - 盖茨比+Netlify CMS启动程序

注意:此启动器使用Gatsby v2。

本回购协议包含一个使用盖茨比和Netlify CMS:Demo链接构建的示例商业网站。

它遵循JAMstack架构,使用Git作为唯一的真相来源,Netlify用于连续部署和CDN分发。

设置CMS

  • 从Netlify CMS创建博客帖子
  • 标签:每个标签下的帖子都有单独的页面
  • 基本目录组织
  • 使用Bulma进行样式设置,但是,由于预渲染的HTML和JS文件的自动块加载,purge css插件的大小大大降低了加载速度
  • 使用了gatsby图像,并支持Netlify CMS预览支持
  • 所有内容都有独立的组件
  • Netlify部署配置
  • Netlify函数支持,请参阅lambda文件夹
  • Lighthouse上的完美分数,了解SEO、可访问性和性能(在制品:PWA)
  • 。及更多
  • 节点(我建议使用v8.2.0或更高版本)
  • Gatsby CLI
  • ..and more

调试页面:登录、关于、产品、博客集合和联系页面,支持Netlify表单
  • 从Netlify CMS创建博客帖子
  • 标签:每个标签下的帖子都有单独的页面
  • 基本目录组织
  • 使用Bulma进行样式设置,但是,由于预渲染的HTML和JS文件的自动块加载,purge css插件的大小大大降低了加载速度
  • 使用了gatsby图像,并支持Netlify CMS预览支持
  • 所有内容都有独立的组件
  • Netlify部署配置
  • Netlify函数支持,请参阅lambda文件夹
  • Lighthouse上的完美分数,了解SEO、可访问性和性能(在制品:PWA)
  • 。及更多
  • 节点(我建议使用v8.2.0或更高版本)
  • Gatsby CLI
    • Node (I recommend using v8.2.0 or higher)
    • Gatsby CLI
    • Netlify CLI

    Getting Started (Recommended)

    Netlify CMS可以在任何前端web环境中运行,但最快的试用方法是使用Netlify在预先配置好的入门网站上运行它。这里的例子是Kaldi coffee company模板(改编自一键式Hugo CMS)。使用下面的按钮来构建和部署您自己的存储库副本:

    Gatsby + Netlify CMS Starter - 盖茨比+Netlify CMS启动程序

    单击该按钮后,您将使用GitHub进行身份验证并选择存储库名称。Netlify将自动在您的GitHub帐户中创建一个存储库,其中包含模板中的文件副本。接下来,它将在Netlify上构建并部署新站点,在构建完成后将您带到站点仪表板。接下来,您需要设置Netlify的身份服务来授权用户登录CMS。

    Access Locally

    使用您在上一步中指定的名称,下拉为您创建的Github存储库Netlify的本地副本

    $ git clone https://github.com/[GITHUB_USERNAME]/[REPO_NAME].git $ cd [REPO_NAME] $ yarn $ netlify dev # or ntl dev 

    这将使用新的Netlify Dev CLI功能为lambda文件夹中的任何功能提供服务。

    要在本地测试CMS,您需要运行站点的生产版本:

    $ npm run build $ netlify dev # or ntl dev 

    Media Libraries (installed, but optional)

    媒体库已作为默认值包含在该启动器中。如果您不打算在项目中使用Uploadcare或Cloudinary,可以从src/cms中的模块导入和注册中删除它们/cms.js公司. 下面是一个用于注释或删除项目行的示例。

    import CMS from 'netlify-cms-app' // import uploadcare from 'netlify-cms-media-library-uploadcare' // import cloudinary from 'netlify-cms-media-library-cloudinary'  import AboutPagePreview from './preview-templates/AboutPagePreview' import BlogPostPreview from './preview-templates/BlogPostPreview' import ProductPagePreview from './preview-templates/ProductPagePreview' import IndexPagePreview from './preview-templates/IndexPagePreview'  // CMS.registerMediaLibrary(uploadcare); // CMS.registerMediaLibrary(cloudinary);  CMS.registerPreviewTemplate('index', IndexPagePreview) CMS.registerPreviewTemplate('about', AboutPagePreview) CMS.registerPreviewTemplate('products', ProductPagePreview) CMS.registerPreviewTemplate('blog', BlogPostPreview)

    注意:别忘了从包.json以及纱线.锁紧/包装-锁定.json使用纱线或npm。在构建期间,netlify cms应用程序也将捆绑媒体库,删除它们将节省您的构建时间。示例:

    yarn remove netlify-cms-media-library-uploadcare 

    yarn remove netlify-cms-media-library-cloudinary 

    Getting Started (Without Netlify)

    $ gatsby new [SITE_DIRECTORY_NAME] https://github.com/netlify-templates/gatsby-starter-netlify-cms/ $ cd [SITE_DIRECTORY_NAME] $ npm run build $ npm run serve 

    Setting up the CMS

    按照Netlify CMS快速入门指南设置身份验证和托管。

    Debugging

    Windows用户在尝试安装npm时可能会遇到节点gyp错误。要解决,请确保安装Python 2.7和VisualC++环境。

    npm config set python python2.7 npm install --global --production windows-build-tools 

    此处提供完整的详细信息

    MacOS用户也可能会遇到一些错误,有关更多信息,请检查node gyp。我们建议使用最新的稳定节点版本。

    Purgecss

    此插件使用gatsby插件purgecss和bulma。bulma建筑通常约为170K,但通过purgecss减少了90%。

    CONTRIBUTING

    无论捐款多大或多小,都是受欢迎的。投稿前,请先阅读行为守则。

    我们使用可选的第三方分析cookies来了解您如何使用GitHub.com网站所以我们可以制造更好的产品。了解更多。

    部分转自网络,侵权联系删除区块链源码网

    www.interchains.cc

    https://www.interchains.cc/18595.html

    区块链毕设网(www.interchains.cc)全网最靠谱的原创区块链毕设代做网站 部分资料来自网络,侵权联系删除! 最全最大的区块链源码站 !
    区块链知识分享网, 以太坊dapp资源网, 区块链教程, fabric教程下载, 区块链书籍下载, 区块链资料下载, 区块链视频教程下载, 区块链基础教程, 区块链入门教程, 区块链资源 » 基于区块链的毕业设计Gatsby + Netlify CMS Starter – 盖茨比+Netlify CMS启动程序

    提供最优质的资源集合

    立即查看 了解详情