如何高效的编写博客

1. 首先学会使用快捷键来写博客

标题 （ctrl+H ）
引用（ctrl+Q）
强调加粗（ctrl+B）
强调倾斜（ctrl+I）
链接（ctrl+L）
图片（ctrl+G）
无序列表（ctrl+O）
有序列表（ctrl+U）
代码块（ctrl+K）
横线（ctrl+R）

2.实际练习使用

标题

引用块内容

重点内容
强调内容
这里写链接内容

1. 列表内容
2. 有序列表和无序列表不能同时存在，会受影响

重点内容

• 列表内容

这里写代码片

---

这里写代码片

3.复制他人博客内容到你的博客

审查元素 -> 找到你想复制的部分博客 ->Copy outerHTML
进入自己博客中复制下来源码。
我们应该注意，在转载时加上转载原文，不要侵犯原创者权利。

例如下方代码是我转载我的一篇文章：

share分享按钮(纵向三个正方形)

知识点：:before/:after伪元素  重点：伪类与伪元素的区分

 
 

---

html:

<span class="share"></span>

 
 

---

css:

分析：三个长宽为4px的正方形纵向排列 

1.:before/:after伪元素的作用：在目标元素的内容前（before）后(after)添加元素 

2.三个正方形：.share/.share:before/.share:after用css样式写成正方形 

3.将伪元素定位 

.share{ 

    position: relative; 

    display: inline-block; 

} 

.share:before,.share:after{ 

    display: block; 

    content:”“; 

} 

.share,.share:before,.share:after{ 

    width: 4px; 

    height: 4px; 

    background-color: #555; 

} 

.share:before{ 

    position: absolute; 

    top: -6px; 

} 

.share:after{ 

    position: relative; 

    bottom: -6px; 

}