这篇是用来验收正文样式的。写完主题的 .postContent 之后,拿它从头到尾扫一遍,就知道哪一段排版还不对。

二级标题长这样

正文段落。中文排版最重要的是行高段间距,字号反而不是最关键的。这段故意写长一点,方便看换行之后整块的行距是不是均匀。

行内代码用反引号,比如 hexo generateconsole.log()npm install

三级标题

列表有两种,都要看:

无序列表:

  • 第一项
  • 第二项,稍微长一点,用来确认换行之后左边这条缩进有没有对齐
  • 第三项

有序列表:

  1. 打开 _config.yml
  2. 找到 theme 那一行
  3. 改成你自己的主题名

引用块

一段引用。左边应该有一条琥珀色的竖线,底色比正文浅一点点。

引用也可以有多段。

代码块

1
2
3
4
5
6
// 代码块要看三件事:底色够不够深、行内代码有没有叠色、长行会不会撑破容器
function greet(name) {
return `你好,${name}`
}

console.log(greet('世界'))
1
2
3
4
.postContent img {
max-width: 100%; /* 这一行不加,大图会撑破整个卡片 */
border-radius: 8px;
}

表格

项目 命令 说明
生成 hexo generate 输出到 public/
本地预览 hexo server 跑在 4000 端口
清理缓存 hexo clean 改了配置之后先跑这个

图片

测试图片

图片下面应该有点空隙,别贴着下一段文字。

链接

Hexo 官方文档,还有一段话里混一个 行内链接 看看颜色。


上面是分隔线。要是这一整篇从头到尾看着都顺眼,正文样式就算过关了。