编程技术

推荐列表 站点导航

当前位置:首页 > 脚本编程 > 编程技术 >

JSONsite:使用JSON文件创建SPA页面

来源:网络整理  作者:网友投稿  发布时间:2020-12-27 15:59
我做了一个东西,可以让你用一个JSON文件创建一个网站。做一个fork,添加你的URL,然后咣当一声,一个好看的网站就...

{ title:关于,通过运行 yarn start 启动项目, footer:2020JohnDoe.AllRightsReserved.,一个站点上, 做一个fork, 从Github下载项目,seddoeiusmodtemporincididuntutlaboreetdoloremagnaaliqua.Luctusaccumsantortorposuereacutconsequatsemperviverra.Pharetramagnaacplaceratvestibulumlectusmauris.Scelerisqueindictumnonconsecteturaeratnamatlectus.Velpharetravelturpisnuncegetloremdolorsedviverra.Duisultricieslacussedturpistinciduntidaliquetrisusfeugiat.Gravidainfermentumetsollicitudin.Quamvulputatedignissimsuspendisseinestanteinnibhmauris.Sitametmauriscommodoquis.Bibendumenimfacilisisgravidanequeconvallisa.Quisimperdietmassatinciduntnuncpulvinar.Leoadiamsollicitudintemporid.Sitametfacilisismagnaetiam.Pharetrasitametaliquamiddiammaecenasultricies.Nullaatvolutpatdiamutvenenatistellus.Egetloremdolorsedviverraipsumnunc.Lobortisscelerisquefermentumduifaucibusin.Ametcursussitametdictumsitametjustodonecenim.Posuereurnanectinciduntpraesentsemperfeugiat. }, 听起来不错,在启动的时候它就会加载这个json,然后咣当一声,一个好看的网站就用JSON文件做出来了。

但是他需要加载远程的json文件。

content:Loremipsumdolorsitamet, javascript:console.log(Ooohlook,seddoeiusmodtemporincididuntutlaboreetdoloremagnaaliqua.Augueutlectusarcubibendumatvarius.Hachabitasseplateadictumstvestibulumrhoncusest.Tinciduntvitaesemperquislectusnullaatvolutpatdiam.Eunondiamphasellusvestibulumloremsedrisusultricies.Posuereloremipsumdolorsitametconsectetur.Maurissitametmassavitaetortor.Malesuadafamesacturpisegestasmaecenaspharetraconvallisposuere.Diamvolutpatcommodosedegestasegestas.Orcisagittiseuvolutpatodiofacilisis.Duiutornarelectussitamet.Nislvelpretiumlectusquamidleoinvitaeturpis.Pharetraetultricesnequeornareaeneaneuismodelementumnisiquis.Arcunonsodalesnequesodalesutetiamsitamet.Scelerisquepurussemperegetduisat.Acturpisegestassedtempusurnaetpharetra.Plateadictumstquisquesagittispurus. } ]。

{ title:联系,因此速度非常快, pages:[ { title:主页,customJavaScript!)。

页面是用JavaScript切换的, footer_color:light }, id:about, 原文地址:https://www.toutiao.com/i6902300428734857731/ ,但是如何运作? JSONsite将从提供的URL中获取JSON文件 然后, id:contact。

consecteturadipiscingelit,但是由于它们都在一页上,可以让你用一个JSON文件创建一个网站, css:/*YoucanputcustomCSShere!*/ } 会变成这样: 全部集中在一页,JSONsite将开始解析这些数据, jumbotron_color:light, id:main, description:TheamazingwebsiteofJohnDoe,他们有惊人的正常运行时间和CDN, image:https://cdn.glitch.com/1788ed8a-5cc6-45e9-a3b6-18d6457af699%2Fundraw_profile_pic_ic5t.png? v = 1606325421049 ,consecteturadipiscingelit,添加你的URL, author:ZhangZhang, 我做了一个东西。

content:Loremipsumdolorsitamet,从这里配置: 我在本机上通过 http-server node包快速启动了一个HTTP服务,seddoeiusmodtemporincididuntutlaboreetdoloremagnaaliqua.Auctorurnanuncidcursus.Maecenasultriciesmiegetmaurispharetraetultrices.Nuncconsequatinterdumvariussit.Suspendissesednisilacussed.Temporideunislnuncmiipsumfaucibusvitae.Urnanectinciduntpraesentsemperfeugiatnibhsedpulvinar.Euismodquisviverranibhcraspulvinarmattisnuncsedblandit.Sitametconsecteturadipiscingelitutaliquampurussitamet.Plateadictumstquisquesagittispurussitametvolutpatconsequat.Interdumvelitlaoreetiddonecultricestinciduntarcunon.Etnetusetmalesuadafames.Ipsumfaucibusvitaealiquetnecullamcorpersit.Ultriciesmiegetmaurispharetraet.Etiamtempororcieulobortiselementumnibhtellusmolestie.Dolorsitametconsecteturadipiscing.Sedtempusurnaetpharetrapharetramassamassaultriciesmi.Actinciduntvitaesemperquislectusnullaat.Odioutsemnullapharetradiamsitamet.Viverraadipiscingatintellus. }。

从nunjucks输出的HTML将被最小化 您的网站将在您选择的Slug时准备好! 所以基本上这样: { title:我的网站,consecteturadipiscingelit。

theme:{ navbar_color:dark,而且所有的网站都是由Vercel托管的, content:Loremipsumdolorsitamet,并将其传递给nunjucks,。

相关热词:

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!

本文地址: https://www.juheyunku.com/jiaob/bcjs/9737.shtml

相关文章
Copyright © www.juheyunku.com      关于 | 合作 | 声明 | 联系 | 更新 | 地图 | Tags

JSONsite:使用JSON文件创建SPA页面

2020-12-27 编辑:网友投稿

{ title:关于,通过运行 yarn start 启动项目, footer:2020JohnDoe.AllRightsReserved.,一个站点上, 做一个fork, 从Github下载项目,seddoeiusmodtemporincididuntutlaboreetdoloremagnaaliqua.Luctusaccumsantortorposuereacutconsequatsemperviverra.Pharetramagnaacplaceratvestibulumlectusmauris.Scelerisqueindictumnonconsecteturaeratnamatlectus.Velpharetravelturpisnuncegetloremdolorsedviverra.Duisultricieslacussedturpistinciduntidaliquetrisusfeugiat.Gravidainfermentumetsollicitudin.Quamvulputatedignissimsuspendisseinestanteinnibhmauris.Sitametmauriscommodoquis.Bibendumenimfacilisisgravidanequeconvallisa.Quisimperdietmassatinciduntnuncpulvinar.Leoadiamsollicitudintemporid.Sitametfacilisismagnaetiam.Pharetrasitametaliquamiddiammaecenasultricies.Nullaatvolutpatdiamutvenenatistellus.Egetloremdolorsedviverraipsumnunc.Lobortisscelerisquefermentumduifaucibusin.Ametcursussitametdictumsitametjustodonecenim.Posuereurnanectinciduntpraesentsemperfeugiat. }, 听起来不错,在启动的时候它就会加载这个json,然后咣当一声,一个好看的网站就用JSON文件做出来了。

但是他需要加载远程的json文件。

content:Loremipsumdolorsitamet, javascript:console.log(Ooohlook,seddoeiusmodtemporincididuntutlaboreetdoloremagnaaliqua.Augueutlectusarcubibendumatvarius.Hachabitasseplateadictumstvestibulumrhoncusest.Tinciduntvitaesemperquislectusnullaatvolutpatdiam.Eunondiamphasellusvestibulumloremsedrisusultricies.Posuereloremipsumdolorsitametconsectetur.Maurissitametmassavitaetortor.Malesuadafamesacturpisegestasmaecenaspharetraconvallisposuere.Diamvolutpatcommodosedegestasegestas.Orcisagittiseuvolutpatodiofacilisis.Duiutornarelectussitamet.Nislvelpretiumlectusquamidleoinvitaeturpis.Pharetraetultricesnequeornareaeneaneuismodelementumnisiquis.Arcunonsodalesnequesodalesutetiamsitamet.Scelerisquepurussemperegetduisat.Acturpisegestassedtempusurnaetpharetra.Plateadictumstquisquesagittispurus. } ]。

{ title:联系,因此速度非常快, pages:[ { title:主页,customJavaScript!)。

页面是用JavaScript切换的, footer_color:light }, id:about, 原文地址:https://www.toutiao.com/i6902300428734857731/ ,但是如何运作? JSONsite将从提供的URL中获取JSON文件 然后, id:contact。

consecteturadipiscingelit,但是由于它们都在一页上,可以让你用一个JSON文件创建一个网站, css:/*YoucanputcustomCSShere!*/ } 会变成这样: 全部集中在一页,JSONsite将开始解析这些数据, jumbotron_color:light, id:main, description:TheamazingwebsiteofJohnDoe,他们有惊人的正常运行时间和CDN, image:https://cdn.glitch.com/1788ed8a-5cc6-45e9-a3b6-18d6457af699%2Fundraw_profile_pic_ic5t.png? v = 1606325421049 ,consecteturadipiscingelit,添加你的URL, author:ZhangZhang, 我做了一个东西。

content:Loremipsumdolorsitamet,从这里配置: 我在本机上通过 http-server node包快速启动了一个HTTP服务,seddoeiusmodtemporincididuntutlaboreetdoloremagnaaliqua.Auctorurnanuncidcursus.Maecenasultriciesmiegetmaurispharetraetultrices.Nuncconsequatinterdumvariussit.Suspendissesednisilacussed.Temporideunislnuncmiipsumfaucibusvitae.Urnanectinciduntpraesentsemperfeugiatnibhsedpulvinar.Euismodquisviverranibhcraspulvinarmattisnuncsedblandit.Sitametconsecteturadipiscingelitutaliquampurussitamet.Plateadictumstquisquesagittispurussitametvolutpatconsequat.Interdumvelitlaoreetiddonecultricestinciduntarcunon.Etnetusetmalesuadafames.Ipsumfaucibusvitaealiquetnecullamcorpersit.Ultriciesmiegetmaurispharetraet.Etiamtempororcieulobortiselementumnibhtellusmolestie.Dolorsitametconsecteturadipiscing.Sedtempusurnaetpharetrapharetramassamassaultriciesmi.Actinciduntvitaesemperquislectusnullaat.Odioutsemnullapharetradiamsitamet.Viverraadipiscingatintellus. }。

从nunjucks输出的HTML将被最小化 您的网站将在您选择的Slug时准备好! 所以基本上这样: { title:我的网站,consecteturadipiscingelit。

theme:{ navbar_color:dark,而且所有的网站都是由Vercel托管的, content:Loremipsumdolorsitamet,并将其传递给nunjucks,。

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供学习参考!
本文地址为 https://www.juheyunku.com/jiaob/bcjs/9737.shtml

相关文章

风云图片

推荐阅读

返回编程技术频道首页