在 Hugo 的 Markdown 里直接使用 HTML

Dec 05, 2019 • 预计阅读时间 1 分钟

hugo 在处理 Markdown 文档的时候会忽略里面的 HTML 代码,如果想在 Markdown 里嵌入 HTML 代码,可以使用 hugo 的 shortcode 来实现。

layouts/shortcodes 里新建一个 raw.html 文件,如果路径不存在可以用命令 mkdir -p layouts/shortcodes 创建。

raw.html 的内容很简单,只有一行:

{{ .Inner }}

使用 shortcode

shortcode 的名字就是文件名称,刚才已经创建好了一个名称为 raw 的 shortcode。

在 Markdown 里使用这个 shortcode 插入一段 HTML 代码。

把 HTML 代码放在 {{<raw>}}{{</raw>}} 之间就行:

{{<raw>}}
  <p align="center">
    <img src="https://raw.githubusercontent.com/Instagram/IGListKit/master/Resources/logo-animation.gif" width=400 />
  </p>

  <p align="center">
      <a href="https://travis-ci.org/Instagram/IGListKit">
          <img src="https://travis-ci.org/Instagram/IGListKit.svg?branch=master&style=flat"
              alt="Build Status">
      </a>
      <a href="https://coveralls.io/github/Instagram/IGListKit?branch=master">
        <img src="https://coveralls.io/repos/github/Instagram/IGListKit/badge.svg?branch=master"
            alt="Coverage Status" />
      </a>
      <a href="https://cocoapods.org/pods/IGListKit">
          <img src="https://img.shields.io/cocoapods/v/IGListKit.svg?style=flat"
              alt="Pods Version">
      </a>
      <a href="https://instagram.github.io/IGListKit/">
          <img src="https://img.shields.io/cocoapods/p/IGListKit.svg?style=flat"
              alt="Platforms">
      </a>
      <a href="https://github.com/Carthage/Carthage">
          <img src="https://img.shields.io/badge/Carthage-compatible-brightgreen.svg?style=flat"
              alt="Carthage Compatible">
      </a>
  </p>
{{</raw>}}
Hugo

在 iOS 里使用 Flexbox 布局

在 swift 里扩展 UIColor 使用十六进制颜色值

comments powered by Disqus