这是刘宇写的第一篇博客,作为实验作品。本文于2022-06-06更新。如发现问题或者有建议,欢迎找本人,找不到就没办法了。

1 文本

文本调整无非几个:

  • 字体
  • 字号
  • 颜色
  • 背景色

首先我介绍字体的调整。字体的调整,要考虑到是否存在这类字体,并且在不同的blog中存在不兼容的可能性。在此我建议大家参考谢益辉的方案。以下我举几个例子:

  1. 微软雅黑:刘宇
  2. 宋体:刘宇
  3. 黑体: 刘宇
  4. 楷体: 刘宇

此外我就不再举例。还有字体调整和颜色。 而本个Hugo模板有关于hightext的设定,主要有11类。

Argument Description
Classes classes :
  • red
  • green
  • blue
  • purple
  • orange
  • yellow
  • cyan
  • primary
  • success
  • warning
  • danger
高亮红色 高亮绿色 高亮紫色 高亮黄色

以上是使用shortcode生成的,还可以之间用html的代码生成,例如: 刘宇

2 引用

2.1 中文引用

我首先在这里引用一篇我最喜欢的诗词。

定风波

北宋 苏轼

(三月七日沙湖道中遇雨。雨具先去,同行皆狼狈,余独不觉。已而遂晴,故作此词)

莫听穿林打叶声,何妨吟啸且徐行。竹杖芒鞋轻胜马,谁怕? 一蓑烟雨任平生。
料峭春风吹酒醒,微冷,山头斜照却相迎。回首向来萧瑟处,归去,也无风雨也无晴。

这里调整了标题定风波和作者北宋 苏轼的字号和居中对齐,并且把默认的中文格式进行调整。

下面是不调整的状态:

定风波
北宋 苏轼
(三月七日沙湖道中遇雨。雨具先去,同行皆狼狈,余独不觉。已而遂晴,故作此词)

莫听穿林打叶声,何妨吟啸且徐行。竹杖芒鞋轻胜马,谁怕? 一蓑烟雨任平生。
料峭春风吹酒醒,微冷,山头斜照却相迎。回首向来萧瑟处,归去,也无风雨也无晴。

2.2 shortcode引用

下面的引用方法是基于本Hugo模板的shortcode进行的引用,如果存在shortcode,同样适用于该方法。那么本文方法是使用`blogdown::shortcode_html()`

Argument Description
Classes
  • info
  • success
  • warning
  • danger
  • no-icon

hello,这是消息的引用。

hello,这是成功的引用。

hello,这是警告的引用。

hello,这是危险的引用。

hello,这是危险无标签的引用。

3 代码块

3.1 类似详细信息的结果,可以把过长的结果保留,感兴趣的可以自行查看。

head(mtcars)
head(mtcars)
##                    mpg cyl disp  hp drat    wt  qsec vs am gear carb
## Mazda RX4         21.0   6  160 110 3.90 2.620 16.46  0  1    4    4
## Mazda RX4 Wag     21.0   6  160 110 3.90 2.875 17.02  0  1    4    4
## Datsun 710        22.8   4  108  93 3.85 2.320 18.61  1  1    4    1
## Hornet 4 Drive    21.4   6  258 110 3.08 3.215 19.44  1  0    3    1
## Hornet Sportabout 18.7   8  360 175 3.15 3.440 17.02  0  0    3    2
## Valiant           18.1   6  225 105 2.76 3.460 20.22  1  0    3    1

上面是参照了html的方案,在代码前加上<details>和代码后加上</details>。还有另外的方案,这是参考了别人的方法.

head(mtcars)

mpg cyl disp hp drat wt qsec vs am gear carb Mazda RX4 21.0 6 160 110 3.90 2.620 16.46 0 1 4 4 Mazda RX4 Wag 21.0 6 160 110 3.90 2.875 17.02 0 1 4 4 Datsun 710 22.8 4 108 93 3.85 2.320 18.61 1 1 4 1 Hornet 4 Drive 21.4 6 258 110 3.08 3.215 19.44 1 0 3 1 Hornet Sportabout 18.7 8 360 175 3.15 3.440 17.02 0 0 3 2 Valiant 18.1 6 225 105 2.76 3.460 20.22 1 0 3 1

3.2 插入代码,自动绘图。

par(mar = c(4, 4, .5, .1))
plot(mpg ~ hp, data = mtcars, pch = 19)

下面插入♥的代码图片:

A nice image.

Figure 3.1: A nice image.

3.3 表格

我这边使用的DT这个包来进行渲染,但是同样存在问题,根据谢益辉提供的两个解决方案,我采用了*widgeframe* package