(Mac下)用Hexo3.X next5.1.2搭建自己的博客,安装,正确配置,部署谷歌,结合用七牛云写作

前言

  • Hexo3.X

  • next主题5.1.2

  • Mac系统

  • github账号密码

在自己终于搭建了一个自己的个人独立博客后,虽然还有一些小的空间之类的限制,不过也是有余了。

因为这个版本的不同导致我在这个新的版本走了不少的弯路,看了官网也发现了有一些不正确的配置,现在打算记录下来帮助需要的朋友。


开始


安装

因为安装的这个部分没有变动,所以本人不再详细介绍了。下面提供我在安装时参考的网页教程,按照其中的顺序步骤安装即可。

不过我会在此提醒一下一些细节的问题。

这是我个人感觉比较好的几篇文章,在以上的页面中可以依次参考,最好是同时打开参考,看一遍左右就可以知道大概需要做那一些工作了。


安装过程中的细节提示

  • 写完后的空格应该要注意留。

  • 大小写的严格要求,应该反复检查,往往可以抓出问题的所在。

  • 配置文件的编写,或者是文件的误删。

    比如在需要GitHub的域名时的前面的
    repo 或者是 repository ,两者都是可行的。

  • 各个命令行的顺序运行。


配置

但是其中有一些配置是错误的,配置完达不到预期效果的,我将一一进行补充说明,以下的相关的配置说明是经过本人配置了多次得到的发现问题的所在。

配置完主题后必须要记得使用命令 hexo s -debug 表示主题调试,否则肯定达不到预期的效果!并且应该要注意记得在每次配置完主题在使用这个命令后,应该要打开 http://localhost:4000/ 来进行查看网页的情况,以便出现错误了,可以提前知道。


开始使用的配置

next开始使用的官网

即在配置标签的小图标时的错误,以下才是正确的配置,即不要分开来编写
即为菜单的小图标的配置问题

next主题配置

next主题配置官网

以下为配置链接时的小图标的问题

以上是next主题开始使用及主题配置的相关的官网配置的纠正错误

  • 但是如果想要解决自己的网页打开慢的问题,可以如下配置:

    即在 font 下的 global 的子目录处 family 对应的字体去掉
    并且在上方加上 use_font_lato: flase (如图),这是因为在打开博客网页的时候会加载谷歌字体,需要占大量的时间,官网还有一个加速的配置,继续往文章下看。

第三方服务配置

第三方配置的官网

  • 注意在百度统计的这个配置上面是行不通的,即为以下的这个配置是可产生错误的,本人经过多次测试


内建标签

next主题的内建标签官网配置

  • 本人暂时没用到

进阶配置

next进阶配置官网

在这个配置中是可以加速网页打开的,本人亲自测试,快了不止一点点(如下图1),注意的是需要将其中的(如下图2)_internal: 后面改为 lib ,因为新的版本已经将 vendors 文件夹改为了 lib,若是不改,动画效果展示会没有预期的效果出现的!

  • 图1

  • 图2

提示

  • 在每次配置完主题,或者是写完文章上传命令的顺序应该是:

    hexo s -debug 主题调示生效

    并且打开 http://localhost:4000 查看是否无问题

    hexo clean. 清理页面缓存

    hexo g

    hexo d 上交到GitHub


将网页部署到谷歌,即被谷歌收录

  • 第一步

注册谷歌

  • 因为本人时间问题,请参考:

仅仅参考其中的验证过程及后续的站点地图过程即可,中间的过程我来进行补充,不然会发生错误!!!!!!!

参考1

参考2

  • 在验证之后的配置补充

进入主要配置文件,将url对应的网站换成自己的之后(如图) 再命令npm install hexo-generator-sitemap --save hexo -g hexo -d 生成自己对应的 sitemap.xml 文件之后再进行站点的环节!!!

是这样的才是正确的,如图

如果是在配置站点时提示出现错误的,即为错误的原因是没有更改url的问题

修改文件 robots.txt 配置,即为你允许搜索引擎搜索你的哪一些的内容的配置。如我修改的

  • 具体可以参考此篇文章,seo优化,让你的博客在谷歌搜索得到优化:

    参考


将图片存在七牛云,一齐写作

  • 第一步,为什么要用七牛云?因为我们的博客基于GitHub上会有内存的限制,不能将每一张图片上传GitHub空间,而七云牛之类的可以解决这个问题,并且空间也足够用了。

了解七云牛

注册七云牛

  • 点击 存储对象 新建一个空间,名字随意

  • 点击 镜像储存之后绑定自己的域名,可以加速访问,并且写作添加图片也需要。

  • 之后可以上传文件了


  • 在写作时的添加图片格式,复制外链,然后运用markdown语法即可完成图片添加

最后

  • 在Mac上的可以用Macdown来写markdown语法

    Macdown下载

  • 在使用命令行的过程时,有时使用 hexo -g hexo -d 会出现找不到命令行的错误提示。使用完整的命令行就可以解决了,即 hexo clean`` hexo generate`` hexo deploy

在出现 unable to access 'https://github.com/... 之类的问题,也是切换命令行的简写或者是全写即可解决。

声明

被参考的其他网页均在我的简书上已经声明

更新:多个设备写Hexo博客

更新:为hexo添加繁/简体转换功能

更新:hexo博客的功能添加以及优化

可参考:

---------------本文终---------------

文章作者:刘俊

最后更新:2019年03月28日 - 14:03

许可协议: 转载请保留原文链接及作者。