「seo如何搭建博客」 如何借助百灵鸟SEO搭建独立博客来赚钱

　　seo如何搭建博客： 如何借助百灵鸟SEO搭建独立博客来赚钱-百度知道

　　展开全部 首先你要有这个博客，更新与SEO相关的内容，网站搭建其次是要让人知道你这个博客，告诉别人你的技术，引流再次，就是做关键词免费排名，这样人家才会找到你，才会看到你的技术，才会把网站交给你来优化。SEO需要持续经营，是金子总会发光...

　　seo如何搭建博客： 关于网站下如何建立一级目录的博客用于SEO-百度知道

　　展开全部 主要是弄一些与网站内容有关的东东，也可以不受网站主体内容的限制像自己的私人博客一样来弄一些东东，最好还是要与网站的内容有关的比较好，但主要目的还是来为主站服务的，因为引擎给博客的权重相对来说会比较高，所以网站下建立一个一...

　　其他答案:主要是拿来增加主网站收录的，可以用博客来做长尾关键词。就是这样。

　　其他答案:现在的推广软件如果免费的，因为没有效果，性价比高，效果好的软件，据我了解旺道营销软件还不错，他们发展了四年，在全国也有十家分公司和近300家的代理商，我也在用，效果还不错，你也可以看看。

　　其他答案:建议你可以找一下旺道营销软件，我以前做的那个公司就是跟他们合作的，好像合作以后生意好了很多呢。好像他们在这个领域已经做了4、5年了，比较有经验，自从他们开始做以后，我们这边咨询电话和看到网上的信息来的人很多，而且感觉见效比较快吧。我觉得他们应该蛮符合你说的那种专业的有针对性的公司的。另外我记得他们费用也不是很贵，我原来的那个医院和他们合作了1年多了，老总对他们印象不错。

　　seo如何搭建博客： 请问如何建立SEO博客？

　　不OK，关键字最好单一，内容单一，做群建，我不扯废话，句句真言

　　其他答案:可以的

　　博客做SEO的话注意以下事项：

　　1、去掉没用的板块

　　2、添加友情链接

　　3、内容原创、主题突出

　　另外，博客SEO现在几乎没什么权重可言了！博客轮链已经是个传说了。

　　其他答案:1、每天添加几篇新闻，2、301统一你的域名，，3、做些外部链接，4、需要使用旺道优化软件增加SEO优化点击量，说真的对流量还是有帮助的。选择seo 优化软件一定要用个好的

　　其他答案:以用户体验为核心，站内优化主要抓四点：1、链接优化 2、关键词优化 3、标签优化 4、代码优化

　　seo如何搭建博客： 现在在 做编辑,想学SEO,怎样可以自己建一个网站用来实践呢？建...

　　如果，你还没对SEO那些基本理论不懂的话，建议你先学下基础知识。基础知识差不多之后，在自己建站实践，这样效果比较好。

　　如果，你想以后朝着SEOer这条路发展，建议你可以建一个SEO博客，打造自己的一个品牌。不过。做博客很累，每天都要自己搞。

　　见论坛的话，这个比博客还要累一点，因为人多了，你还要每天管理。建网站很简单，主要是在于后期的运营、推广。

　　更多SEO交流，欢迎来我的SEO博客seotjwin。

　　收起回答

　　其他答案:学习SEO，可以多了解一下基础的html代码，新手可以建个博客去练手，论坛的话，不是那么容易的。有很多开源的博客程序，比如zblog和wp等，zblog更适合新手。

　　其他答案:先学点SEO基础知识，然后可以先建个个人博客站，新手建议选择Z-blog开源博客程序。

　　其他答案:我是自己做的一个网站，博客还是论坛都不是这么回事儿，系统不一样。不过就是联系推广用论坛把~~~

　　再看看别人怎么说的。

　　其他答案:站在用户的角度，站在客户的立场，用最直接有效的话告诉访问者最想要的信息，就算很成功了。网络营销，我一直认为，UE SE（用户体验 搜索优化营销）的结合，才是营销的必然趋势。

　　seo如何搭建博客：如何搭建一个Ghost平台的博客？

　　更新：

　　时隔两年，从最初的Ghost换到Hexo（阿里云学生优惠服务器欠费了。。。）

　　现在又换回Ghost，现在的Ghost已经不是当年的Ghost了，发展迅猛啊，而且十分便捷，官方出的教程是真的清晰简洁，官方cli直接连https服务都处理好了。而且后台功能丰富，插件也多，真的好用到哭啊。

　　根据官方提供的教程，只要你有一台Ubuntu的服务器，几分钟就可以完成部署，十分强悍。

　　How To Install Ghost: Setup & Configuration - Open Source Publishing官方教程集

　　欢迎来我的博客转转哈哈哈哈~

　　Martin's Brain

　　我刚好搭了一个自己的个人博客，主机买的是阿里云的，域名在万网直接买的。

　　看样子题主还是个一无所知的小白，那刚好我也在这里总结下我自己的搭建Ghost博客的过程吧。

　　服务器篇：

　　服务器的选择比较广，关于服务器的选择国内国外的争论在此不提。

　　记住一点：国内主机解析域名需备案！

　　买服务器的话去阿里云就挺好的，一核 1G 1M带宽 就够用。我买的时候阿里刚好有个学生优惠活动，一年99买的。不知道现在还有没有。

　　服务器的系统：Ubuntu14.04 64位。

　　域名篇：

　　域名的话和服务器一样，购买选择比较宽泛，建议直接国内万网得了，省事。

　　再买完服务器以后，阿里云的首页就会有“万网”的链接，直接跳转过去购买，淘宝一样的操作，不多讲。

　　域名解析：

　　在购买完域名和服务器以后呢，就可以在阿里云服务器控制台进行解析。进入阿里云控制台以后，就可以直接看到，这里不是重点，就不讲了。

　　备案篇：

　　阿里云的备案服务还是很好的，和在淘宝购物一般，一切都可以线上完成，无脑，只需要耐心等待审批过程。

　　备案服务也在控制台里可以看见。

　　工具篇：

　　有了以上这些东西，为了方便使用阿里云主机，请下载Xshell，Xftp两个工具。

　　这连个工具全部免费，网上使用教程也满天飞，在此不多说。

　　-------------------------------------------------重点来了----------------------------------------------

　　现在已经有了阿里云的主机，解析了服务器，阿里云的主机系统也选择好了（Ubuntu14.04 64位）

　　Step1 基础配置：

　　Ghost是依托于node.js的，所以要先搭建node环境。

　　这些命令全部执行完毕以后，要确认是否配置成功。在终端输入：

　　显示node的版本号，即为安装成功。

　　接下来再确认一下npm安装是否成功，终端输入：

　　同样，输出版本号为安装成功。

　　Step2配置Ghost：

　　首先要新建一个工作空间（文件夹）来存放Ghost：

　　下载Ghost：

　　进入刚才创建的工作空间

　　下载Ghost并解压

　　(解压的时候可能会出错，是因为没有下载解压工具unzip，执行命令下载即可，然后重复解压命令。)

　　安装Ghost的生产模块：

　　现在我们已经安装完了，但是需要设置之后，才能启动它。

　　Ghost设置：

　　这句话的意思复制config.example.js 并命名为config.js，我们要对config.js这个文件进行修改：

　　(这句话是用nano打开config.js，提示没有安装nano的话，输入以下命令安装，然后重复上一条命令：)

　　打开以后，修改以下被标注的区域：

　　然后CTRL + X再输入Y然后敲ENTER退出。

　　现在已经配置好了Ghost，输入：

　　大概会显示：

　　然后现在你就可以让你的Ghost使用2368这个端口：http://你的域名.com:2368就可以看到Ghost本尊。

　　CTRL + C可以结束掉正在开启的Ghost

　　但是这还不是结束！

　　接下来要让你的Ghost一直处于运行状态。

　　Step4 配置服务器程序：

　　在终端执行：

　　接下来需要对Nginx进行一些配置：

　　然后把这些代码粘贴进去：

　　然后建立一个链接，将你新建的配置告诉Nginx：

　　然后重启Nginx：

　　接下来创建一个新的用户，并给与他权限：

　　然后用ghost用户使用系统：

　　现在我们要开启Ghost：

　　然后你可以在浏览器输入你的域名来查看你的Ghost博客。

　　Step5 保持Ghost的运行：

　　我们得先退出ghost用户：

　　接下来安装forever：

　　然后执行：

　　接下来看一下forever是否挂在了index.js：

　　这个状态的话，你就可以开始你的Ghost之路了！

　　结束进程命令：

　　到此为止，就是Ghost小白扬帆的终点，也是Ghost之路的起点。接下来你还要折腾主题，更换数据库等等，献上对我有贡献的教程供大家参考：

　　How To Create a Blog with Ghost and Nginx on Ubuntu 14.04

　　国内的教程我也看了很多，不过认为还是这个好。

　　第一次在知乎回答这种代码文章，不知道会不会格式错乱。

　　seo如何搭建博客：Hexo+Github: 个人博客网站搭建完全教程(看这篇就够了)-下半部分

　　文章目录

　　第三部分 优化1. 网站SEO优化1.1 让百度收录你的站点1.1.1 验证网站所有权1.1.2 生成网站地图1.1.2.1 安装sitemap插件1.1.2.2 修改博客配置文件1.1.3 向百度提交链接1.1.3.1 设置主动推送1.1.3.2 设置自动推送1.1.3.3 **sitemap**方式1.2 让google收录你的站点1.2.1 操作步骤1.2.2 提交 robots.txt:1.3 让其他搜索引擎收录你的站点1.4 优化你的url1.5 其他seo优化2. 优化代码块样式2.1 给代码块开启行号2.2 添加代码块复制功能3. 优化网站加载速度3.1 优化图片加载3.2 Gulp实现代码压缩3. 一些注意事项3.1 备份博客源文件

　　# 第三部分 优化

　　---

　　`hexo`添加各种优化功能，比如`SEO`优化等。

　　待续......

　　## 1. 网站SEO优化

　　---

　　网站推广是一个比较烦人的事情，特别是对于专心搞技术的来说，可能就不是很擅长，那么怎么才能让别人知道我们网站呢？也就是说我们需要想办法让别人通过搜索就可以搜索到博客的内容，给我们带来自然流量，这就需要`seo`优化,让我们的站点变得对搜索引擎友好

　　> `SEO`是由英文`Search Engine Optimization`缩写而来， 中文意译为“搜索引擎优化”。`SEO`是指通过站内优化比如网站结构调整、网站内容建设、网站代码优化等以及站外优化。

　　### 1.1 让百度收录你的站点

　　---

　　首先要做的就是让各大搜索引擎收录你的站点，我们在刚建站的时候各个搜索引擎是没有收录我们网站的，在搜索引擎中输入`site:`,如果如下图所示就是说明我们的网站并没有被百度收录。我们可以直接点击下面的“网址提交”来提交我们的网站![查看站点是否被百度收录]()

　　#### 1.1.1 验证网站所有权

　　---

　　登录百度站长搜索资源平台：， 只要有百度旗下的账号就可以登录，登录成功之后在站点管理中点击[添加网站]()然后输入你的站点地址。

　　> 注意，这里需要输入我们自己购买的域名,不能使用``之类域名.因为`github`是不允许百度的`spider`（蜘蛛）爬取`github`上的内容的，所以如果想让你的站点被百度收录，只能使用自己购买的域名

　　![向百度站长添加网站]()

　　在填完网址选择完网站的类型之后需要验证网站的所有权，验证网站所有权的方式有三种：

　　- 文件验证。

　　- `html`标签验证

　　- `CNAME`解析验证（**推荐使用**）

　　![验证网站所有权]()

　　其实使用哪一种方式都可以，都是比较简单的。

　　> **但是一定要注意，使用文件验证文件存放的位置需要放在`sourc`文件夹下，如果是`html`文件那么`hexo`就会将其编译，所以必须要在`html`头部加上的`layout:false`，这样就不会被`hexo`编译。（如果验证文件是`txt`格式的就不需要）**

　　其他两种方式也是很简单的，个人推荐`文件验证`和`CNAME`验证，`CNAME`验证最为简单，只需加一条解析就好~

　　![添加云解析]()

　　![验证通过]()

　　#### 1.1.2 生成网站地图

　　---

　　我们需要使用`npm`自动生成网站的`sitemap`，然后将生成的`sitemap`提交到百度和其他搜索引擎

　　##### 1.1.2.1 安装sitemap插件

　　---

　　```bash

　　npm install hexo-generator-sitemap --save

　　npm install hexo-generator-baidu-sitemap --save

　　```

　　##### 1.1.2.2 修改博客配置文件

　　---

　　在根目录配置文件`.yml`中修改`url`为你的站点地址

　　```yml

　　# URL

　　## If your site is put in a subdirectory, set url as '' and root as '/child/'

　　# url:

　　url:

　　root: /

　　permalink: :year/:month/:day/:title/

　　permalink_defaults:

　　```

　　执行完`hexo g`命令之后就会在网站根目录生成`sitemap.xml`文件和`baidusitemap.xml文件`，可以通过：, 查看该文件是否生成，其中`sitemap.xml`文件是搜索引擎通用的文件，`baidusitemap.xml`是百度专用的`sitemap`文件。

　　#### 1.1.3 向百度提交链接

　　---

　　然后我们就可以将我们生成的`sitemap`文件提交给百度，还是在百度站长平台，找到链接提交，这里我们可以看到有两种提交方式，自动提交和手动提交，自动提交又分为主动推送、自动推送和`sitemap`

　　> 如何选择链接提交方式

　　> 1. 主动推送：最为快速的提交方式，推荐您将站点当天新产出链接立即通过此方式推送给百度，以保证新链接可以及时被百度收录。

　　> 2. 自动推送：最为便捷的提交方式，请将自动推送的`JS`代码部署在站点的每一个页面源代码中，部署代码的页面在每次被浏览时，链接会被自动推送给百度。可以与主动推送配合使用。

　　> 3. `sitemap`：您可以定期将网站链接放到`sitemap`中，然后将`sitemap`提交给百度。百度会周期性的抓取检查您提交的`sitemap`，对其中的链接进行处理，但收录速度慢于主动推送。

　　> 4. 手动提交：一次性提交链接给百度，可以使用此种方式。

　　一般主动提交比手动提交效果好，这里介绍主动提交的三种方法

　　从效率上来说：

　　> **主动推送>自动推送>sitemap**

　　![连接提交]()

　　##### 1.1.3.1 设置主动推送

　　---

　　安装插件`hexo-baidu-url-submit`

　　```bash

　　npm install hexo-baidu-url-submit --save

　　```

　　然后再根目录的配置文件中新增字段

　　```yml

　　baidu_url_submit:

　　count: 80 # 提交最新的一个链接

　　host: # 在百度站长平台中注册的域名

　　token: xxxxxxxxxxxxxx # 请注意这是您的秘钥， 所以请不要把博客源代码发布在公众仓库里!

　　path: baidu_urls.txt # 文本文档的地址， 新链接会保存在此文本文档里

　　```

　　再加入新的`deploy`：

　　```yml

　　deploy:

　　- type: baidu_url_submitter

　　```

　　如图所示：

　　![]()

　　> **注意,**这里多个 `type` 的写法应该这么写**,前面那个 `type` 是我推送到 `Github` 与 `Coding `的`page`页面的配置,后面再讲这个。

　　密钥的获取位置在网页抓取中的链接提交这一块,如下所示:![token获取]()

　　这样执行`hexo deploy`的时候，新的链接就会被推送了。

　　推送成功时,会有如下终端提示![主动推送成功提示]()

　　> 各种不同的推送反馈字段说明在这里[查看](),一般来说,推送失败基本都是地址不相符造成的,我们只需对比`baidu_url_submit`在`public`中生成的`baidu_urls.txt`的地址,与自己填写在`host`字段中的地址对比看是否一样即可。

　　##### 1.1.3.2 设置自动推送

　　---

　　在主题配置文件下设置,将`baidu_push`设置为`true`:

　　```yml

　　# Enable baidu push so that the blog will push the url to baidu automatically which is very helpful for SEO

　　baidu_push: true

　　```

　　然后主题文件目录加入下面代码，一般在目录`/themes/matery/layout/_partial`中的`head.ejs`中加入下面`JS`代码（有可能你的目录不是这样，原理类似），这样全站都有了：

　　```js

　　<% if (theme.baidu_push) { %>

　　(function(){

　　var bp=document.createElement('script');

　　var curProtocol=window.location.protocol.split(':')[0];

　　if (curProtocol==='https') {

　　bp.src='';

　　}

　　else {

　　bp.src='';

　　}

　　var s=document.getElementsByTagName("script")[0];

　　s.parentNode.insertBefore(bp, s);

　　})();

　　<% } %>

　　```

　　这样每次访问博客中的页面就会自动向百度提交`sitemap`

　　##### 1.1.3.3 **sitemap**方式

　　---

　　将我们上一步生成的`sitemap`文件提交到百度就可以了~

　　![将sitemap提交到百度]()

　　我记得被百度收录过程还是蛮久的，一度让我以为我的方法有问题，提交链接在站长工具中有显示大概是有两天的时候，站点被百度收录大概花了半个月==，让大家看一下现在的成果

　　在百度搜索`site:`已经可以搜索到结果

　　![站点已被百度收录]()

　　在搜索框输入域名也可以找到站点

　　![站点已被百度收录]()

　　输入关键字的名字也可以在第二页就找到呢，好开森~

　　![站点已被百度收录]()

　　### 1.2 让google收录你的站点

　　---

　　#### 1.2.1 操作步骤

　　相比于百度，`google`的效率实在不能更快，貌似十分钟左右站点就被收录了，其实方法是和百度是一样的。

　　`google`站点平台：

　　- 注册账号

　　- 验证站点

　　- 提交`sitemap`

　　> 向 `google` 添加 `sitemap` 后: 进入 `Google Search Console` - 抓取 - 站点地图,点击「添加/测试站点地图」,输入你的博客网址. 若无报错则站点地图提交成功

　　![sitemap提交成功]()

　　一步一步来就好，过不了过久就可以被`google`收录了

　　![站点已被google收录]()

　　![站点已被google收录]()

　　![站点已被google收录]()

　　#### 1.2.2 提交 robots.txt:

　　`robots.txt` 是一种存放于网站根目录下的 `ASCII` 编码的文本文件，它的作用是告诉搜索引擎此网站中哪些内容是可以被爬取的，哪些是禁止爬取的。`robots.txt` 放在博客目录下的 `source` 文件夹中，博客生成后在站点目录 `/public/` 下。

　　我的 `robots.txt` 文件内容如下：

　　```yml

　　User-agent: *

　　Allow: /

　　Allow: /archives/

　　Allow: /categories/

　　Allow: /about/

　　Disallow: /js/

　　Disallow: /css/

　　Disallow: /fonts/

　　Disallow: /vendors/

　　```

　　`robots.txt` 文件更新至网站后可进入 `Google Search Console` - 抓取 - `robots.txt` 测试工具进行测试。

　　这里部分参考自`Hexo`博客搜索 [SEO优化-谷歌篇]()

　　### 1.3 让其他搜索引擎收录你的站点

　　---

　　除了百度和`google`两大搜索引擎，还有搜狗、360等其他的搜索引擎，流程都是一样的，大家就自行选择添加哈，这里就不再赘述了~

　　### 1.4 优化你的url

　　---

　　`seo`搜索引擎优化认为，网站的最佳结构是**用户从首页点击三次就可以到达任何一个页面**，但是我们使用`hexo`编译的站点打开文章的`url`是：`sitename/year/mounth/day/title`四层的结构，这样的`url`结构很不利于`seo`，爬虫就会经常爬不到我们的文章，于是，我们需要优化一下网站文章`url`

　　方案一：

　　我们可以将`url`直接改成`sitename/title`的形式，并且`title`最好是用英文，在根目录的配置文件下修改`permalink`如下：

　　```yml

　　url:

　　root: /

　　permalink: :title.html

　　permalink_defaults:

　　```

　　方案二：

　　使用插件优化`url`

　　插件`hexo-abbrlink`实现了这个功能，它将原来的`URL`地址重新进行了进制转换和再编码。

　　安装`hexo-abbrlink`。

　　```bash

　　npm install hexo-abbrlink --save

　　```

　　配置博客根目录下的_config.yml文件。

　　```yml

　　# permalink: :title/

　　permalink: archives/:abbrlink.html

　　abbrlink:

　　alg: crc32 # 算法：crc16(default) and crc32

　　rep: hex # 进制：dec(default) and hex

　　```

　　运行`hexo clean`和`hexo g`命令来重新生成文件看看，可以清楚的看到，`URL`结构成功变为了3层。

　　### 1.5 其他seo优化

　　---

　　`seo`优化应该说是一个收益延迟的行为，可能你做的优化短期内看不到什么效果，但是一定要坚持，`seo`优化也是有很深的可以研究的东西，从我们最初的网站设计，和最基础的标签的选择都有很大的关系，网站设计就如我们刚刚说的，要让用户点击三次可以到达网站的任何一个页面，要增加高质量的外链，增加相关推荐（比如说我们经常见到右侧本站的最高阅读的排名列表），然后就是给每一个页面加上`keyword`和描述

　　在代码中，我们应该写出能让浏览器识别的语义化`HTML`，这样有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重；并且对外链设置`nofollow`标签，避免`spider`爬着爬着就爬出去了（减少网站的跳出率），并且我们要尽量在一些比较大的网站增加我们站点的曝光率，因为`spider`会经常访问大站，比如我们在掘金等技术社区发表文章中带有我们的站点，这样`spider`是很有可能爬到我们中的站点的，so....

　　- 网站**外链**的推广度、数量和质量

　　- 网站的**内链**足够强大

　　- 网站的**原创**质量

　　- 网站的**年龄**时间

　　- 网站的**更新频率**（更新次数越多越好）

　　- 网站的**服务器**

　　- 网站的**流量**：流量越高网站的权重越高

　　- 网站的**关键词排名**：关键词排名越靠前，网站的权重越高

　　- 网站的**收录**数量：网站百度收录数量越多，网站百度权重越高

　　- 网站的浏览量及深度：**用户体验**越好，网站的百度权重越高

　　## 2. 优化代码块样式

　　---

　　由于代码高亮插件`prism_plugin`的样式没有行号显示和代码块整体复制功能，不是很方便，为了优化观感和易用性，我们可以对其进行修改：

　　待续......

　　### 2.1 给代码块开启行号

　　---

　　我们在配置文件`.yml`中找到`prism_plugin`配置项`line_number: false（# default false）`改为`true`，开启行号，但是在我们这个`matery`主题中中是无效的，有`bug`需要改一下`matery.css`样式参数,在第`95`行位置将：

　　```css

　　pre {

　　padding: 1.5rem !important;

　　margin: 1rem 0 !important;

　　background: #272822;

　　overflow: auto;

　　border-radius: 0.35rem;

　　tab-size: 4;

　　}

　　```

　　改为：

　　```css

　　pre {

　　padding: 1.5rem 1.5rem 1.5rem 3.3rem !important;

　　margin: 1rem 0 !important;

　　background: #272822;

　　overflow: auto;

　　border-radius: 0.35rem;

　　tab-size: 4;

　　}

　　```

　　注释掉紧接着的`code`代码块里面的`font-size`项，如下：

　　```css

　　code {

　　padding: 1px 5px;

　　font-family: Inconsolata, Monaco, Consolas, 'Courier New', Courier, monospace;

　　color: #e96900;

　　background-color: #f8f8f8;

　　border-radius: 2px;

　　}

　　```

　　好了这下可以显示行号了，如图：![代码块显示行号]()

　　### 2.2 添加代码块复制功能

　　---

　　## 3. 优化网站加载速度

　　---

　　### 3.1 优化图片加载

　　---

　　`issue`问题：

　　优化网站加载逻辑问题：图片最后加载，加入图片懒加载方法

　　hexo-lazyload-image的作用原理是讲你博客里面img标签的src属性替换为一个loading image，把真实的图片地址放在data-origin属性下面。然后当你的网页翻到那张图片时（也就是图片在窗口中完全可见时），他会有一段js用data-origin的内容替换src，打到懒加载的目的。

　　一般情况下懒加载和gallery插件会发生冲突，比如按照我上面所说，最终结果就会变成，可能只有第一张图片在gallery中打开是原图，右翻左翻都会是那张loading image，需要你掌握js，可以修改matery.js里面的内容，甚至可能换一个gallery，比如photosiwpe之类的

　　解决方法：修改`/themes/matery/source/js`中的`matery.js`文件

　　第103行：

　　```js

　　$('#articleContent, #myGallery').lightGallery({

　　selector: '.img-item',

　　// 启用字幕

　　subHtmlSelectorRelative: true,

　　showThumbByDefault: false //这句加上

　　});

　　```

　　后面加上：

　　```js

　　$(document).find('img[data-original]').each(function(){

　　$(this).parent().attr("href", $(this).attr("data-original"));

　　});

　　```

　　再装个插件，

　　在博客根目录配置.yml文件加入对应字段，如下：

　　```yml

　　# lazyload configuration 2019.08.23

　　lazyload:

　　enable: true

　　onlypost: false

　　loadingImg: # eg

　　```

　　好了，这样实现了博客网站的图片懒加载。

　　### 3.2 Gulp实现代码压缩

　　---

　　`Gulp`实现代码压缩，以提升网页加载速度。

　　1 首先我们需要安装Gulp插件和5个功能模块，依次运行下面的两条命令。

　　```bash

　　npm install gulp -g #安装gulp

　　# 安装功能模块

　　npm install gulp-htmlclean gulp-htmlmin gulp-minify-css gulp-uglify gulp-imagemin --save

　　# 额外的功能模块

　　npm install gulp-debug gulp-clean-css gulp-changed gulp-if gulp-plumber gulp-babel babel-preset-es2015 del --save

　　```

　　2 接下来在博客的根目录下新建gulpfile.js文件，并复制下面的内容到文件中。

　　```js

　　var gulp=require("gulp");

　　var debug=require("gulp-debug");

　　var cleancss=require("gulp-clean-css"); //css压缩组件

　　var uglify=require("gulp-uglify"); //js压缩组件

　　var htmlmin=require("gulp-htmlmin"); //html压缩组件

　　var htmlclean=require("gulp-htmlclean"); //html清理组件

　　var imagemin=require("gulp-imagemin"); //图片压缩组件

　　var changed=require("gulp-changed"); //文件更改校验组件

　　var gulpif=require("gulp-if"); //任务 帮助调用组件

　　var plumber=require("gulp-plumber"); //容错组件（发生错误不跳出任务，并报出错误内容）

　　var isScriptAll=true; //是否处理所有文件，(true|处理所有文件)(false|只处理有更改的文件)

　　var isDebug=true; //是否调试显示 编译通过的文件

　　var gulpBabel=require("gulp-babel");

　　var es2015Preset=require("babel-preset-es2015");

　　var del=require("del");

　　var Hexo=require("hexo");

　　var hexo=new Hexo(process.cwd(), {}); // 初始化一个hexo对象

　　// 清除public文件夹

　　gulp.task("clean", function() {

　　return del(["public*"]);

　　});

　　// 下面几个跟hexo有关的操作，主要通过hexo.call()去执行，注意return

　　// 创建静态页面 （等同 hexo generate）

　　gulp.task("generate", function() {

　　return hexo.init().then(function() {

　　return hexo

　　.call("generate", {

　　watch: false

　　})

　　.then(function() {

　　return hexo.exit();

　　})

　　.catch(function(err) {

　　return hexo.exit(err);

　　});

　　});

　　});

　　// 启动Hexo服务器

　　gulp.task("server", function() {

　　return hexo

　　.init()

　　.then(function() {

　　return hexo.call("server", {});

　　})

　　.catch(function(err) {

　　console.log(err);

　　});

　　});

　　// 部署到服务器

　　gulp.task("deploy", function() {

　　return hexo.init().then(function() {

　　return hexo

　　.call("deploy", {

　　watch: false

　　})

　　.then(function() {

　　return hexo.exit();

　　})

　　.catch(function(err) {

　　return hexo.exit(err);

　　});

　　});

　　});

　　// 压缩public目录下的js文件

　　gulp.task("compressJs", function() {

　　return gulp

　　.src(["", "!", "!"]) //排除的css

　　.pipe(gulpif(!isScriptAll, changed("")))

　　.pipe(gulpif(isDebug, debug({ title: "Compress CSS:" })))

　　.pipe(plumber())

　　.pipe(cleancss(option))

　　.pipe(gulp.dest(""));

　　});

　　// 压缩public目录下的html文件

　　gulp.task("compressHtml", function() {

　　var cleanOptions={

　　protect: //g, //忽略处理

　　unprotect: /]*btype="text/x-handlebars-template"[sS]+?/gi //特殊处理

　　};

　　var minOption={

　　collapseWhitespace: true, //压缩HTML

　　collapseBooleanAttributes: true, //省略布尔属性的值 ==>

　　removeEmptyAttributes: true, //删除所有空格作属性值 ==>

　　removeScriptTypeAttributes: true, //删除的type="text/javascript"

　　removeStyleLinkTypeAttributes: true, //删除和的type="text/css"

　　removeComments: true, //清除HTML注释

　　minifyJS: true, //压缩页面JS

　　minifyCSS: true, //压缩页面CSS

　　minifyURLs: true //替换页面URL

　　};

　　return gulp

　　.src("")

　　.pipe(gulpif(isDebug, debug({ title: "Compress HTML:" })))

　　.pipe(plumber())

　　.pipe(htmlclean(cleanOptions))

　　.pipe(htmlmin(minOption))

　　.pipe(gulp.dest(""));

　　});

　　// 压缩 public/uploads 目录内图片

　　gulp.task("compressImage", function() {

　　var option={

　　optimizationLevel: 5, //类型：Number 默认：3 取值范围：0-7（优化等级）

　　progressive: true, //类型：Boolean 默认：false 无损压缩jpg图片

　　interlaced: false, //类型：Boolean 默认：false 隔行扫描gif进行渲染

　　multipass: false //类型：Boolean 默认：false 多次优化svg直到完全优化

　　};

　　return gulp

　　.src("")

　　.pipe(gulpif(!isScriptAll, changed("")))

　　.pipe(gulpif(isDebug, debug({ title: "Compress Images:" })))

　　.pipe(plumber())

　　.pipe(imagemin(option))

　　.pipe(gulp.dest(""));

　　});

　　// 执行顺序： 清除public目录 -> 产生原始博客内容 -> 执行压缩混淆 -> 部署到服务器

　　gulp.task(

　　"build",

　　gulp.series(

　　"clean",

　　"generate",

　　"compressHtml",

　　"compressCss",

　　"compressJs",

　　"compressImage",

　　gulp.parallel("deploy")

　　)

　　);

　　// 默认任务

　　gulp.task(

　　"default",

　　gulp.series(

　　"clean",

　　"generate",

　　gulp.parallel("compressHtml", "compressCss", "compressImage", "compressJs")

　　)

　　);

　　//Gulp4最大的一个改变就是gulp.task函数现在只支持两个参数，分别是任务名和运行任务的函数

　　```

　　3 最后 `hexo clean` && `hexo g` && `gulp` && `hexo d` 就可以了。

　　> 注意，很可能你会运行到第三步，也就是运行`gulp`压缩命令时会报错，如图所示：

　　![gulp运行错误]()

　　那是因为gulp安装的本地版本和hexo自带的版本不对应导致，第三步gulp压缩可以用下面命令强制使用本地版本：

　　```bash

　　node

　　```

　　## 3. 一些注意事项

　　---

　　### 3.1 备份博客源文件

　　---

　　有时候我们想换一台电脑继续写博客，最简单的方法就是把博客整个目录拷贝过去，就是这么暴力。不过，这种方法有个问题就是要是那天电脑崩了，本地源文件丢失了，比较麻烦，所以这时候就可以将博客目录下的所有源文件都上传到`github`上面。

　　首先在`github`博客仓库下新建一个分支`hexo`，然后`git clone`到本地，把`.git`文件夹拿出来，放在博客根目录下。

　　然后`git branch -b hexo`切换到`hexo`分支，然后`git add .`，然后`git commit -m "xxx"`，最后`git push origin hexo`提交就行了。

　　具体效果可以看我的博客源文件仓库：[传送门]()。

　　大家也可以先用下文`hexo`安装方法安装完`hexo`，然后直接`git clone -b hexo `克隆我的所有源文件，这是我目前修改完的基本没`bug`的定制化的博客，可以直接拿来用。

　　**持续更新中...，如果遇到问题欢迎联系我，在文章最后评论区【留言和讨论】，当然，欢迎点击文章最后的打赏按键，请博主一杯冰阔乐，笑～**

　　参考：

　　* [Blinkfox]()

　　* [godweiyang]()

　　seo如何搭建博客：怎样搭建一个自有域名的 WordPress 博客？

　　最近花了几个晚上时间搭建了一个WordPress博客，这是我搭建的第一个独立博客，相比以前用过的一些博客服务，现在终于有了点家的感觉。

　　博客搭建并不复杂，只是过程有点繁琐，适合喜欢折腾的人，主要有下面几个步骤：

　　新建一个博客文件购买域名(Domain Name)注册一个主机空间(Web Host)域名解析(DNSPod)安装WordPress安装WordPress主题设置固定链接安装插件图片存储添加网站图标

　　完成这几个步骤之后，博客基本上就可以正常使用了，当然后面还要做一些优化，这方面这里不予讨论，下面针对每一项操作做具体的介绍。

　　新建一个博客文件

　　在搭建博客的过程中，我们需要创建一个文件，用来存储博客的相关信息。这些信息包括域名的信息，主机空间服务器ip，FTP登录名和密码，空间面板登录信息等等，只要是与该博客有关的信息，全部存在这个文件内，方便以后查看。

　　购买域名

　　域名当然要去最有名的去他爹网站(goDaddy)购买了，作为全球最大的域名注册商，且支持支付宝付款，是我们购买域名的不二选择。

　　域名后缀推荐买一级域名“.com”，虽然“.com”域名比其他的贵些，但是goDaddy会定期做优惠活动，Google上搜索“goDaddy优惠券”会出现很多相关链接，我的域名就是在做活动的时候买的，只花了1美元。如果选中了喜欢的域名，而暂时没有活动时，不妨加入购物车后等几天，相信你会收到打折邮件的。另外购买特价域名时只能用信用卡，所以一张双币信用卡也是必不可少的。

　　注册一个主机空间

　　主机空间是存放博客程序的地方，以地理位置划分为内地空间、香港空间和国外空间，内地空间的优点是访问速度快，缺点是需要备案；香港空间访问速度介于内地和国外之间；国外空间访问速度较慢，无需备案。空间的选择看个人情况了，空间大小的话新手几百M足够用了，等以后写的内容多了不够用了再考虑更换。

　　域名解析

　　在goDaddy购买了域名后，goDaddy会帮我们解析这个域名，但是goDaddy解析的域名有时会遭到屏蔽，而且解析的速度也不快，因此一般使用DNSPod来进行解析。使用DNSPod有以下三步：

　　n(1)在DNSPod添加记录，注册后添加域名。

　　n(2)修改域名DNS地址为DNSPod的，登录goDaddy网站，点击“My Account” ，点击“Domain”右侧的“Launch”，进入域名管理页面，在“NameServers”一栏点击“Set NameServers”，在弹出的对话框中前两个Name Server处分别填写DNSPod的域名服务“F1G1NS1.DNSPOD.NET”、“F1G1NS2.DNSPOD.NET”。

　　n(3)将域名指向主机服务器的ip，即在DNSPod中添加“A记录”，注意要添加带“www”的和不带“www”两个记录，添加完后见下图：

　　域名解析完后就可以访问了，此时我们在地址栏输入域名后可以看到主机空间上的信息，接下来的事情就是安装WordPress了。

　　安装WordPress

　　不同的主机空间有不同的虚拟主机控制系统，安装的过程也不尽相同，但是步骤都是差不多的，我购买的主机空间使用的是cPanel面板，下面就针对cPanel安装wordpress做个简略的介绍。

　　n(1)登录cPanel面板，找到“数据库”-“MySQL数据库”，创建一个数据库，然后创建用户，将用户添加进数据库，勾选“所有权限”，点击“更改”完成。

　　n(2) 上传WordPress，从WordPress网站下载最新的WordPress中文版，回到cPanel首页，点击“文件”-“文件管理器”，选择“Web Root”后点击“Go”，选择“上传”，选择刚才下载的压缩包上传。上传完后回到根目录选择压缩包，点击“解压缩”，解压缩完成后在根目录多了一个wordpress的目录，进入这个目录，点击“全选”，然后点击“移动文件”，去掉目录中的wordpress，将文件移动到根目录下。

　　n(3)设置wordpress基本信息，在浏览器访问你的域名，跟着提示点按钮，直到出现输入数据库信息的页面，输入之前创建的数据库信息，至此wordpress就安装完成了。

　　安装WordPress主题

　　wordpress安装完成后，需要给博客安装一个主题，也就是我们的页面模板，进入wordpress的管理页面，选择“外观”-“主题”，点击“安装主题”选择主题安装，也可以上传下载其他主题，最好的免费官方主题可以在这里看到：Free Theme。

　　设置固定链接

　　固定链接是指文章的url显示，默认是问号和数字，修改成自定义结构“/%postname%/”可以更好的让搜索引擎找到你的文章。

　　安装插件

　　为了更好的使用WordPress，一些好的插件是必不可少的，下面罗列出个人使用中的一些插件。

　　Akismet

　　Akismet插件可以帮助清除大量的垃圾留言和评论，保持博客的清洁，使用该插件需要用到API key，可以向主机提供商索要。WP Super Cache

　　n优秀的缓存插件，可以将博客静态化，一方面能够提高SEO排名，另一方面可以提高博客的访问速度，缓解服务器压力。Google xml Sitemaps

　　n很好的SEO插件，让搜索引擎更好的收录你的站点。Dynamic To Top

　　n点击回到顶部，文章比较长时很实用，可以自定义显示效果。WordPress Related Posts

　　n此插件在每篇文章下显示相关文章或随机文章，有利于博客的SEO。WP-PageNavi

　　n很不错的分页插件，加速快速浏览博客的文章。Smart Archives

　　n文章存档导航插件，装好插件后，新建一个页面，在页面的内容区输入“【smart_archives】”(括号修改为英文的中括号)，保存，然后新建一个菜单，添加该页面，一个不错的文章存档菜单就完成了。

　　图片存储

　　新手搭建的博客，一般主机空间容量不大，如果文章中图片较多的话，图片存储就成了问题。寻找一个稳定易用的图床，方便图片的使用和存储，是应该重点关注的事情。这里推荐一个优秀的国外免费图床：photobucket。

　　photobucket在国外非常有名，相当稳定，国内访问速度也很不错。免费支持图片外链，提供500M的图片空间，每月10G的图片访问流量，对个人博客图片存储来说这些功能就足够了。此外还有一个十分重量级的特性，就是上传的图片不会改变图片名称，正是由于这个特性让我选择了photobucket。

　　为什么这个特性如此重要呢？

　　举个例子说明一下，假设我上传了一张图片，该图片的名称是wp.jpg，图片的外链地址是用户名/相册名/wp.jpg，同时我在DropBox和本地也备份了一份该图片，目录结构跟相册中的一致。如果photobucket访问不了的话，博客中的图片就无法显示了，此时我只需要上传图片到新的服务器，然后去数据库批量修改图片的链接为新的服务器的图片存放地址，就可以恢复所有图片的显示了。

　　添加网站图标

　　网站图标是显示在URL最前面的小图标，可以进行自定义，获取图标最简单的办法是到网站Favicon.cc下载，或者亲自做一个，网站图标建议使用.ico文件格式。

　　下载图标后，上传至主机的根目录public_html下，然后进入WordPress后台管理页面，选择“外观”-“编辑”，打开“head.php”，添加下面的代码(确保图标名称为favicon.ico)：

　　n保存后刷新页面就可以看到图标了。

　　seo如何搭建博客：新手站长在建立博客网站时该如何做好SEO优化？

　　一：结构优化，意思就是网站布局合理，内容优先展示，加载速度快。图片合理，标记完整。

　　二：标题及关键字优化，尽量有自己的风格。

　　三：内链优化，每页都可以跳转链接到下一页或上一页，有好的用户体验。

　　四：外链优化，尽量多且优质的外链。

　　五：内容优化，网站有独特的内容吸引人，粘住人。

　　seo如何搭建博客：如何做好博客seo？

　　首先你需要确认一点，你的博客是为了展示内容，还是为了销售呢？

　　如果只是为了展示内容的话，做好SEO就是为了带来流量，顺便也可以赚一点广告费。

　　如果是为了销售的话，其实做好SEO，对销售的提升意义并不是很大。

　　因为销售要的是：流量+转化！

　　现在的母婴行业竞争是非常大的，如果你希望通过博客带来销售额，建议精炼内容，把博客作为一个集中展示相关母婴知识的地方，打造一个专业的母婴知识宝库，也可以howto知识库。然后做一件事情，就是去各大论坛，母婴社区去分享这些博文，为你的博客带来流量。

　　在带来流量的同时做好转化工作，比如把流量引导到你的个人微信，引导到你的销售页面等等。

　　如果有精力的话，也可以深耕微信个人号出来。

　　为什么推荐微信个人号，而不是微信公众号呢？

　　因为公众号基本格局已定，大的母婴团队都在做，个人做不过他们。

　　但是通过博客，引导到微信个人号，既可以让粉丝每天看到你的动态，又可以及时提供咨询，随时随地都可以开展你的生意，不失为是一种不错的选择。

　　PS：我自己也是博客营销的爱好者，有什么想法大家可以一起交流！

　　seo如何搭建博客：怎么建立个人博客？

　　现在互联网飞速发展，不论是企业还是个人创建一个自己的网站，将有可能给自己带来一笔不菲的收入。因而，学会创建自己的博客网站也显得相当重要，但是怎么创建呢？别急，这里是来自专业SEO人员为大家分享来自漫月居的顶尖干货。

　　工具/原料空间（主机）或者服务器、域名、建站程序ftp工具、网站模板方法/步骤

　　购买空间（主机）或者服务器，现在互联网竞争激烈，空间也不算太贵。譬如我的漫月居博客用的空间每年的费用是88元。选择空间时，100多M足够了，不用太大，数据库嘛也不用太大，50M绝对用不完。

　　购买域名，现在有很多大企业大平台会出售二级域名，但这里建议大家不要去购买那种二级域名，因为，事实上除了听着很光彩之外没有任何卵用。关键是在日后做SEO优化时难度比顶级域名高，并且你购买一个新顶级域名只要三四十元，但购买这样一个二级域名就不止这点钱了。当然，如何挑选域名也是一门学问，这直接关系到你的网站能否得到好的SEO排名，这个我在我的博客中已经详细介绍。

　　下载ftp工具，ftp工具将自始至终伴随你的网站，也就是通过ftp不仅能上传网站程序，还能对空间的文件进行操作。

　　找建站程序，如果你是专业的编程人员，你可以自己编写建站程序。当然，一般我们直接使用开源程序，自己到网上找这样一些程序。提醒一点，建站简单，做SEO难，如果你想在日后优化SEO容易，挑选开源程序也是一门学问，我在博客中也有详细述说。

　　将域名解析到空间（主机）或者服务器，这一步也很重要。就是要让空间和域名联系起来，这样我们通过域名就可以直接访问空间里的文件了。个人建议，新手小白建站，先不要直接解析顶级域名使用，先解析一个二级域名，目的是，因为刚开始不懂建站，而域名是会被玩烂的，所以，先用二级域名，如果被玩烂了，你再解析一个二级域名就行了，二级域名可以解析无限个，但顶级域名只有一个。不懂怎么解析的来我博客，我详细说明了。

　　使用ftp工具上传建站程序，ftp的登录账号填写空间的账号密码等，这个你需要来我博客了解了解，因为不是一两句花就能说清楚的。上传的建站程序放在网站根目录里，不知道根目录的可以去问空间商。

　　将建站程序的模板文件换成自己喜欢的模板文件，修改其他一些网站信息，比如：网站名称，网站导航，等等。因为这里要说清楚的是，建站容易，优化难！创建一个网站现在不过百十元钱，但要优化一个网站就难了，比如你请专业人员优化，一个关键词就是3000以上，那一个网站至少要有四五个关键词优化上去吧，这样，就是15000元以上。所以，多来我博客学学，对你没什么坏处。

　　END注意事项建站容易优化难，要想创建一个赚钱的网站，就要从建站时就注意细节。还是建议来我博客看看，我虽然不是很精通，但也是专业SEO，对外接单，价格就是以上说的那样。