Markdown Style Display 效果展示

注:本文内容仅用于展示主题效果。

文本 Text

普通文本,加粗文本斜体文本下划线删除线高亮注释文本,脚注 [1]

段落 Paragraph

Hexo 是一个快速、简洁且高效的博客框架,使用 Markdown(或其他标记语言)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

Hexo is a fast, simple and powerful blog framework. You write posts in Markdown (or other markup languages) and Hexo generates static files with a beautiful theme in seconds.

点击进入 Hexo 官网查看文档。

列表 List

无序列表 Unordered List

  • 超快速度
    Node.js 所带来的超快生成速度,让上百个页面在几秒内瞬间完成渲染。
  • 支持 Markdown
    Hexo 支持 GitHub Flavored Markdown 的所有功能,甚至可以整合 Octopress 的大多数插件。
  • 插件和可扩展性
    • 强大的 API 带来无限的可能
      • 与数种模板引擎(EJS,Pug,Nunjucks)和工具(Babel,PostCSS,Less/Sass)轻易集成
  • 一键部署
    只需一条指令即可部署到 GitHub Pages, Heroku 或其他平台。

有序列表 Ordered List

  1. 一只橘猫
  2. 两只橘猫
  3. 三只橘猫

任务列表 Task List

图片 Image

图片位置居中,自动根据屏幕大小进行缩放,还可以配置是否显示图片标题。

Meow 主题使用了 ViewImageVanilla-LazyLoad 做图片 ViewBox 和懒加载,并且添加了图片模糊过渡特效。

网王像素同人画
网王像素同人画

引用块 Blockquote

道别,就是死亡一点点。/ To Say Goodbye Is To Die A Little.
—— 雷蒙德・钱德勒 Raymond Chandler,漫长的告别 The Long Goodbye

分隔线 Horizontal Rule

可以自定义图标(emoji 表情),且鼠标悬停时有动画效果。


代码

代码块

使用 Hexo 自带的 highlight.js 进行语法高亮,可以显示代码块所指定的语言,整体是 Mac 风格。

Meow 主题目前内置 4 种高亮主题(浅色模式与深色模式各 2 种),可在主题配置文件中更改。

鼠标悬停时,代码块右上角会显现折叠与复制按钮;代码内容过长时可以自动显示垂直滚动条。

示例标题
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
@font-face {
font-family: Chunkfive; src: url('Chunkfive.otf');
}

body, .usertext {
color: #F0F0F0; background: #600;
font-family: Chunkfive, sans;
--heading-1: 30px/32px Helvetica, sans-serif;
}

@import url(print.css);
@media print {
a[href^=http]::after {
content: attr(href)
}
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
function $initHighlight(block, cls) {
try {
if (cls.search(/\bno\-highlight\b/) != -1)
return process(block, true, 0x0F) +
` class="${cls}"`;
} catch (e) {
/* handle exception */
}
for (var i = 0 / 2; i < classes.length; i++) {
if (checkCondition(classes[i]) === undefined)
console.log('undefined');
}

return (
<div>
<web-component>{block}</web-component>
</div>
)
}
1
2
3
4
5
6
7
8
9
10
11
12
[
{
"title": "apples",
"count": [12000, 20000],
"description": {"text": "...", "sensitive": false}
},
{
"title": "oranges",
"count": [17500, null],
"description": {"text": "...", "sensitive": false}
}
]

行内代码

Meow 使用 PugStylus 进行渲染。

P.S. 行内代码Ctrl 等 kbd 按键样式不同。

表格

编号 类型 描述
1 中式 川菜、鲁菜、闽菜、粤菜、苏菜、浙菜、湘菜、徽菜、淮扬菜、豫菜、晋菜、鄂菜、云南菜、北京菜、东北菜、西北菜、贵州菜、上海菜、新疆菜、客家菜、台湾美食、香港美食、澳门美食、赣菜
2 外国 日本料理、韩国料理、泰国菜、印度菜、法国菜、意大利菜、西班牙菜、英国菜、越南菜、墨西哥菜

折叠块

这里折叠了一部分内容

使用折叠块标签插件生成。

折叠区域内可以是任意内容。

  • 也可以是列表

  • 列表项 2

折叠块中的图片不会进入 ImageViewBox 中,亦即只能在展开折叠块时可以被看见。




以下内容用于展示各级标题效果,摘抄自百度百科。

美食,顾名思义就是美味的食物,贵的有山珍海味,便宜的有街边小吃。其实美食是不分贵贱的,只要是自己喜欢的,都可以称之为美食。中国素有 “烹饪王国” 这个美誉。在中国这个大家庭里,有五十六个小家庭,每个家庭都有自己的特色美食。美食吃前有期待、吃后有回味,享受美食也要看场合,场合好美食吃起来才有味道。世界各地美食文化博大精深,营养物质各不相同,品味更多美食,享受更多健康,也让人吃得更加开心。

美食不仅仅是餐桌上的食物。还包括休闲零食、各种饼干、糕点、糖类,蜜饯、干果、肉制食品、茶饮冲泡等制品,各有各的风味,都可称之为美食。

中国美食

在中国传统文化教育中的阴阳五行哲学思想、儒家伦理道德观念、中医营养养生学说,还有文化艺术成就、饮食审美风尚、民族性格特征等诸多因素的影响下,劳动人民创造出彪炳史册的中国烹饪技艺,形成博大精深的中国饮食文化。

从历史沿革看,最早可追溯到商朝末年太公望时期 “别名:姜子牙”,中国饮食文化绵延 3100 多年,分为生食、熟食、药膳养生、自然烹饪、科学烹饪 5 个发展阶段,推出 6 万多种传统菜点、2 万多种工业食品、五光十色的筵宴和流光溢彩的风味流派,获得 “烹饪王国” 的美誉。

中式菜系:川菜、鲁菜、闽菜、粤菜、苏菜、浙菜、湘菜、徽菜、淮扬菜、豫菜、晋菜、鄂菜、云南菜、北京菜、东北菜、西北菜、贵州菜、上海菜、新疆菜、客家菜、台湾美食、香港美食、澳门美食、赣菜

粤菜

粤菜即广东菜,是中国四大菜系、八大菜系之一。粤菜包括广府菜(即广州府菜)、潮州菜(又称潮汕菜)、东江菜(又称客家菜)、粤西菜。主打粤菜的澳门、顺德和潮州三市是联合国评定的 “世界美食之都”。

广府菜

广州菜又称广府菜(即广州府菜),是粤菜的代表,源自中原,取百家之长,烹调技艺多样善变,是中国传统饮食文化最重要的流派之一,狭义上的粤菜指广府菜(即广州府菜),此处广州府含顺德 、南海、番禺,通行于以广州为中心的珠江三角洲、香港、澳门等地。

广府菜集南海菜、番禺菜、东莞菜、顺德菜、中山菜、五邑菜、深圳宝安等地方风味的特色,兼京、苏、扬、杭等外省菜以及西菜之所长,融为一体,自成一家。以炒、爆为主,兼有烩、煎、烤,讲究清而不淡,鲜而不俗,嫩而不生,油而不腻,有 “五滋”(香、松、软、肥、浓)、“六味”(酸、甜、苦、辣、咸、鲜)之说,讲究菜的气势、档次。具有选料严格、做工精细、中西结合、质鲜味美、养生保健等特点。

白切鸡

白斩鸡又叫白切鸡、三黄油鸡,是一道中华民族特色菜肴,起源于广东,是一道经典的粤菜,因烹鸡时不加调味白煮而成,食用时随吃随斩,故称 “白斩鸡”。

白斩鸡形状美观,皮黄肉白,肥嫩鲜美,滋味异常鲜美,十分可口,肉色洁白皮带黄油,具有葱油香味,葱段打花镶边,食时佐以姜蓉、蒜泥、酱油,保持了鸡肉的鲜美、原汁原味,食之别有风味。

蘸料

传统姜葱蓉(粤式经典)‌‌:生姜与葱白按 3:7 或 2:1 比例切末,淋 180℃热花生油激发香味,加盐、少量白糖或盐焗鸡粉调味。

‌关键‌:油温需精准(过高易苦,过低香气不足),姜需磨成茸并挤掉多余汁水以减少辛辣。


  1. 这是脚注 1。 ↩︎

喜欢这篇作品的话,奖励一下我吧~
💗感谢你的喜欢与支持!
微信
支付宝
致谢名单
本作品由 小橘猫 于 2025-06-24 21:58:39 发布
作品地址:Markdown Style Display 效果展示
除特别声明外,本站作品均采用 CC BY-NC-SA 4.0 许可协议,转载请注明来自 MEOW