博客园样式笔记

为什么要整理？

2016-06 -16之前写的大多数文章使用的标题都是h3，h4，而并不是h1，h2，h3，所以在为文章生成目录后 文章大约较难看。

写于：2016-06-16

博客园现有样式分析

从上图可以看出博客园中 博客名、文章标题都是H1，而其它栏目是H3，内容留给用户发挥。

网站标题(博客名)	文章标题	右(左)栏目	用户自定义
h1	h1	h3	h2，h3，h4

 

h1,h2,h3和SEO权重

Heading是什么？

Heading标签也叫做H标签，HTML语言里一共有六种大小的heading 标签，是网页html 中对文本标题所进行的着重强调的一种标签，以标签<h1>、<h2>、<h3>到<h6>定义标题头的七个不同文字大小的tags，本质是为了呈现内容结构。共有六对，文字从大到小，依此显示重要性的递减，也就是权重依次降低。

从h1---->h6 权重递减，字体变小。

文章各标题占的比例及作用，呈金字塔型

标签	h1	h2	h3	h4
数量	1(建议)	5~7(建议)	无明确限制
作用	主关键词	重点关键词	边角/辅助说明

参考：

SEO中的H1、H2、H3到底是什么意思？ 

如何正确的在页面中使用 H1,H2,H3 标签

 

写作格式

一般人使用 WordPress 默认的配置就够了，与其到处找方法优化博客样式，不如把心思放在博客的内容上。

博客园和Markdown

说说在博客园中使用markdown来写文章

截止：2016-08-07

支持部分

绝大多数markdown语法

 

不支持部分

 flow (流程图)

代码显示行号

task list

html语法和md混合，比如<p style="">[http://xxx.com](http://xx.com)</p>

Markdown写作

建议日后写博客或者技术文档，采用markdown格式，推荐 typora https://www.typora.io/

附加资料

博客样式源码

本博客的样式源码：https://github.com/zhaoqingqing/cnblogs

参考资料

关于H1和H2标签的使用