美文网首页Android精选程序员有些文章不一定是为了上首页投稿
玩Hexo博客,从搭建到百度谷歌收录全流程

玩Hexo博客,从搭建到百度谷歌收录全流程

作者: 才兄说 | 来源:发表于2018-09-25 00:57 被阅读19次

前言:hexo静态博客很早就耳闻了,鉴于时间和精力,之前一直没决心要做一个自己的个人网站。在使用hexo搭建静态博客之前,还有一个小插曲,之前曾经考虑过使用wordpress搭建个人网站,阿里云服务器和域名都已经购买,但是域名备份需要服务器运行3个月,这个点就很影响个人网站的使用,并且阿里云服务器一年的费用达到2000多,确实是一笔不小的开销。之后,转而投向谷歌github、百度coding的静态个人网站,好处是免费并且有平台提供的特定域名地址,而hexo可以满足目前这些所有的需要,个性化定制型强,搭配目前使用人数最多的next主题。目前搜索个人的博客中,大多数都是这个搭配。言归正传,下面就把玩hexo从搭建到收录完整的过程分享给大家,很多坑点网上是找不到的,千变一律的内容很难分析问题。

关键地址

NexT主题官方文档 hexo的一些部署配置可以简单参看,主要看NexT主题怎么在hexo中配置,定制个性化内容。
leancloud网站 博客集成阅读数,valine评论系统都需要用到。
hexo个性化icon网站 里面的icon名称可以使用到hexo中,替换并定制化icon,hexo的图标都是关联到这里的。
coding网站 国内存放静态博客界面代码
github网站 国外存放静态博客界面代码
注意:个人把静态博客分别上传到coding、github,方便国内和国外的搜索引擎爬取到内容。自己可以酌情选用。
百度收录站点 提交coding域名
谷歌收录站点 提交github域名

相关地址

valine评论系统用于博客集成评论系统
Node.js hexo需要先安装node.js环境
Git hexo在上传时需要用到git
5.1: git@github.com:iissnan/hexo-theme-next.git (个人使用版本)
6.0: git@github.com:theme-next/hexo-theme-next.git
博客参考地址

正文

1.准备工作,点击上面的Node.js进入到网页,然后下载安装Node.js环境,接着再把git也安装到本地。

2.如果git安装成功后,然后选择一个目录,右键选择Git Bash Here打开命令行窗口,安装并初始化hexo。依次执行如下命令:

npm install -g hexo-cli
hexo init Hexo
cd Hexo
npm install

如果都执行成功后,Hexo文件夹就是本地的个人静态网站内容了,以后修改定制都需要进入该目录操作里面的文件。
接下来,执行:

hexo s

当看到命令行窗口出现,INFO Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.的内容时,说明启动成功了,然后在浏览器输入网址:http://localhost:4000/即可看到本地hexo网站了。

另外,补充几个hexo关键的操作命令:

hexo clean #清空hexo,主要删除Hexo根目录下的public文件夹
hexo g #重新成功public文件夹内容
hexo s #启动本地hexo服务
hexo d #发布到远程仓库

以后每次同步远程仓库,基本都是上面的命令顺序。

3.hexo默认的主题是landscape,我们需要安装使用人数最多,个性化最好的主题NexT。在命令行窗口输入:

git clone https://github.com/iissnan/hexo-theme-next themes/next

安装成功后,使用编辑器打开Hexo根目录下的_config.yml文件,把里面的landscape主题替换成next主题,然后hexo clean,hexo g,hexo s,然后刷新浏览器就可以看到新配置的主题了。

# Site
title: Hexo         # 此处改为你站点的标题
subtitle:           # 此处改为你站点的副标题
description:        # 此处改为你站点的说明
keywords:           # 此处改为你站点的关键字
author: John Doe    # 此处改为你的名字
language:           # 此处改为 zh-CN
timezone:           # 此处改为 Asia/Shanghai

# URL
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: http://yoursite.com
root: /
permalink: :year/:month/:day/:title/   # 此处可以改为 :title/
permalink_defaults:

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: landscape   # 此处改为 next

4.把本地静态代码上传到远程仓库,github、coding等。首先我们需要分别在两个平台上注册,并新建一个项目。注意:新建的项目名称是有特定要求的,github上的名称必须是:{user_name}.github.io,coding上的名称必须是:{user_name}.coding.me,这个用户名你就看当时注册的时候用的是哪个即可。
接着打开Hexo根目录下的_config.yml文件,找到deploy:

deploy:
  type: git
  repo:
    github: git@github.com:xxx/xxx.github.io.git,master
    coding: git@git.coding.net:xxx/xxx.coding.me.git,master

修改好了之后,执行命令上传到远程仓库:

hexo g -d

最后,找到远程仓库,coding和github,把他们的pages主题都打开,等待一会,然后访问pages地址就可以看到你提交的个人网站了。

5.让百度谷歌收录个人网站,打开上面提到的百度收录,谷歌收录地址,统一选择文件验证的方式,百度这边的话在添加地址的时候,第一次可能需要填写个人信息,补充完毕后,添加网站,然后根据提示操作。这里提一个坑点,百度谷歌都是使用文件验证的方式,网上大多数的说法都是直接把文件放到Hexo根目录的source目录下,这种做法实验证明是有问题的,当我们执行hexo g生成静态界面的时候,hexo会把多余的内容添加到验证文件中,导致百度或者谷歌验证一直失败。解决方法就是,验证文件先不加,等待hexo g执行成功后,手动把验证文件copy到Hexo根目录下的public目录中,然后执行hexo d上传到远程仓库,最后再验证,可以看到百度谷歌都验证成功了。最后就等待审核通过后,输入site:地址,看看能否找到网站。

关于hexo主题的个性化设置及评论系统的集成,会另外开一篇文章分享。请持续关注。

相关文章

网友评论

    本文标题:玩Hexo博客,从搭建到百度谷歌收录全流程

    本文链接:https://www.haomeiwen.com/subject/kfwhoftx.html