Markdown和网页排版美化
1.我
2.我我
网页排版的宗旨是让阅读界面清晰有条理，减少用户思考时间，再将背景和字体等等优化得美观就成功了。参考排版优秀的网页是最直接的学费方法，建议搜索：排版优美的博客推荐。另外还有一些网站会写网页应该怎么排版，可以搜索：网页排版或者Markdown排版等等。
一篇文档只能有一个H1
2024年5月31日，我的md写法是用#和##两个标题层级，在wp发布后网页内就有多个h1，今天才知道这不符合规范，因为各大公司都提倡一篇文档只能有一个H1。但是如果按照规范写，md的heading 就要从##开始写，然后是###，这样就要多输入#。搜索“markdown 从 h2开始”之类的关键词，得到这些内容：
在Obsidian论坛，有个主题说：H1 标题用于主标题还是一级小标题？（主标题可以用#或无格式）
网友都表示应该用H2开头，用于一级小标题，如果嫌多输入一个#可以用Ctrl+2快捷键。其中一个网友引用微软的教程Markdown best practices - PowerShell | Microsoft Learn 237说明：
Titles and headings标题和标题，还可以翻译为主标题和小标题/副标题
Only one H1 per document 每个文档只有一个 H1
Header levels should increment by one -- don't skip levels 标题级别增加一次一级 - 不要跳过级别
Limit depth to H3 or H4 将深度限制为 H3 或 H4
Avoid using bold or other markup in headers 避免在标题中使用粗体或其他标记
沐灵_hh的文章：为什么 markdown 的 heading 从 ## 开始？明明从 # 更方便。因为一级标题#用来表示文章的 title 了。title 和 head 的区别：文章的 title 通常是对文章工作的定义和概括，人们在阅读这篇文章之前只能看到文章的 title，好的 title 能够让人立马弄清楚是否要阅读这篇文章。而 heading 是对文章的段落分层级，告诉读者这一段要讨论的话题。而问题就来了，markdown 能够表示 heading，但是没有语法用来表示 title，所以有的人就用一级标题来表示文章的 title，文章的 heading 就只能从二级标题开始了。
2023/3/30 更新：发现思源笔记是用 front matter 来记录 title 的；obsidian 导出的时候根本不会保留 title；notion 是将 title 当作标题1 (即 #) 的
加粗和高亮的区别
氮气AI为果核剥壳旗下AI解释：加粗和高亮都是用来突出显示文本的两种方法，但它们的效果和用途略有不同：加粗是通过增加字体的粗细来强调文本。在视觉上，加粗的文本比普通文本更加显眼，通常用于强调关键词、标题或者重要的信息。
高亮（有时也称为突出显示）通常是指改变文本的背景颜色，使其在页面上显得与众不同。在网页设计中，高亮常用于突出代码片段、搜索结果或者需要特别注意的部分。总的来说，加粗主要改变字体样式，使文本看起来更重，而高亮则通过改变颜色来吸引读者的注意力。在实际使用中，应根据需要突出信息的程度和上下文来选择合适的方式。
加粗应用：加粗适合用在一段话冒号前面的几个字，比如本段文字；加粗可以替代H4小标题（单独一行）；加粗适合强调一般重要的词语，或者一小段文字。
高亮应用：高亮比加粗更引人注目，可以用来强调更重要的内容，包括词语和一段文字。因为高亮带颜色，比较突兀，尽量少用，避免都强调反而都无法强调，而且印象美观。
如果想强调整段文字，可以把文字写在带背景色的区块中。
小标题heading美化
优秀的小标题让阅读时感觉层级分明，信息有条理。推荐以下方案：
1.小标题不做装饰，使用和正文字体同色或者和网页主色相同的彩色；
2.小标题前面一个竖线
h2{color:#333;font-weight: 600;padding-left:10px;border-left:3px solid #196aab;margin:8px 0 8px 10px}
3.底部一条横线，灰色或者彩色
h2 {padding-bottom: 0.3em;border-bottom: 1px solid #eaecef;}
注意：小标题和上下文都必须有间距，和上面的间距要远，和下面的间距近，这样方便用户明白这个标题的下面内容的标题。
另外，可以使用分割线，让用户知道这段话讲完了，要开始下一段内容。分割线推荐颜色为ccc，建议用2px的虚线。
首行缩进和图片
在中文排版中，以前普遍是首行缩进两个字，方法是p标签设置首行缩进text-indent:2em。这种设置适合大段文字，对于小段文字不美观，所以逐渐取消缩进，都采用西文的不缩进排版。
缩进的作用是让用户快速理解这是新旧段，如果不缩进，可以用margin-bottom: 1.5em加大段落的间距，效果相同。
如果设置缩进，图片会跟着缩进，观感很差，可以设置让图片不跟随缩进。设置方法：p img {display: block【这个让图片独立不跟随缩进】;margin: 0 auto【这个让图片居中显示】}
汉字字母之间加空格
中西文混排，汉字和字母数字之间加空格会更优美。
序号规范
第一层为汉字数字加顿号：“一、”“二、”
第二层为括号中包含汉字数字：“（一）”“（二）”
第三层为阿拉伯数字加下脚点，例如：“1. ”“2.”
我主要用第一层和第三层，第三层我习惯写成1、，改为1.才符合规范。如果在md中写1.空格+内容，回车后会自动出现2.空格，但是不是新起一行，所以我还是使用1.无空格写法。
- 我
- 我
- 我3
如果要写无序列表内容，可以在内容前面加-、+、*三中符号之一。
- 我
- 我2
- 我3
网站怎么配色
自己摸索几年，配色水平还是一般，但是直接参考大公司和各种机构的配色，配色水平直接到顶级。而且，参考配色不存在侵权的问题。
推荐网站
搜索前端网址大全
https://developer.mozilla.org/zh-CN/
2024年6月1日