\n\n\u003Cimg width=\"308\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/0e1beb6b-d06b-436c-b106-c924fead87ab\" />\n\n\u003Cimg width=\"931\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/aef6f71a-fa28-4b7c-b512-e6386e18159a\" />\n\n### Describe the solution you'd like\n\nIn my [pull request](https://github.com/vuejs/vitepress/pull/4630), I've introduced custom components that can be overridden in the `enhanceApp` function. In these custom components, I can add custom logic for rendering text, such as using the Vue compile function. \n\nAdditionally, I added a flag to skip the title update, allowing for custom logic implementation. \n\nPlease also see my PR: [https://github.com/vuejs/vitepress/pull/4630](https://github.com/vuejs/vitepress/pull/4630).\n\n### Describe alternatives you've considered\n\n_No response_\n\n### Additional context\n\n_No response_\n\n### Validations\n\n- [x] Follow our [Code of Conduct](https://vuejs.org/about/coc.html)\n- [x] Read the [docs](https://vitepress.dev).\n- [x] Read the [Contributing Guidelines](https://github.com/vuejs/vitepress/blob/main/.github/contributing.md).\n- [x] Check that there isn't already an issue that asks for the same feature to avoid creating a duplicate.",[],4637,"Sidenav Components / Skip title update","2025-03-20T12:17:14Z","https://github.com/vuejs/vitepress/issues/4637",0.79003936,{"description":2897,"labels":2898,"number":2902,"owner":2869,"repository":2870,"state":2903,"title":2904,"updated_at":2905,"url":2906,"score":2907},"URL: https://vitepress.vuejs.org/guide/theme-home-page\r\n\r\n- General recommendation about image\r\n - Dimensions/Resolutions/Aspect Ratio\r\n - Mention the home-hero-image slot\r\n - Can be used to add videos and animated stuff \r\n- How to get the glow effect? (section similar to \"Customizing the name color\" present on that page)\r\n - Mention the CSS vars\r\n - Recommendation on how to generate gradients\r\n - If someone can spin up an online app to recommend certain gradient combinations based on user-provided image, we can add a link to that too. Or if the app is not much heavy, we can embed it itself in docs.\r\n\r\nx-ref: #1569, /cc @btea\r\n\r\nalso #1272",[2899],{"name":2900,"color":2901},"docs","0075ca",1773,"closed","Add docs about hero image","2023-08-12T00:04:21Z","https://github.com/vuejs/vitepress/issues/1773",0.7221614,{"description":2909,"labels":2910,"number":2914,"owner":2869,"repository":2870,"state":2903,"title":2915,"updated_at":2916,"url":2917,"score":2918},"### Is your feature request related to a problem? Please describe.\r\n\r\nCurrently, the `home` layout only allows for a single image, which may not be enough for some projects (eg. https://www.safeql.dev/ ), who may want to have one large image and then also a video of the product, both in the upper hero section of the page.\r\n\r\n### Describe the solution you'd like\r\n\r\nIt would be nice to have a more customizable / flexible way to output arbitrary (html or markdown) content, eg what I tried with the `tagline` here:\r\n\r\n```yaml\r\n---\r\nlayout: home\r\n\r\nhero:\r\n name: SafeQL\r\n text: Write SQL Queries With Confidence\r\n tagline: SafeQL is an ESLint plugin for writing SQL queries in a type-safe way.\u003Cbr>\u003Cbr>\u003Cvideo src=\"...\">\r\n```\r\n\r\n### Describe alternatives you've considered\r\n\r\nIf that's not an option, then having another configuration option like `image2` would be an alternative.\r\n\r\nAnother alternative that I considered (but could not figure out) would be to somehow be able to extend **ONLY** this single section of that particular template, similar to what is being talked about here:\r\n\r\n- https://github.com/vuejs/vitepress/issues/235\r\n- https://github.com/vuejs/vitepress/issues/235#issuecomment-1178642033\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Validations\r\n\r\n- [X] Follow our [Code of Conduct](https://vuejs.org/about/coc.html)\r\n- [X] Read the [docs](https://vitepress.vuejs.org).\r\n- [X] Read the [Contributing Guidelines](https://github.com/vuejs/vitepress/blob/main/.github/contributing.md).\r\n- [X] Check that there isn't already an issue that asks for the same feature to avoid creating a duplicate.",[2911],{"name":2912,"color":2913},"theme","0754FB",1340,"Add Video / 2nd Hero Image to Home Layout","2023-03-18T00:04:18Z","https://github.com/vuejs/vitepress/issues/1340",0.74410564,{"description":2920,"labels":2921,"number":2925,"owner":2869,"repository":2870,"state":2903,"title":2926,"updated_at":2927,"url":2928,"score":2929},"### Describe the bug\n\nWhen you build up your team page and for the team member social links you would like to set your own icon. For example email icon for email link. Regarding the docs: https://vitepress.vuejs.org/config/theme-configs.html#sociallinks you should be able to set:\r\n\r\n```\r\nlinks: [\r\n { \r\n icon: {\r\n svg: '\u003Csvg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"1em\" height=\"1em\" preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 24 24\" style=\"-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);\">\u003Cpath fill=\"currentColor\" d=\"m20 8l-8 5l-8-5V6l8 5l8-5m0-2H4c-1.11 0-2 .89-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2Z\"/>\u003C/svg>'\r\n },\r\n link: 'mailto:john@doe.de'\r\n },\r\n ]\r\n```\r\nbut the icon will not be rendered:\r\n\u003Cimg width=\"1419\" alt=\"Bildschirmfoto 2022-07-28 um 00 12 43\" src=\"https://user-images.githubusercontent.com/30939926/181381626-bdf02d0d-973c-4be2-87e8-f99f4c93ca18.png\">\r\n\r\n\n\n### Reproduction\n\nhttps://stackblitz.com/edit/vitepress-sociallinks-custom-svg?file=docs%2Findex.md,package.json&terminal=dev\r\n\n\n### Expected behavior\n\nWhen defining a custom icon like defined on the docs:\r\nhttps://vitepress.vuejs.org/config/theme-configs.html#sociallinks\r\n\r\ni would expect this svg to get rendered.\n\n### System Info\n\n```shell\nSystem:\r\n OS: macOS 12.1\r\n CPU: (8) x64 Apple M1\r\n Memory: 24.19 MB / 16.00 GB\r\n Shell: 5.8 - /bin/zsh\r\n Binaries:\r\n Node: 16.13.1 - ~/.nvm/versions/node/v16.13.1/bin/node\r\n npm: 8.1.2 - ~/.nvm/versions/node/v16.13.1/bin/npm\r\n Browsers:\r\n Chrome: 103.0.5060.134\r\n Firefox: 102.0.1\r\n Safari: 15.2\n```\n\n\n### Additional context\n\n_No response_\n\n### Validations\n\n- [X] Follow our [Code of Conduct](https://vuejs.org/about/coc.html)\n- [X] Read the [docs](https://vitepress.vuejs.org).\n- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.",[2922],{"name":2923,"color":2924},"bug: pending triage","e99695",1075,"VPTeamMembers -> SocialLinks -> custom svg not working","2023-01-21T14:30:04Z","https://github.com/vuejs/vitepress/issues/1075",0.7628445,{"description":2931,"labels":2932,"number":2933,"owner":2869,"repository":2870,"state":2903,"title":2934,"updated_at":2935,"url":2936,"score":2937},"### Is your feature request related to a problem? Please describe.\n\nsocialLinks:[\r\n {\r\n icon: {\r\n svg: '\u003Csvg>\u003C/svg>'\r\n },\r\n link: '...' }]\n\n### Describe the solution you'd like\n\n I want this configuration to display properly. Or add QQ, WeChat, email, etc.\r\n\r\n\n\n### Describe alternatives you've considered\n\n_No response_\n\n### Additional context\n\n_No response_\n\n### Validations\n\n- [X] Follow our [Code of Conduct](https://vuejs.org/about/coc.html)\n- [X] Read the [docs](https://vitepress.vuejs.org).\n- [X] Read the [Contributing Guidelines](https://github.com/vuejs/vitepress/blob/main/.github/contributing.md).\n- [X] Check that there isn't already an issue that asks for the same feature to avoid creating a duplicate.",[],1115,"How can I make socialLinks: this configuration can be displayed normally in config.js","2023-01-21T14:28:53Z","https://github.com/vuejs/vitepress/issues/1115",0.7671741,{"description":2939,"labels":2940,"number":2942,"owner":2869,"repository":2870,"state":2903,"title":2943,"updated_at":2944,"url":2945,"score":2946},"### Is your feature request related to a problem? Please describe.\n\nCurrently, if the layout of a page is `home`, under `features`, links do not render (both markdown and html).\n\n### Describe the solution you'd like\n\nAllow markdown links in `features`\r\nExample:\r\n```md\r\n---\r\nlayout: home\r\ntitle: Ipsum\r\nfeatures:\r\n - title: [link](https://google.com/)\r\n details: [another link](https://google.com/)\r\n---\r\n```\n\n### Describe alternatives you've considered\n\nAlternatively, HTML links could be allowed:\r\n```md\r\n---\r\nlayout: home\r\ntitle: Ipsum\r\nfeatures:\r\n - title: \u003Ca href=\"https://google.com/\">link\u003C/a>\r\n details: \u003Ca href=\"https://google.com/\">another link\u003C/a>\r\n---\r\n```\n\n### Additional context\n\n_No response_\n\n### Validations\n\n- [X] Follow our [Code of Conduct](https://vuejs.org/about/coc.html)\n- [X] Read the [docs](https://vitepress.vuejs.org).\n- [X] Read the [Contributing Guidelines](https://github.com/vuejs/vitepress/blob/main/.github/contributing.md).\n- [X] Check that there isn't already an issue that asks for the same feature to avoid creating a duplicate.",[2941],{"name":2912,"color":2913},984,"Allow links in the homepage-layout features","2023-01-21T14:22:47Z","https://github.com/vuejs/vitepress/issues/984",0.7769014,{"description":2948,"labels":2949,"number":2950,"owner":2869,"repository":2870,"state":2903,"title":2951,"updated_at":2952,"url":2953,"score":2954},"### Is your feature request related to a problem? Please describe.\n\nHi there!\r\n\r\nI want to expand the theme to add content in the red box below, but we do not have slots in these two positions, I would like to ask if there is a good way? \r\n\r\n\r\n\r\n\n\n### Describe the solution you'd like\n\nIs it possible to add `doc-title-after`, `doc-footer-before` slots like that.\n\n### Describe alternatives you've considered\n\nFor example, if I wanted to add content after the title, the schemes I tried were as follows:\r\n\r\n- [x] ~Use custom components under the heading of each MD document.~\r\n- [x] ~Expand the custom content in the `doc-before` slot position, then move it when the page loads.~\r\n\r\nObviously, they are either troublesome or have problems.\n\n### Additional context\n\nI'm sorry to disturb you. In addition to completely customizing the theme, do you have a better plan to guide me? I am just like an amateur in front end. \r\nSay thank you in advance.\n\n### Validations\n\n- [X] Follow our [Code of Conduct](https://vuejs.org/about/coc.html)\n- [X] Read the [docs](https://vitepress.vuejs.org).\n- [X] Read the [Contributing Guidelines](https://github.com/vuejs/vitepress/blob/main/.github/contributing.md).\n- [X] Check that there isn't already an issue that asks for the same feature to avoid creating a duplicate.",[],1050,"Provide more slots when extending the default theme","2023-01-21T14:28:41Z","https://github.com/vuejs/vitepress/issues/1050",0.77721334,{"description":2956,"labels":2957,"number":2959,"owner":2869,"repository":2870,"state":2903,"title":2960,"updated_at":2961,"url":2962,"score":2963},"### Is your feature request related to a problem? Please describe.\n\n[Prev Next Links](https://vitepress.dev/reference/default-theme-prev-next-links) can only customize using Frontmatter in each markdown file\n\n### Describe the solution you'd like\n\nI think there must be someone else who thinks like me: **I don't want Prev Next Links**\r\n\r\nusing `custom.css` or customize in each markdown file is too hack and hope it can be edit in either global config\n\n### Describe alternatives you've considered\n\n_No response_\n\n### Additional context\n\n_No response_\n\n### Validations\n\n- [X] Follow our [Code of Conduct](https://vuejs.org/about/coc.html)\n- [X] Read the [docs](https://vitepress.dev).\n- [X] Read the [Contributing Guidelines](https://github.com/vuejs/vitepress/blob/main/.github/contributing.md).\n- [X] Check that there isn't already an issue that asks for the same feature to avoid creating a duplicate.",[2958],{"name":2912,"color":2913},2079,"Add support for custom Prev Next Links in themeConfig","2023-06-18T00:04:58Z","https://github.com/vuejs/vitepress/issues/2079",0.78012097,["Reactive",2965],{},["Set"],["ShallowReactive",2968],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fmYrijPWeOhgcy_Ow-K0yfrLcOIrfq7hRTITUHGNfqfg":-1},"/vuejs/vitepress/3222"]