什么是网站推广？
网站推广是指采取各种措施来提高网站在互联网上知名度和流量的一系列策略和技术。它的目的是吸引更多访问者访问网站，进而实现特定的业务目标，例如增加销售、产生潜在客户或提高品牌知名度。
网站推广的类型
- 搜索引擎优化（SEO）：优化网站以在搜索引擎结果页面（SERP）中获得更高的排名。
- 付费广告：在搜索引擎或社交媒体平台上购买广告空间来推广网站。
- 内容营销：创建和分发有价值、相关和一致的内容，以吸引和留住受众，最终促进网站访问量。
- 社交媒体营销：通过社交媒体平台与目标受众建立联系并推广网站。
- 电子邮件营销：使用电子邮件向目标受众发送有关网站或业务的更新、促销和有价值信息。
- 联盟营销：与其他网站合作，在他们的网站上推广您的网站，并为产生的流量或销售支付佣金。
- 在线公关：通过媒体宣传、网上论坛和社交媒体与记者和影响者建立关系，以获得对网站的正面报道。
网站推广的必需知识点
搜索引擎优化（SEO）
- 关键字研究
- 网站结构和导航
- 页面内容优化
- 反向链接建设
- 技术SEO
付费广告
- 搜索引擎营销（SEM）
- 社交媒体广告
- 展示广告
- 目标受众定位
- 广告文案和着陆页
内容营销
- 内容策略
- 博客文章
- 信息图表
- 视频
- 社交媒体内容
社交媒体营销
- 社交媒体平台选择
- 制定社交媒体策略
- 创建引人入胜的内容
- 与粉丝互动
- 社交媒体广告
电子邮件营销
- 电子邮件列表建设
- 电子邮件内容策略
- 电子邮件自动化
- 电子邮件营销软件
- 电子邮件分析
在线公关
- 媒体关系
- 网上论坛和社交媒体参与
- 内容播客
- 影响者营销
- 在线声誉管理
衡量网站推广效果
- 网站流量（访问者数量、会话数量、跳出率）
- 搜索引擎排名
- 转化率（访问者成为客户或执行其他所需操作的次数）
- 社交媒体参与度（喜欢、分享、评论）
- 品牌知名度（网站提名、社交媒体关注者）
总结
网站推广是一个复杂而不断发展的领域。通过掌握本指南中概述的必需知识点，您可以有效地推广您的网站，吸引更多访问者并实现您的业务目标。
Sass基础下CSS预处理器使用终极指南
前言滴滴大佬：CSS预处理器有用过么？我：嗯嗯，用过SASS的嵌套。佬：没了？我：...（尬住了）
不知道大家情况是不是和我一样，前车之鉴，CSS相关知识还是挺重要的。 本文带大家一起整理CSS预处理器知识点，现有流行库有Sass(Scss)、Less、Stylus等，我项目中主要还是用Sass,所以本文例子都是以Sass(Scss)为基础。
Sass基础CSS（层叠样式表）的语法的一种扩充，诞生于2007年，最早也是最成熟的一款CSS预处理器语言，它可以使用变量、常量、嵌套、混入、函数等功能，可以更有效有弹性的写出CSS。
变量变量的提供，避免设计师频繁更改某一全局属性（比如整体颜色风格），导致我们被动增加工作量。 使用变量以$开头，有全局变量和局部变量。
$color:#8a8787;//全局变量div{$width:100px;//局部变量width:$width;background:$color;}若变量用在属性中，需要写在#{}中
$side:left;div{border-#{$side}:1pxsolid$color;}嵌套这应该是最熟悉的。 ?除了选择器可以嵌套，属性和伪类也可嵌套。
<divclass=parent-container><divclass=parent-container-header></div></div>-container{&-header{//选择器嵌套background{color:red;//属性嵌套}&:hover{//伪类嵌套color:green;}}}继承允许一个选择器，继承另一个选择器所有的属性。 用@extend继承已存在的样式块。
1{border:1pxsolid#ddd;}2{1;font-size:12px;}混合类似Vue的混入，是可以重用的样式代码，且可指定参数和默认值，运用@mixin使用如下。
@mixinleft($value:10px){float:left;margin-left:$value;}div{@includeleft(4px);}@import用来引入外部样式文件
@import文件相对路径注释有两种方式/*注释*/和//注释
颜色函数内置颜色函数，便于生成系列颜色。
lighten(#cc3,10%)//#d6d65cdarken(#cc3,10%)//#a3a329grayscale(#cc3)//#complement(#cc3)//#33cSass运算加减乘除Sass可以做各种数学计算(变量和属性)。加减需注意必须相同单位，除法需要带括号
$height:10px;div{width:10px+10px;height:$height+10px;margin-top:20px-10px;margin-left:10px*2;margin-right:(10px/2);}字符运算运用+做拼接字符串
div:before{content:hello+world;}Sass命令@if和JS类似，可用于混入mixin，根据参数判断。
$side:left;div{border-#{$side}:1pxsolid$color;}0循环可帮助生成类似选择器，如定义一些类似的外边距margin。有@for、@while、@each
$side:left;div{border-#{$side}:1pxsolid$color;}1$side:left;div{border-#{$side}:1pxsolid$color;}2$side:left;div{border-#{$side}:1pxsolid$color;}3Sass函数自定义函数$side:left;div{border-#{$side}:1pxsolid$color;}4自带函数Sass提供类似如字符串函数(Strings)、数字函数(Numbers)、列表函数(Lists)、字典函数(Maps)等。 字符串函数有unquote用来删除字符串引号、quote用来添加引号。 数字函数类似Math提供如round、ceil、floor、abs等。 列表函数有length($list)返回列表长度等。 这里就不再一一列举，更多地是知道大概提供什么，后续可以去官网找。
CSS预处理器如果想更好地使用，与设计师小姐姐先沟通好，能发挥更大的作用?。
参考Sass-学习笔记[基础篇]Sass用法指南Sass命令及函数知识整理
作者：瑾行著作权归作者所有。
链接：
