深岩墓室 HTML 生成器及渲染样式测试

1970-01-01, 星期四, 08:00

[x] 支持 $\KaTeX$ ，网站
[x] 支持 mermaid
[x] 支持文章标签（这可是核心功能）
[x] 还算说得过去的表格样式
[x] 使用 Pug 模板引擎生成 HTML
[x] 从 YAML 文件中解析配置
[x] 标签云
[ ] 图像处理，压缩？jpg or WebP？SVG 文件直接嵌入页面
[ ] 从指定文件生成 about.html
[ ] 代码块点击复制
[ ] 支持渲染 TODO List
[ ] 为大图添加「点击查看大图」
[ ] Table of Content
[ ] 效果更好的代码高亮（现在的感觉不是很满意，就去掉了）
[ ] support PlantUML
[ ] 栏目：最近在读什么
[ ] 栏目：照片

一级标题

无可否认，当读者在浏览一个页面的排版时，难免会被可阅读的内容所分散注意力。

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut

二级标题

三级标题

四级标题

五级标题

六级标题

测试水平线

测试各式字符替换（Markdown-It）

Enable typographer option to see result.

test… test… test… test?.. test!..

!!! ??? , – —

“Smartypants, double quotes” and ‘single quotes’

测试斜体以及加粗

加粗文本

倾斜文本

~~删除线~~

测试引用

Blockquotes can also be nested…

…by using additional greater-than signs right next to each other…

…or with spaces between arrows.

Lorem ipsum dolor sit amet

consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

测试无序列表

Create a list by starting a line with +, -, or *
Sub-lists are made by indenting 2 spaces:
- Marker character change forces new list start:
  - Ac tristique libero volutpat at
  - Facilisis in pretium nisl aliquet
  - Nulla volutpat aliquam velit
Very easy!

测试有序列表

Lorem ipsum dolor sit amet
Consectetur adipiscing elit
Integer molestie lorem at massa
You can use sequential numbers…
…or keep all the numbers as 1.

Start numbering with offset:

测试表格

Date-time classes	Java Time API	legacy
Moment in UTC	Java.time.Instant	~~java.util.Date~~ ~~java.sql.Timestamp~~
Moment with offset-from-UTC (HH:mm:ss)	java.time.OffsetDateTime	-
Moment with time zone	java.time.ZonedDateTime	~~java.util.GregorianCalendar~~
Date & Time-of-day (no offset, no time zone) Not a moment	java.time.LocalDateTime	-

Right aligned columns

Option	Description
data	path to data files to supply the data that will be passed into templates.
engine	engine to be used for processing templates. Handlebars is the default.
ext	extension to be used for dest files.

测试代码

console.log('This is a log message')
console.info('This is some information')
console.debug('Outputs a message to the console with the log level debug')
console.error('This is an error')
console.warn('This is a warning')

行内样式使用 console.log(e.message) 展示。

(para "一个 Slideshow 程序长这样")
(code #,(tt "#lang") slideshow
      ... #,(it "code to generate slide content") ...)

Indented code

// Some comments
line 1 of code
line 2 of code
line 3 of code

图片

Show Execution Point ：把光标跳转到程序当前执行的位置
Step Over ：执行到下一行
Step Into ：执行到下一步，如果是方法调用，进入方法内

Step Out ：跳出当前方法。Drop Frame ：丢弃栈顶。Run to Cursor ：执行到光标位置

表达式求值

调试 Java 8 引入的 Stream 运算

超链接

https://extremepresentation.typepad.com/files/choosing-a-good-chart-09.pdf

katex

行间公式效果展示

f(x) = \int_{-\infty}^\infty \hat f(\xi)\,e^{2 \pi i \xi x}

内联公式 $f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi$ 效果展示

mermaid

graph TD A[Client] --> B[Load Balancer] B --> C[Server01] B --> D[Server02]

测试 checkbox

[ ] todo
[x] done

This is HTML abbreviation example.

It converts “HTML”, but keep intact partial entries like “xxxHTMLyyy” and so on.

标题里的公式 $f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi$