use vercel

exampleSite/config.toml

@@ -1,30 +1,31 @@
-baseURL = "http://example.org"
+baseURL = "http://h.xjj.pub"
 languageCode = "en-us"
 title = "Hi Folks"
 copyright = "© Copyright notice"
 theme = "minima"
 paginate = 5
 googleAnalytics = ""
-disqusShortname = ""
+disqusShortname = "hugo-minima"
 
 [author]
 name = "XJJ"
 slogon = "A student and web developer from Earth 🌍"
 description = "This is Minima, a clean and minimal Hugo theme porting from Minima on Hexo. It not only inherits everything from Hexo Minima like dark/light mode but intgrated KaTeX and some taxonomies like categories, series and tags. I created this from scratch using pure CSS and Vanilla JS without using unnecessary development packs! 😁"
 
+
 [params]
 subtitle = ""
 recent_posts = 5
 
 [[params.social]]
 name = "github"  
-url = ""
+url = "https://github.com/mivinci"
 [[params.social]]
 name = "linkedin"
-url = ""
+url = "https://linkedin/in/leonard-mivinci-63895317a"
 [[params.social]]
 name = "twitter"
-url = ""
+url = "https://twitter.com/Leonard14733745"
 [[params.social]]
 name = "rss"
 url = "/index.xml"
@@ -53,7 +54,7 @@ category = "categories"
 tag = "tags"
 series = "series"
 
-# Better not edit this
+
 [markup.highlight]
 lineNos = true
 noClasses = false

exampleSite/content/emoji-support.md

@@ -3,9 +3,7 @@ author = "Hugo Authors"
 title = "Emoji Support"
 date = "2021-07-18T10:52:59+08:00"
 description = "Guide to emoji usage in Hugo"
-tags = [
-    "emoji",
-]
+comment = true
 +++
 
 Emoji can be enabled in a Hugo project in a number of ways. 

layouts/_default/single.html

@@ -17,7 +17,7 @@
 {{ if or .Params.math .Site.Params.math }}
 {{ partial "math.html" . }}
 {{ end }}
-{{ if .Params.disqus }}
+{{ if .Params.comment }}
 {{ partial "disqus.html" . }}
 {{ end }}
 {{ end }}

layouts/partials/disqus.html

@@ -1,4 +1,4 @@
-<div id="disqus_thread"></div>
+<div id="disqus_thread" class="mt-2"></div>
 <script type="text/javascript">
   (function () {
     // Don't ever inject Disqus on localhost--it creates unwanted

layouts/partials/head.html

@@ -20,10 +20,10 @@
   <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&display=swap"
     rel="stylesheet">
   <link rel="stylesheet" href="https://unpkg.com/normalize.css">
-  <link rel="stylesheet" type="text/css" media="screen" href="{{ .Site.BaseURL }}/css/main.css" />
-  <link rel="stylesheet" type="text/css" media="screen" href="{{ .Site.BaseURL }}/css/md.css" />
-  <link rel="stylesheet" type="text/css" media="screen" href="{{ .Site.BaseURL }}/css/syntax.css" />
-  <script src="{{ .Site.BaseURL  }}/js/main.js"></script>
+  <link rel="stylesheet" type="text/css" media="screen" href="/css/main.css" />
+  <link rel="stylesheet" type="text/css" media="screen" href="/css/md.css" />
+  <link rel="stylesheet" type="text/css" media="screen" href="/css/syntax.css" />
+  <script src="/js/main.js"></script>
 </head>
 <script>
   try {

static/css/main.css

@@ -101,14 +101,17 @@ main {
 
 .gap-1 {
   gap: 1rem;
+  row-gap: 1rem;
 }
 
 .gap-2 {
   gap: 2rem;
+  row-gap: 2rem;
 }
 
 .gap-3 {
   gap: 3rem;
+  row-gap: 3rem;
 }
 
 .lg-1 {
@@ -182,6 +185,7 @@ main {
     flex-direction: column;
     align-items: flex-start;
     gap: 0;
+    row-gap: 0;
   }
 
   .al-c-mob {