从零开始建立个人博客(终):网页测试

Hello World!

Blog Test

从零开始建立个人博客系列至此完结

在实现公式支持时,替换默认Markdown解析引擎后出现了很多格式上的问题,因此本文便用于集中测试博客对于文字布局、图片插入、公式、音视频的支持情况。

彩色Emoji显示
😂 😃 😅 😊 🙂 😋
😈 😒 😷 😏 😱 😴
😖 😗 😘 😙 😚 😍
😡 😭 😠 🤣 😆 😖

中英文引号
It’s a ‘bug’.
“缺陷”

代码与文本字号
文本与代码大区别
Font Size of Code

配色选择
WhiteSmoke轻烟
Gainsboro淡灰
MintCream薄荷奶油
Honeydew蜜瓜绿
AliceBlue爱丽丝蓝
lavender薰衣草紫
Cornsilk玉米须黄

SteelBlue钢青
LightSeaGreen浅海绿
DeepSkyBlue深天蓝

字体颜色背景颜色效果测试

右对齐文本块

在春天或者在梦里,
我曾遇到你;

一切都在飞快地旋转,
只有你静静地微笑。

对凡事都耐心点
最重要的,对自己也耐心点

公式显示

f(n)={n2,if n is even3n+1,if n is oddf(n) =\begin{cases} \frac{n}{2}, & \text{if } n\text{ is even}\\ 3n+1, & \text{if } n\text{ is odd} \end{cases}

图片文件名含有空格
![Wechat](/images/wechat pay.jpg)

图片标签

音频标签

alpayer插件

:aplayer与PJAX不兼容,暂不使用。

音频iframe

视频iframe

16:9

4:3

注意:Bibili的视频即使是16:9也需要按设置4:3的比例设置,否则视频左右两边有黑边