博客园样式笔记

简介:



为什么要整理?

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

写于:2016-06-16

博客园现有样式分析

imageimage

从上图可以看出博客园中 博客名文章标题都是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标签的使用


本文转自赵青青博客园博客,原文链接:http://www.cnblogs.com/zhaoqingqing/p/5588829.html,如需转载请自行联系原作者

相关文章
|
4天前
常见的链接样式
常见的链接样式。
6 3
|
前端开发 JavaScript CDN
博客园美化
博客园美化
191 0
博客园美化
|
搜索推荐
【博客美化】03.分享按钮
【博客美化】03.分享按钮
【博客美化】03.分享按钮
自定义博客样式
自定义博客样式 用了一天时间简单的更改了下博客的样式,前端技术不甚了解,暂且粗制至此。 有一些问题没解决,还有些功能没实现。 模板使用博客园的官方模板:En_summerGarden。基于此模板进行自定义。
1055 0
|
移动开发 JavaScript 前端开发
博客园博客排版(js样式实例)
昨天在博客园中看到一位大神发的博客园样式排版博客,我一看。妈呀,太漂亮了,二话不说赶快学起,昨天我花了一天的时间,终于把我的博客也弄得有一丢丢像样了,有好东西,当然要分享给各位; 大神的链接:https://www.cnblogs.com/hafiz/p/9276689.html,里面讲的很细很细,每一个功能的讲解都有。
1619 0
为博客园添加目录的方法总结+自定义博客园样式
参考链接: http://www.cnblogs.com/real-me/p/8336741.html https://www.cnblogs.com/xuehaoyue/p/6650533.html http://www.
2010 0
|
Web App开发 JavaScript 前端开发