基于Hexo搭建个人博客之(三)部署篇

版权声明:欢迎转载,请说明出处~~~ https://blog.csdn.net/java_1996/article/details/85408719

这是一个基于Hexo的个人博客的教程,包含了从博客搭建到主题优化,最后部署到云端的全过程。
更多Hexo搭建个人博客击系列文章,欢迎访问我的个人博客–>幻境云图

本章主要记录了将自己的博客,从购买自定义域名到,部署到Github,Coding同时收录到百度,Google的具体方法和过程。

各种教程网上一搜都是一大把,不过由于时间原因,很多地方都不能用了。所以把自己部署的过程记录了下来,希望能对大家有帮助。

具体时间:2018-12-30

1.购买个性域名

估计大家折腾了这么久也就是为 了拥有一个自己的个性站点,所以强烈建议大家为自己的博客站点配置一个独一无二的个性域名.我这里选择阿里旗下的万网。我的域名是www.lixueduan.com

大家可以选择一个自己喜欢的域名。等部署完毕就可以通过域名访问自己的博客了。

问题:

  • GithubPages/CodingPages

    • Github Pages是Github免费提供给开发者的一款托管个人网站的产品。
    • Coding Pages也是Coding免费提供给开发者的一款托管个人网站的产品。
  • 关于为什么要部署两次

    虽然可以根据自定义域名来访问自己的博客了,但是百度谷歌上都搜索不到,那岂不是很难受╮(╯▽╰)╭

    所以接下来为了让自己的博客能够被搜索出来,就需要让百度谷歌收录我们的网站。在部署收录过程中发现,Github屏蔽了百度的爬虫,所以搭建上GithubPages的话无法提交至百度,只有Google可以收录。

    所以为了让百度收录我们网站,就得在Coding上也搭建一个。

    同时在搭建的过程中发现如果先搭建在Github上,然后再搭建Coding时会出现DNS解析冲突。所以需要:先搭建Coding上的,再搭建Github上的,国外的访问则走Github,国内的访问会走Coding,完美

2.部署到CodingPages

1.1 注册coding账户

点击这里注册Coding](https://coding.net/)

1.2 创建新项目

  • 注册好后创建一个项目用来部署个人博客,项目路径和项目名称最好和用户名一致

1.3 开启CodingPages

点击Pages服务,然后一键开启。

部署master分支

自定义域名 可以填两个 www.xxx.comxxx.com

绑定自定义域名的时候需要在买域名的地方(我这里是阿里的万网)配置DNS解析

添加两条CNAME解析
主机记录
	一个@,一个www//@就是无前缀,xxx.com, www就是www.xxx.com
解析路线
	默认就行
记录值
	lillusory.coding.me //这里改成自己的

然后可以开启Https访问。

到这里就可以通过个性域名访问啦。不过现在博客代码还没有push到项目里。

1.4 Push代码到Coding

配置SSH key

首先需要配置一个SSHkeyGitHttp协议和Git协议两种。我们这里使用Git协议就需要配置一个SSH key,等会部署到Github上也需要配置这个。

具体配置方法如下:

Git 配置及SSH key

修改站点配置文件

这里只配置了Coding,可以先把Github的注释掉

# Deployment 部署到云端相关配置
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repository: 
   github: git@github.com:lillusory/lillusory.github.io.git
   coding: git@git.coding.net:lillusory/lillusory.git
  branch: master

地址在这里:

配置好后,运行hexo g时就可以把博客部署到Coding上了,也可以通过个性域名访问了。

3.收录到百度

3.1网站添加

直接百度搜索你的域名,比如我的www.lixueduan.com ,如果没有收录就会提示暂未收录,点击提交网址

点击这个链接进入百度站长平台,登录成功后选择`用户中心–>站点管理–>添加网站

输入自己的网站,如www.lixueduan.com 协议头如果开启了https就选https

3.2 网站验证

然后会验证这个网站是不是你的,选CNAME验证

然后去域名哪里添加一条解析即可。

记录类型–>CNAME

主机记录—>前面那一串l3rUDBLOMX

记录值–>后面那个ziyuan.baidu.com

其他的都按默认的就行了,添加后别删除,需要一直留着。

3.3 站点地图

接下来我们需要生成网站地图sitemap,使用sitemap方式向百度提交我们的网址

站点地图是一种文件,您可以通过该文件列出您网站上的网页,从而将您网站内容的组织架构告知Google和其他搜索引擎。搜索引擎网页抓取工具会读取此文件,以便更加智能地抓取您的网站。

  • 先安装一下,打开你的hexo博客根目录,分别用下面两个命令来安装针对谷歌和百度的插件
npm install hexo-generator-sitemap --save  #sitemap.xml适合提交给谷歌搜素引擎
npm install hexo-generator-baidu-sitemap --save  #baidusitemap.xml适合提交百度搜索引擎
  • 站点配置文件中添加如下代码
Plugins:
- hexo-generator-baidu-sitemap
- hexo-generator-sitemap

baidusitemap:
    path: baidusitemap.xml
sitemap:
    path: sitemap.xml

在你的博客根目录的public下面发现生成了sitemap.xml以及baidusitemap.xml就表示成功了.

然后将博客重新部署后就可以直接访问站点地图了。如https://www.lixueduan.com/baidusitemap.xml

然后将这个站点地图提交到百度

站点管理-->站点属性-->链接提交-->自动提交-->sitemap

完成后就算是提交成功了,百度比较慢,要好几天才能收录。

4.部署到GitHub

步骤和Coding差不多的。

4.1 注册Github账号

点这里注册Github账号

4.2 创建新仓库

也是名字必须和用户名一样,必须按照这个格式username.github.io,例如lillusorycloud.github.io

创建好仓库后找到Setings 往下拉,找到Github Pages 设置Custom domain填下自定义域名,如www.lixueduan.com.如果有Enforce HTTPS选项也可以勾上。

4.3 Push代码到Github

配置SSH key

首先需要配置一个SSHkeyGitHttp协议和Git协议两种。我们这里使用Git协议就需要配置一个SSH key,等会部署到Github上也需要配置这个。

具体配置方法:

Git 配置及SSH key

修改站点配置文件

repository中添加一个github

# Deployment 部署到云端相关配置
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repository: 
    github: git@github.com:illusorycloud/illusorycloud.github.io.git
    coding: git@git.coding.net:illusorycloud/illusorycloud.git
  branch: master

配置好后,运行hexo g时就可以把博客同时部署到Coding和Github上了,也可以通过个性域名访问了。

5. 收录到Google

和百度差不多。

5.1网站添加

首先进入Google站点平台

然后添加资源,注意httphttps

5.2 验证所有权

然后验证所有权,选择DNS供应商

供应商选择其他,然后选择添加CNAME记录,在域名解析中添加一条记录。也是添加后不要删除。

5.3 站点地图

验证后就可以添加站点地图了

提交成功后,我们的站点就已经被Google收录了.大概一天就能收录成功,比百度块一些。

6. 总结

本文主要讲了怎么将博客部署到CodingGithub和怎么让百度,Google收录我们的网站。

参考

Hexo官方文档

基于Hexo的个人博客

Hex博客搭建

猜你喜欢

转载自blog.csdn.net/java_1996/article/details/85408719