improve: blog enhancements - sitemap, syntax highlighting, table styling (#176)

* fix: remove manual sitemap and use jekyll-sitemap plugin

* style: replace syntax highlight css with native theme

* style: add left-aligned table styling

* style: switch syntax highlighting to highlight.js stackoverflow-dark theme

- Disable Rouge (fix krandown typo -> kramdown, set syntax_highlighter: null)
- Add highlight.js 11.11.1 via CDN with hljs.highlightAll()
- Replace syntax-native.css with stackoverflow-dark theme

* chore: remove css backup

Author: chhanz

_config.yml

@@ -16,9 +16,9 @@ excerpt_separator: <!--more-->
 
 markdown: kramdown
 
-krandown:
+kramdown:
   input: GFM
-  highlighter: rouge
+  syntax_highlighter: null
 
 plugins:
   - jekyll-paginate

_includes/head.html

@@ -63,7 +63,7 @@
 <!--link href="{{ site.asset_url }}/apple-touch-icon.png" rel="apple-touch-icon" type="image/png"/-->
 <!--link href="{{ site.asset_url }}/apple-touch-icon.png" rel="apple-touch-icon-precomposed" type="image/png"/-->
 <link href="{{ site.asset_url }}/lib/normalize.css" rel="stylesheet" type="text/css"/>
-<link href="{{ site.asset_url }}/css/syntax-one-dark-vivid.css" rel="stylesheet" type="text/css"/>
+<link href="{{ site.asset_url }}/css/syntax-stackoverflow-dark.css" rel="stylesheet" type="text/css"/>
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="//fonts.googleapis.com/earlyaccess/notosanskr.css" rel="stylesheet" type="text/css" media="print" onload="this.media='all'"/>

_layouts/default.html

@@ -26,6 +26,8 @@
 <script src="{{ site.asset_url }}/js/index.js"></script>
 <script src="{{ site.asset_url }}/js/dark-mode.js"></script>
 <script src="{{ site.asset_url }}/js/enhancements.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/highlight.min.js"></script>
+<script>hljs.highlightAll();</script>
 
 {% if page.layout != 'home' %}