Merge pull request #3 from SantaSpeen/main

Update v1

.env.example

@@ -2,14 +2,12 @@ ALGOLIA_APP_ID=
 ALGOLIA_API_KEY=
 ALGOLIA_INDEX_NAME=
 
-GISCUS_DISCUSSION_CATEGORY=
-GISCUS_DISCUSSION_CATEGORY_ID=
-GISCUS_PROJECT_ID=
-
-GOOGLE_ANALYTICS_TAG_ID=
-
-ORGANIZATION_NAME=
-REPOSITORY_NAME=
+COUNTER_GOOGLE=
+COUNTER_YANDEX=
 
+SITE_URL=
 SITE_TITLE=
-SITE_URL=
+SITE_ORANIZATION_NAME=
+SITE_PROJECT_NAME=
+
+# GISCUS settings in /src/theme/BlogPostItem.jsx

blog/blog-setup/index.md

@@ -150,7 +150,7 @@ sudo certbot --nginx
 Давайте начнем с загрузки необходимых файлов для вашего блога. Вы можете воспользоваться командой git clone для получения исходного кода блога:
 
 ```bash
-git clone https://github.com/SantaSpeen/santaspeen.ru-blog.git
+git clone https://github.com/SantaSpeen/santaspeen.ru-blog.git -b v1-ready
 ```
 
 ### Установка зависимостей

docs/intro.md

@@ -4,7 +4,7 @@ sidebar_position: 1
 
 # Мои заметки
 
-Мои заметки с Obsidian в формате документации по категориям
+Мои заметки в формате документации по категориям
 
 Здесь можно найти:
 
@@ -15,13 +15,3 @@ sidebar_position: 1
 - ❓ Вопросы и ответы
 - 📂 И прочие записи которые я зачем-то решил сохранить
 
-<br></br>
-<br></br>
-
-:::tip
-
-Некоторые категории не стал выносить в основное меню и находяться в **[Misc](/docs/category/misc)** 
-
-Еще проще, что-то найти, воспользоваться кнопкой поиска
-
-:::

docusaurus.config.js

@@ -8,15 +8,14 @@ const darkTheme = themes.dracula;
 
 /** @type {import('@docusaurus/types').Config} */
 const config = {
-  title: 'SantaSpeen',
+  title: process.env.SITE_TITLE,
   tagline: 'Personal Blog',
   favicon: 'img/favicon.ico',
-  url: 'https://santaspeen.ru',
+  url: process.env.SITE_URL,
   baseUrl: '/',
-  organizationName: 'santaspeen',
-  projectName: 'santaspeen.ru',
+  organizationName: process.env.SITE_ORANIZATION_NAME,
+  projectName: process.env.SITE_PROJECT_NAME,
   trailingSlash: false,
-  deploymentBranch: 'gh-pages',
   onBrokenLinks: 'throw',
   onBrokenMarkdownLinks: 'warn',
   i18n: {
@@ -51,10 +50,10 @@ const config = {
             },
           },
         },
-        // gtag: {
-        //   trackingID: process.env.GOOGLE_ANALYTICS_TAG_ID,
-        //   anonymizeIP: true,
-        // },
+        gtag: {
+          trackingID: process.env.COUNTER_GOOGLE,
+          anonymizeIP: true,
+        },
         theme: {
           customCss: require.resolve('./src/css/custom.css'),
         },
@@ -92,12 +91,6 @@ const config = {
         style: 'dark',
         copyright: `Copyright © ${new Date().getFullYear()} SantaSpeen`,
       },
-      // algolia: {
-      //   appId: process.env.ALGOLIA_APP_ID,
-      //   apiKey: process.env.ALGOLIA_API_KEY,
-      //   indexName: process.env.ALGOLIA_INDEX_NAME,
-      //   searchParameters: {},
-      // },
       prism: {
         additionalLanguages: ['bash', 'diff', 'json'],
         darkTheme: darkTheme,
@@ -108,6 +101,12 @@ const config = {
         disableSwitch: false,
         respectPrefersColorScheme: false,
       },
+      algolia: {
+        appId: process.env.ALGOLIA_APP_ID,
+        apiKey: process.env.ALGOLIA_API_KEY,
+        indexName: process.env.ALGOLIA_INDEX_NAME,
+        searchParameters: {},
+      },
     }),
   plugins: [
     [
@@ -115,6 +114,9 @@ const config = {
       /** @type {import('docusaurus-plugin-sass').Options} */
       {}
     ],
+    ['docusaurus-plugin-yandex-metrica', {
+      counterID: process.env.COUNTER_YANDEX,
+    }],
   ]
 };
 

package.json

@@ -27,6 +27,7 @@
     "@svgr/webpack": "8.0.1",
     "clsx": "^1.2.1",
     "docusaurus-plugin-sass": "^0.2.3",
+    "docusaurus-plugin-yandex-metrica": "^1.1.0",
     "file-loader": "6.2.0",
     "prism-react-renderer": "^2.1.0",
     "react": "^18.2.0",

src/theme/BlogPostItem.tsx

@@ -5,19 +5,26 @@ import Giscus from "@giscus/react";
 
 export default function BlogPostItemWrapper(props) {
   const { isBlogPostPage } = useBlogPost();
+  
   if (!isBlogPostPage) {
     return <BlogPostItem {...props} />;
   }
+  
+  const repo = "SantaSpeen/santaspeen.ru-blog"
+  const repoId = "R_kgDOK6Fd_Q"
+  const category = "General"
+  const categoryId = "DIC_kwDOK6Fd_c4Cbwpe"
+
   return (
     <>
       <BlogPostItem {...props} />
       {(
         <div className="docusaurus-blog-comments">
           <Giscus
-            repo="SantaSpeen/santaspeen.ru-blog"
-            repoId="R_kgDOK6Fd_Q"
-            category="General"
-            categoryId="DIC_kwDOK6Fd_c4Cbwpe"
+            repo={repo}
+            repoId={repoId}
+            category={category}
+            categoryId={categoryId}
             mapping="pathname"
             reactionsEnabled="1"
             emitMetadata="0"
@@ -30,4 +37,4 @@ export default function BlogPostItemWrapper(props) {
       )}
     </>
   );
-}
+}