ESPACIOS ALOJADOS
Página de Aterrizaje Personalizada
4 min
puedes configurar una página html personalizada para cargar en lugar del primer documento que es la opción predeterminada cuando se carga el sitio de documentos para cambiar la opción de la página de inicio, sigue los siguientes pasos haz clic en el espacio en el que deseas agregar una página de inicio html personalizada busca el icono de configuración ( ⚙️ ) y haz clic en él en la configuración del espacio ventana, ve a la página de inicio pestaña selecciona html personalizado agrega tu código html en el campo html de la página de inicio y presiona guardar ten en cuenta que este es tu index html archivo el html personalizado soporta https //handlebarsjs com/ y https //tailwindcss com/ puedes interpolar algunas variables en la plantilla html aquí está el objeto que pasamos a la plantilla; puedes renderizar cualquiera de estas variables first level variables export interface publicdocspaceresponse { id string name string icon string publiclogourl string darkpubliclogourl string publictheme 'light' | 'dark' | 'auto' contentlayout 'one column' | 'two column' isindexable boolean template 'booklet' | 'stripe' | 'widget' faviconurl string landingpageheadertext string landingpagesubheadertext string landingtemplate? string footertemplate? string headerincludes? string jwtredirecturl? string hostingtitle string showreadtime boolean showlastupdate boolean showcontributors boolean showdocfeedback boolean logoredirecturl string hostingcolor string darkhostingcolor string hostname string hostnamepath string proxydomain string isarchbeebrandvisible boolean i18nlanguage string isauthenticated boolean showpdfbooklink boolean pdfbooklink? string createdat string spacelinks publicspacelink\[] externallinks publicexternallink\[] versionlinks publicversionlink\[] publicdocstree publicdoctreeresponse\[] } prop interfaces export interface publicdoctreeresponse { id string name string icon string urlkey string expanded? boolean iscategory? boolean categoryname? string islink? boolean linktitle? string linkhref? string linkopensinnewtab? boolean parentdocid? string rightdoc? publicdoctreeresponse leftdoc? publicdoctreeresponse children publicdoctreeresponse\[] } export type publicspacelink = { label string docspaceid string icon? string versionlinks? publicversionlink\[] hasversionswithoutlinks? boolean } export type publicversionlink = { label string docspaceid string forkedfrom string language string versionlinks? publicversionlink\[] } export type publicexternallink = { label string url string } este es un ejemplo de html para renderizar html personalizado en la página de inicio publiclogourl props example id {{ id }} name {{ name }} icon {{{ rendericon icon }}} public docs tree {{#each publicdocstree}} name {{name}} {{#if children}} {{#each children}} name {{name}} {{/each}} {{/if}} {{/each}} para una estructura como esta y un logo subido deberías ver algo como esto, con el código anterior funciones personalizadas para activar la búsqueda en una página de destino personalizada puedes construir tu propio campo de búsqueda, pero también necesitarás una forma de mostrar el modal de búsqueda — te tenemos cubierto en el `window` objeto del navegador hay 2 métodos que puedes llamar para controlar el modal de búsqueda // shows the search modal window\ showsearch() // hides the search modal window\ hidesearch() estas funciones también están disponibles para su uso en tus scripts personalizados
Have a question?
Our super-smart AI, knowledgeable support team and an awesome community will get you an answer in a flash.
To ask a question or participate in discussions, you'll need to authenticate first.