\n\n---\n\n\u003Cdetails>\u003Csummary>\u003Ccode>:has()\u003C/code> CSS changes\u003C/summary>\n\u003Cp>\n\n```diff\n .custom-block {\n- padding: 16px 16px 8px;\n+ padding: 8px 16px;\n }\n\n+ .custom-block:has(.custom-block-title) {\n+ padding-top: 16px;\n+ }\n```\n\n\u003C/p>\n\u003C/details> \n\n\n### Describe alternatives you've considered\n\nYou can create custom containers yourself, like this:\n\n```md\n\u003Cdiv class=\"custom-block tip\" style=\"padding-top: 8px\">\n\n💡 This is a helpful tip.\n\n\u003C/div>\n```\n\nHowever, this is not ergonomical, nor is it future-proof (What if those class names change? What if the padding changes?).\n\n### Additional context\n\nThe use case for this already exists within Vitepress docs:\n\nhttps://github.com/vuejs/vitepress/blob/dd293484669c59a471052108995be3b8f898838d/docs/en/guide/what-is-vitepress.md?plain=1#L5-L9\n\n\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.",[],4928,"Titleless custom containers","2025-08-31T16:22:27Z","https://github.com/vuejs/vitepress/issues/4928",0.74194545,{"description":3185,"labels":3186,"number":3188,"owner":3155,"repository":3156,"state":3157,"title":3189,"updated_at":3190,"url":3191,"score":3192},"### Is your feature request related to a problem? Please describe.\n\nmd文件中的title和description能否是动态的,或者是让生成的 html文件中的title和description能否是动态的\r\njs取 一些文本赋值给title或description\n\n### Describe the solution you'd like\n\nmd文件中的title和description能否是动态的,或者是让生成的 html文件中的title和description能否是动态的\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.",[3187],{"name":3152,"color":3153},3798,"md文件中的title和description能否是动态的","2024-05-23T19:48:32Z","https://github.com/vuejs/vitepress/issues/3798",0.74248767,{"description":3194,"labels":3195,"number":3199,"owner":3155,"repository":3156,"state":3200,"title":3201,"updated_at":3202,"url":3203,"score":3204},"### Is your feature request related to a problem? Please describe.\r\n\r\nId like to not use a `|` in the browser title bar of my application, instead, any other string.\r\n\r\n### Describe the solution you'd like\r\n\r\nin config.js, at some place...\r\n\r\n```js\r\n{\r\n ...\r\n titleDelimiter: '·',\r\n ...\r\n}\r\n```\r\n\r\n### Describe alternatives you've considered\r\n\r\n_No response_\r\n\r\n### Additional context\r\n\r\nI should think it would be able to take even an HTML entity like `·` and render that.\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.",[3196],{"name":3197,"color":3198},"theme","0754FB",1195,"closed","Provide option to change title delimiter","2023-01-21T14:26:36Z","https://github.com/vuejs/vitepress/issues/1195",0.6520089,{"description":3206,"labels":3207,"number":3208,"owner":3155,"repository":3156,"state":3200,"title":3209,"updated_at":3210,"url":3211,"score":3212},"### Is your feature request related to a problem? Please describe.\n\nN/A\n\n### Describe the solution you'd like\n\nAllow custom titles of containers to be manipulated with Markdown, such as **bold**, _italics_, or hyperlinks.\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.",[],765,"Markdown formatting in custom container titles","2023-01-21T14:34:10Z","https://github.com/vuejs/vitepress/issues/765",0.7172579,{"description":3214,"labels":3215,"number":3219,"owner":3155,"repository":3156,"state":3200,"title":3220,"updated_at":3221,"url":3222,"score":3223},"### Describe the bug\r\n\r\nOn setting frontmatter like below, the page title is still changed to `Home | foo`. It works fine if `home: true` is removed.\r\n\r\n```md\r\n---\r\nhome: true\r\n# ...\r\ntitle: ' '\r\n---\r\n```\r\n\r\nExpected title to be `foo` instead. (`foo` is set as `title` in `.vitepress/config.ts`, using `DefaultTheme`.)\r\n\r\n### Validations\r\n\r\n- [X] Follow our [Code of Conduct](https://vuejs.org/coc)\r\n- [X] Read the [docs](https://vitepress.vuejs.org/).\r\n- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.",[3216],{"name":3217,"color":3218},"bug: pending triage","e99695",492,"`title: x` is not respected if `home: true`","2023-01-21T16:20:14Z","https://github.com/vuejs/vitepress/issues/492",0.72566164,{"description":3225,"labels":3226,"number":3227,"owner":3155,"repository":3156,"state":3200,"title":3228,"updated_at":3229,"url":3230,"score":3231},"### Is your feature request related to a problem? Please describe.\r\n\r\nCode block title requires a code group. I like to put for example a file name as the title.\r\n\r\n### Describe the solution you'd like\r\n\r\nAllow specifying titles for code blocks outside of code groups, using the existing syntax.\r\n\r\n```\r\n```js [main.js]\r\nconsole.log(\"Hello World\")\r\n````\r\n\r\n(do code blocks not work here?)\r\n\r\n### Describe alternatives you've considered\r\n\r\n_No response_\r\n\r\n### Additional context\r\n\r\nI saw support for single code block titles being mentioned in the comments of an old issue discussing the implementation of the feature for code groups, but as far as I can tell, it never made it.\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.dev).\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.",[],4027,"Code block title without code group","2024-07-16T04:42:13Z","https://github.com/vuejs/vitepress/issues/4027",0.7270099,{"description":3233,"labels":3234,"number":3236,"owner":3155,"repository":3156,"state":3200,"title":3237,"updated_at":3238,"url":3239,"score":3240},"### Describe the bug\n\nnot a bug, but not sure how to do this! thanks\n\n### Reproduction\n\nthe title shows as \"Title | Title\" on home\n\n### Expected behavior\n\njust show \"Title\"\n\n### System Info\n\n```sh\nnpx envinfo --system --npmPackages vitepress --binaries --browsers\r\n\r\n\r\nNeed to install the following packages:\r\n envinfo@7.10.0\r\nOk to proceed? (y) y\r\n\r\n System:\r\n OS: macOS 13.4.1\r\n CPU: (8) arm64 Apple M2\r\n Memory: 111.17 MB / 24.00 GB\r\n Shell: 5.9 - /bin/zsh\r\n Binaries:\r\n Node: 20.4.0 - /opt/homebrew/bin/node\r\n Yarn: 1.22.19 - /opt/homebrew/bin/yarn\r\n npm: 9.7.2 - /opt/homebrew/bin/npm\r\n pnpm: 8.6.5 - ~/.nvm/versions/node/v16.15.1/bin/pnpm\r\n Browsers:\r\n Brave Browser: 114.1.52.130\r\n Safari: 16.5.2\r\n npmPackages:\r\n vitepress: 1.0.0-beta.7 => 1.0.0-beta.7\n```\n\n\n### Additional context\n\n_No response_\n\n### Validations\n\n- [X] Check if you're on the [latest VitePress version](https://github.com/vuejs/vitepress/releases/latest).\n- [X] Follow our [Code of Conduct](https://vuejs.org/about/coc.html)\n- [X] Read the [docs](https://vitepress.dev).\n- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.",[3235],{"name":3217,"color":3218},2729,"how to make the title show just \"Title\" on home instead of \"Title | Title\"","2023-08-12T00:04:41Z","https://github.com/vuejs/vitepress/issues/2729",0.73449415,{"description":3242,"labels":3243,"number":3244,"owner":3155,"repository":3156,"state":3200,"title":3245,"updated_at":3246,"url":3247,"score":3248},"### Is your feature request related to a problem? Please describe.\n\nThe text goes behind the header when JS is turned off:\r\n\r\n\n\n### Describe the solution you'd like\n\nThis styling should be done using vanilla CSS\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.",[],2679,"Avoid JS for theming header","2023-08-11T00:04:35Z","https://github.com/vuejs/vitepress/issues/2679",0.73596835,["Reactive",3250],{},["Set"],["ShallowReactive",3253],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$flhtIoiPcW8sedTNiOhI7iQ4iNN9npG0s6ixwtnY6v30":-1},"/vuejs/vitepress/1197"]