Benutzerdefinierte Landingpage

sie können eine benutzerdefinierte html seite einrichten, die anstelle des ersten dokuments geladen wird – was die standardoption ist, wenn die dokumentationsseite geladen wird um die landing page option zu ändern, folgen sie diesen schritten klicken sie auf den space , zu dem sie eine benutzerdefinierte html landing page hinzufügen möchten wählen sie die registerkarte appearance scrollen sie nach unten zu landing page wählen sie custom html fügen sie ihren html code im feld landing page html ein und klicken sie auf speichern beachten sie, dass dies ihre index html datei ist das benutzerdefinierte html unterstützt handlebars https //handlebarsjs com/ und tailwind https //tailwindcss com/ sie können einige variablen in der html vorlage interpolieren hier ist das objekt, das wir an die vorlage übergeben; sie können jede dieser variablen rendern 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 } dies ist ein beispiel html für das rendern von benutzerdefiniertem html auf der landingpage 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}} für eine solche struktur und ein hochgeladenes logo mit dem obigen code sollten sie etwas wie dieses sehen benutzerdefinierte funktionen zum aktivieren der suche auf einer benutzerdefinierten landingpage können sie ihr eigenes suchfeld erstellen, aber sie benötigen auch eine möglichkeit, das suchmodal anzuzeigen — dafür haben wir gesorgt im `window` objekt des browsers gibt es 2 methoden, die sie aufrufen können, um das suchmodal zu steuern // shows the search modal window\ showsearch() // hides the search modal window\ hidesearch() diese funktionen stehen auch für die nutzung in ihren benutzerdefinierten skripten zur verfügung