Feature: meta description setting (#4513)

3 weeks ago · a158866ca1
parent 4f27ffbe2d
commit a158866ca1
3 changed files with 15 additions and 4 deletions
--- a/docs/configs/settings.md
+++ b/docs/configs/settings.md
@ -13,6 +13,14 @@ You can customize the title of the page if you'd like.
 title: My Awesome Homepage
 ```

+## Description
+
+You can customize the description of the page if you'd like.
+
+```yaml
+description: A description of my awesome homepage
+```
+
 ## Start URL

 You can customize the start_url as required for installable apps. The default is "/".
--- a/src/pages/_document.jsx
+++ b/src/pages/_document.jsx
@ -4,10 +4,6 @@ export default function Document() {
  return (
    <Html>
      <Head>
-        <meta
-          name="description"
-          content="A highly customizable homepage (or startpage / application dashboard) with Docker and service API integrations."
-        />
        <meta name="mobile-web-app-capable" content="yes" />
        <link rel="manifest" href="/site.webmanifest?v=4" crossOrigin="use-credentials" />
        <link rel="preload" href="/api/config/custom.css" as="style" />
--- a/src/pages/index.jsx
+++ b/src/pages/index.jsx
@ -359,6 +359,13 @@ function Home({ initialSettings }) {
    <>
      <Head>
        <title>{initialSettings.title || "Homepage"}</title>
+        <meta
+          name="description"
+          content={
+            initialSettings.description ||
+            "A highly customizable homepage (or startpage / application dashboard) with Docker and service API integrations."
+          }
+        />
        {settings.base && <base href={settings.base} />}
        {settings.favicon ? (
          <>