Página de destino 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 página de inicio, sigue los siguientes pasos haz clic en el espacio al que deseas agregar una página de inicio html personalizada busca el icono de configuración ( ⚙️ ) y haz clic en él en la ventana de configuración del espacio ve a la pestaña página de inicio selecciona html personalizado agrega tu código html en el campo html de la página de inicio y haz clic en guardar ten en cuenta que este es tu archivo index html el html personalizado es compatible con handlebars https //handlebarsjs com/ y tailwind 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 logotipo cargado deberías ver algo como esto, con el código anterior funciones personalizadas para activar la búsqueda en una página de inicio personalizada puedes crear tu propio campo de búsqueda, pero también necesitarás una forma de mostrar el modal de búsqueda — nosotros te cubrimos en el `window` 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.