美文网首页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