brew install hugo

$ choco install hugo -confirm

$ snap install hugo

baseurl: https://sdl.moe 
languageCode: zh-cn
theme: hugo-theme-stack
paginate: 5 # 每页显示多少文章
title: SDLMoe

# Set hasCJKLanguage to true if DefaultContentLanguage is in [zh-cn ja ko]
# This will make .Summary and .WordCount behave correctly for CJK languages.
hasCJKLanguage: true

permalinks:
    post: /post/:filename/
    page: /:filename/

# 下面是 Stack 主题的参数

params:
    mainSections:
        - post
    featuredImageField: image
    rssFullContent: true # RSS 是否开启全内容 / false 则为只有摘要
    favicon: img/sdl-logo-white-cir.webp # 浏览器 Tab 页的网站图标

    article:
        math: false # 这里关闭是因为我们使用的是 MathJax
        toc: true # TOC 默认开启
        readingTime: true
        license:
            enabled: true
            default: '<a href="https://creativecommons.org/licenses/by-sa/4.0/deed.zh" rel="nofollow noopener">CC BY-SA 4.0</a>'

    imageProcessing:
        cover:
            enabled: true
        content:
            enabled: true

### Custom menu
### See https://docs.stack.jimmycai.com/configuration/custom-menu.html
### To remove about, archive and search page menu item, remove `menu` field from their FrontMatter
menu:
    main:
        - identifier: home
          name: Home
          url: /
          weight: -100
          params:
              newTab: false
              icon: home

        - identifier: categories
          name: Categories
          url: /categories
          weight: -85
          params:
              newTab: false
              icon: layout-grid

        - identifier: rss
          name: RSS Feed
          url: /index.xml
          weight: -10
          params:
              newTab: true
              icon: rss

    social:
        - identifier: github
          name: GitHub
          url: https://github.com/SDLMoe
          params:
              newTab: true
              icon: brand-github

related:
    includeNewer: true
    threshold: 60
    toLower: false
    indices:
        - name: tags
          weight: 100

        - name: categories
          weight: 200

markup: # **Markup Section 非常重要**
    defaultMarkdownHandler: pandoc # 选择 Pandoc
    pandoc:
        preserveTOC: false # 此选项开启则不会剔除掉 Pandoc 自己生成在文章中的 TOC，关闭则只显示 Sidebar TOC
    tableOfContents:
        endLevel: 5 # 从 5 结束
        ordered: true
        startLevel: 2 # 从 2 开始
    highlight: # 代码高亮配置，对 Pandoc 而言似乎是没用的。稍后会提到如何使代码高亮
        anchorLineNos: false
        codeFences: true
        guessSyntax: false
        hl_Lines: ""
        lineAnchors: ""
        lineNoStart: 1
        lineNos: true
        lineNumbersInTable: true
        noClasses: true
        style: dracula
        tabWidth: 4


# 使用下面的配置才能使得 Pandoc 渲染 Blog 文章

security:
  enableInlineShortcodes: false
  exec:
    allow: ['^dart-sass-embedded$', '^go$', '^npx$', '^postcss$', '^p']
    osEnv: ['(?i)^(PATH|PATHEXT|APPDATA|TMP|TEMP|TERM)$']

title: "如何优雅的从 Hexo 转移 Blog 到 Hugo"
date: 2022-02-17T14:47:22+08:00
lastmod: 

author: WetABQ
description: '详细记录了本 Blog 从 Hexo 迁移至 Hugo 的过程。'
tags: [Hugo, Hexo, WetABQ]
categories: Blog
image: index/hexohugo.webp

license: true
toc: true
comments: true
mathjax: true
print_background: true
puppeteer:
  timeout: 1000

<script>
  MathJax = {
    tex: {
      inlineMath: [['$', '$'], ['\\(', '\\)']],
      displayMath: [['$$','$$'], ['\\[', '\\]']],
      processEscapes: true,
      processEnvironments: true
    },
    options: {
      skipHtmlTags: ['script', 'noscript', 'style', 'textarea', 'pre']
    }
  };

  window.addEventListener('load', (event) => {
      document.querySelectorAll("mjx-container").forEach(function(x){
        x.parentElement.classList += 'has-jax'})
    });

</script>
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script type="text/javascript" id="MathJax-script" async
  src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>

{{ if .Params.mathjax }}{{ partial "mathjax.html" . }}{{ end }}

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.4.0/styles/base16/darcula.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.4.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>

--code-background-color: rgba(0, 0, 0, 0.8);
--code-text-color: #ffffff;

--code-background-color: #4c4c4c;
--code-text-color: #dddddd;

if (paragraph != null) {
  if (paragraph.textContent.trim() == '') {
      /// Once we insert figcaption, this check no longer works
      /// So we add a class to paragraph to mark it
      paragraph.classList.add('no-text');
  }
  
  let isNewLineImage = paragraph.classList.contains('no-text');
  if (!isNewLineImage) continue;
}

&.has-image {
  .article-details {
      padding: 20px;
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.75) 100%);
  }
}

{{ with $link.image }}
    <div class="article-image">
        <img src="{{ . }}" style="border-radius: 50%;" loading="lazy">
    </div>
{{ end }}

<img src="{{ $Permalink }}" 
      width="{{ $Width }}"
      height="{{ $Height }}" 
      alt="{{ .Title }}"
      loading="lazy" style="border-radius: 10%;">
{{ else }}
  <img src="{{ $image.permalink }}" loading="lazy" alt="Featured image of post {{ .Title }}" style="border-radius: 10%;" />

.article-content {
    a {
        text-decoration: none;
        color: var(--accent-color);
        box-shadow: 0px -2px 0px rgba(var(--link-background-color), var(--link-background-opacity)) inset;
        transition: all 0.3s ease;

        &:hover {
            color: var(--accent-color-darker);
            box-shadow: 0px -10px 0px rgba(var(--link-background-color), var(--link-background-opacity-hover)) inset;
        }
    }
}