hugo-theme-even/exampleSite/content/post/even-preview.md
olOwOlo c6a71c268b
docs: update example site
release 2.7.0
2017-12-05 20:09:12 +08:00

4.9 KiB

title date lastmod draft tags categories weight comment autoCollapseToc author contentCopyright
Theme preview 2017-08-23T18:03:09+08:00 2017-08-23T18:03:09+08:00 false
preview
Theme preview
tag-3
Theme preview
category-2
category-3
10 false false <a href="https://laozhu.me" rel="noopener" target="_blank">米老朱</a> <a href="https://laozhu.me/post/hugo-nuo-post-preview/" rel="noopener" target="_blank">See origin</a>

Copy from 《Hugo 主题 Nuo 文章样式预览》

这篇文章集中说明主题所支持的 Markdown 语法和 Hugo Shortcodes 插件,你也可以在这里预览到他们的样子。如果你不喜欢某些样式,可以去修改 css/ 文件夹下的 .scss 文件。

1.标题

H1

H2

H3

H4

H5
H6

2. 段落

使用单引号 * 或者单下划线 _ 标记 斜体强调 或者 斜体强调

使用两个引号 ** 或者两个下划线 __ 标记 加粗强调 或者 加粗强调

引号和下划线可叠加使用 → 只是加粗 斜体并加粗

使用两个波浪线 ~~ 标记 已删除文字

插入文字暂无 Markdown 标记,直接使用 HTML 标签 <ins> 标记 插入文字

行内代码使用反引号标记 → print("hello world")

上标 X2 / 下标 X2

按键 Ctrl

外链 chekun's blog

页面内段落 图片

注意:你可以通过 {#section-id} 方式自定义段落锚点

参考资料 [1][2]

3. 列表

以下的无序、有序和任务列表均支持二级嵌套,不建议使用二级以上嵌套。

3.1 无序列表

  • 无序列表
    • 嵌套的无序列表
    • 嵌套的无序列表
  • 无序列表
    1. 嵌套的有序列表
    2. 嵌套的有序列表
  • 无序列表

3.2 有序列表

  1. 有序列表
  2. 嵌套的有序列表
  3. 嵌套的有序列表
  4. 有序列表
  • 嵌套的无序列表
  • 嵌套的无序列表
  1. 有序列表

3.3 定义列表

CSS
层叠样式表

3.4 任务列表

  • Cmd Markdown 开发
    • 改进 Cmd 渲染算法,使用局部渲染技术提高渲染效率
    • 支持以 PDF 格式导出文稿
    • 新增Todo列表功能 语法参考
    • 改进 LaTex 功能
    • 修复 LaTex 公式渲染问题
    • 新增 LaTex 公式编号功能 语法参考
  • 七月旅行准备
    • 准备邮轮上需要携带的物品
    • 浏览日本免税店的物品
    • 购买蓝宝石公主号七月一日的船票

4. 引用

野火烧不尽,春风吹又生。

-- 白居易《赋得古原草送别》

5. 代码

以本站的一段 JavaScript 代码做演示。

// Initialize video.js player
if (document.getElementById('my-player') !== null) {
  /* eslint-disable no-undef */
  videojs('#my-player', {
    aspectRatio: '16:9',
    fluid: true,
  });
}

6. 分割线


中间能写字的分割线,如果你修改了分割线中字的内容,请配合修改 CSS 样式。

7. 图片

不带标题的图片,如下图👇

hugo even showcase

带标题的图片,如下图👇

{{% figure class="center" src="https://raw.githubusercontent.com/olOwOlo/hugo-theme-even/master/images/showcase.png" alt="hugo even showcase" title="showcase.png" %}}

8. 表格

使用 Markdown 画的表格,如下表👇

Tables Are Cool
col 3 is right-aligned $1600
col 2 is centered $12
zebra stripes are neat $1

9. 数学公式

主题使用了 MathJax 开源库来实现对数学公式的支持,使用 $$ 标记。

 evidence\_{i}=\sum\_{j}W\_{ij}x\_{j}+b\_{i} 

10. 网易云音乐

主题文章中可以轻松插入 网易云音乐 的指定音乐,你可以根据需要将音乐设置为自动播放,在主题目录 layouts/shortcodes 文件夹下的 music.html 对该标签进行定义。

{{% music "28196554" %}}

11. YouTube

由于不明原因可能无法播放。

{{% youtube "wC5pJm8RAu4" %}}

参考资料

  1. Markdown Cheatsheet
  2. Markdown 语法手册