JSONsite:使用JSON文件创建SPA页面
{ 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
相关文章
热门TAG
命令 外链 企业网站 白帽 php 织梦教程 dedecms修改内容 javascript 织梦 功能 标签 调用 详解 技巧 权重 服务器 网站流量 Dedecms 织梦cms HTML tags标签 python jquery教程 jquery windows 蜘蛛 搜索引擎 网站收录 JSP 实例解析最新文章
-
大牛眼中的好代码是什么
时间:2021-01-05
-
大数据专业毕业生未来可
时间:2021-01-05
-
看看人家那后端API接口写
时间:2021-01-05
-
详解三大编译器:gcc、l
时间:2021-01-05
-
超级干货:什么是低代码
时间:2021-01-05
-
如何在整个DevOps中建立分
时间:2021-01-05
-
如何从零思考设计你的
时间:2021-01-05
-
Vue源码中值得学习的方法
时间:2021-01-05
热门文章
-
20个有争议的编程观点
时间:2020-12-25
-
从0学ARM-汇编伪指令、LDS详解
时间:2020-12-26
-
你需要了解的几种微前端解决方案
时间:2020-12-27
-
2020年编程语言排行榜单年终大盘点
时间:2020-12-23
-
高级语言中的语句在汇编中是如何实现的
时间:2020-12-27
-
8 个让我更有效率的 Git 别名
时间:2020-12-27
-
一个高薪的码农,应具备的8种能力
时间:2020-12-25
-
Vue源码中值得学习的方法
时间:2021-01-05
-
大数据clouderaManager5.14.0离线部署
时间:2020-12-26
-
如何互联网没了女性的编程会怎样?
时间:2020-12-27
