(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博客的功能添加以及优化

可参考:

更新:GitHub不支持密码验证了

就会报出如下错误:

remote: Support for password authentication was removed on August 13, 2021. Please use a personal access token instead.
remote: Please see https://github.blog/2020-12-15-token-authentication-requirements-for-git-operations/ for more information.
fatal: unable to access ‘https://github.com/XXX/XXX.git/‘: The requested URL returned error: 403

解决方案:

1.将GitHub中的Token覆盖在Mac钥匙串中的对应的GitHub账户的密码。

具体操作方法可参考:Hexo/MacOs github不再支持密码验证解决方案2021.8.13更新

2.在终端要求输入密码时将Token输入即可。
失效要求重新输入usernamepassword验证时的操作:

username:你的GitHub账户名称
password:Token

注意:Token期限要根据习惯设定。

更新:Git - SSL_ERROR_SYSCALL 问题解决

即出现的如下问题:

Error: fatal: unable to access 'https://github.com/liujunjie11/liujunjie11.github.io.git/': LibreSSL SSL_connect: SSL_ERROR_SYSCALL in connection to github.com:443

因为这个问题并未影响我正常使用Hexo,并且依旧能够正常上传展示到博客,则先未能尝试解决此问题。但可参考:Git - SSL_ERROR_SYSCALL 问题解决

更新:Hexo LibreSSL SSL_connect: SSL_ERROR_SYSCALL in connection to github.com:443问题解决

即在deploy命令时出现的如下问题:

LibreSSL SSL_connect: SSL_ERROR_SYSCALL in connection to github.com:443

解决:打开终端输入如下命令(根据情况)

git config --global --unset http.proxy
git config --global --unset https.proxy

最好在能科学上网的情况下完成。如:使用SS时打开全局代理。

更新:Hexo GitHub remote: Permission to repository denied. URL returned error: 403问题解决

在2021年GitHub不支持密码登陆Git账户之后,现在仅可根据密钥登陆。
但是再使用密钥登陆时又出现了403显示错误的问题:

问题解决来源链接:remote: Permission to repository denied. URL returned error: 403

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

文章作者:刘俊

最后更新:2023年10月15日 - 16:10

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