该文章会测试各种后续修改,包括基础字体,各种后续添加适配的shortcodes: 如 alert、视频、widget ,包括字体渲染,视频渲染,iframe渲染,以及相关的一些其他修改, 同时文章由于引入了大量的js,导致一些功能的渲染速度会下降,这也是我们需要测试的地方,包括找到加载的瓶颈;

Extend ShortCodes

sidenote

abc

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

def Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Timeline

2023-10-01
节日
国庆节
祖国生日快乐
2024-01-01
节日&计划
元旦节
上北京er

Chat

metisy   2024-11-25 19:31
这是左边的消息内容。
2024-11-25 19:32   aikenh
这是右边的消息内容,测试长长长长长长长长长长长长长长长长长长长长长长长长度。

quota-center

十里青山远,潮平路带沙
数声啼鸟怨年华
又是凄凉时候,在天涯
白露收残月,清风散晓霞
绿杨堤畔问荷花
记得年时沽酒,那人家

quota

十里青山远,潮平路带沙。数声啼鸟怨年华。又是凄凉时候,在天涯。白露收残月,清风散晓霞。绿杨堤畔问荷花。记得年时沽酒,那人家。

simple-notice

十里青山远,潮平路带沙。数声啼鸟怨年华。又是凄凉时候,在天涯。白露收残月,清风散晓霞。绿杨堤畔问荷花。记得年时沽酒,那人家。

十里青山远,潮平路带沙。数声啼鸟怨年华。又是凄凉时候,在天涯。白露收残月,清风散晓霞。绿杨堤畔问荷花。记得年时沽酒,那人家。

十里青山远,潮平路带沙。数声啼鸟怨年华。又是凄凉时候,在天涯。白露收残月,清风散晓霞。绿杨堤畔问荷花。记得年时沽酒,那人家。

notice

十里青山远,潮平路带沙。数声啼鸟怨年华。又是凄凉时候,在天涯。白露收残月,清风散晓霞。绿杨堤畔问荷花。记得年时沽酒,那人家。

github widget

A program used in estimating organic carbon stocks in oceans. 计算指定海域的有机碳存量,包括颗粒有机碳与溶解有机碳,数据依赖于 NASA 中分辨率成像光谱仪 MODIS 遥感产品。
MATLAB

align

文字居左

文字居中

文字居右

Video Function

bilibili

BV12NpBeYErP

Markdown Function Expand Support

pangujs

这是一段测试pangu之白的article,看看渲染出来的效果如何

Alert Block

接下来测试各个关键词的渲染效果并进行调整, 首先就是 Note

Note

test note block’s style.

其次是:important

Important

重要内容

接着是:tip

Tip

这是一些提示内容

再次是 warning

Warning

这是一些告警内容

最后是caution

Caution

重要内容

然后测试一个自己添加的

Summary

总结

mermaid

mermaid 的跟随主题切换更改渲染的方式一直不work,暂时使用black theme加渲染的方式做处理。

flowchart LR

G[工作强度]
G --> A
G --> C
G --> E
A["主动"策略] --> B[卷,按照表现辞退, 工作时间长,薪资构成=基本工资+基金表现*贡献Rate]
C["被动"跟踪] --> D[WLB, 固定工资,晋升->管理]
E["混合"] --> F[介于两者之间,薪资与公司表现挂钩]
  

下面给出一个官方的不同实例来看不同的模式下的不同渲染情况

sequenceDiagram
    participant Alice
    participant Bob
    Alice->>John: Hello John, how are you?
    loop Healthcheck
        John->>John: Fight against hypochondria
    end
    Note right of John: Rational thoughts <br/>prevail!
    John-->>Alice: Great!
    John->>Bob: How about you?
    Bob-->>John: Jolly good!
  

最后再来一个常规的流程图,或者说是概率图

---
title: Action Distrubution based on Feature
---
flowchart LR

A[DragonBeenAtkBySomeone] --> B1[Value 1] 
B1 -- 60% --> C[Atk Target is Dragon]
B1 -- 40% --> D[Other Action]

A --> B2[Value 0] --> E[All Action Possible]
  

Default ShortCodes

gist

https://www.andbible.com/post/hugo-content-management-shortcodes/

youtube

twitter

ins

View this post on Instagram

FI