added _Ads

quartz/components/_Ads.tsx

@@ -0,0 +1,22 @@
+import { QuartzComponent, QuartzComponentConstructor, QuartzComponentProps } from "./types"
+// @ts-ignore
+import { classNames } from "../util/lang"
+
+const Ads: QuartzComponent = ({ displayClass, fileData }: QuartzComponentProps) => {
+    return (
+      <blockquote className="callout tip" data-callout="tip">
+          <div className="callout-title">
+              <div className="callout-icon"></div>
+              <div className="callout-title-inner"><p>Спонсор поста: VDSina</p></div>
+
+          </div>
+          <div className="callout-content">
+              <p>Хостинг провайдер, которым пользуюсь сам. Сервера на территории РФ и Нидерландов, 2 ТБ трафика на
+                  сервер. И возможность установить свой образ ОС.<br />– – – – –<br />Скидка 10% при регистрации по
+                  ссылке: <a href="https://vdsina.ru/?partner=3yw9q78nd5">https://vdsina.ru/?partner=3yw9q78nd5</a>
+              </p>
+          </div>
+      </blockquote>
+    )
+}
+export default (() => Ads) satisfies QuartzComponentConstructor

quartz/components/index.ts

@@ -20,10 +20,11 @@ import MobileOnly from "./MobileOnly"
 import RecentNotes from "./RecentNotes"
 import Breadcrumbs from "./Breadcrumbs"
 import Comments from "./Comments"
-import Remark from "./Remark"
+import Remark from "./_Remark"
 import ScrollToTop from "./_ScrollToTop"
 import GithubSource from "./_GithubSource"
 import RandomPageButton from "./_RandomPageButton"
+import Ads from "./_Ads"
 
 export {
   ArticleTitle,
@@ -51,5 +52,6 @@ export {
   Remark,
   GithubSource,
   ScrollToTop,
-  RandomPageButton
+  RandomPageButton,
+  Ads
 }