hexo+github搭建个人博客网站问题汇总和解决办法

您所在的位置：网站首页 › palilove为什么打不开 › hexo+github搭建个人博客网站问题汇总和解决办法

hexo+github搭建个人博客网站问题汇总和解决办法

2024-06-03 15:55:18| 来源: 网络整理| 查看: 265

分享B站教程：【2021最新版】保姆级Hexo+github搭建个人博客_哔哩哔哩_bilibili

本人在使用hexo + github搭建个人博客网站的过程中也是一步一个bug做过来，几乎每一步都有error，一路修复，在最后换主题的那一步始终都无法同步本地的css样式到网站上；所以干脆删掉了整个blog文件夹整个重新做了一遍，才算是成功部署；这过程中一些记忆较深的Error也就记录了下来，并且收录了网上搜索到的一些可行方案，大家也能少被水帖浪费时间。

几个需要注意的细节：

1.cmd用管理员身份打开

2.配置_config.yml文件时记得每个：后都要留一个空格

1.在hexo d 的时候出现 Error: Spawn failed Solution1:

在创建的blog文件夹（即最早建的最大的文件夹）中找到_config.yml，把deploy板块中的repository换成ssh地址

github的仓库ssh地址如图所示。

repository: 此处填ssh地址

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-K4n6TRpT-1638064551681)(C:\Users\69091\AppData\Roaming\Typora\typora-user-images\image-20211126093214988.png)]$

如果没有添加过密钥，则前往GitHub的个人设置（点击右上角头像旁边的小三角—>settings)，点击SSH and GPG;在本地通过git生成密钥后再复制并添加到ssh keys中即可。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-5OoosWeQ-1638064551682)(C:\Users\69091\AppData\Roaming\Typora\typora-user-images\image-20211126093728626.png)]$

solution 2：

还是在blog文件夹下，删除名为.deploy_git的文件夹

在命令行中执行

git config --global core.autocrlf false

然后再走一遍流程

hexo c

hexo g

hexo d

2.在git clone之后向上git push的时候出现Error: Failed connect to github.com:443; 或fatal: unable to access … :Failed to connect to github.com port 443:

source:解决git push时出现Failed to connect to github.com port 443: Timed out_稚与的博客-CSDN博客

solution 1:

打开/etc/hosts文件，将github.com对应的行屏蔽掉.。

hosts的文件位置如下：

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-fJygWjSG-1638064551683)(C:\Users\69091\AppData\Roaming\Typora\typora-user-images\image-20211126100907640.png)]$

在github.com 相关行前面加#即可。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-74EltwXJ-1638064551684)(C:\Users\69091\AppData\Roaming\Typora\typora-user-images\image-20211126101312347.png)]$

solution 2:

1.查询是否使用代理

git config --global http.proxy git config --global https.proxy 或者 env|grep -I proxy

如果查询时二者均无返回信息，则说明此方法不适用。

2.取消代理设置：

git config --global --unset http.proxy git config --global --unset https.proxy 3.Hexo启动页面显示extends includes/layout.pug block content include includes/recent-posts.pug include solution:

执行如下命令

npm install --save hexo-renderer-jade hexo-generator-feed hexo-generator-sitemap hexo-browsersync hexo-generator-archive

再通过 hexo c清楚缓存

hexo g生成静态文件即可。

4.hexo d命令报错：ERROR Deployer not found: git solution：

安装hexo-deployer-git：

npm install --save hexo-deployer-git

在_config.yml配置中将deploy的type由github改为git：

deploy type: git repository: [email protected]:YOUR_ID/YOUR_ID.github.io.git branch: master 5.hexo本地效果正常，部署后丢失css样式 solution x:

其实这个问题不同的情况对应不同的措施，而我花了整整一天，试了大部分网上能找到的方法，也没找到对我可行的方案: (，最后是整个重新制作才成功避开了这个问题。

个人建议是把blog目录下的 _config.yml和hexo目录下的 _config.yml统一修改。

再列举一些部分反馈表示可行的办法：

solution 1: source:hexo部署博客没有样式等问题_青空的博客-CSDN博客_hexo没有样式

在更目录下的_config.yml文件里的url和root一定要设置

example:

url: https://gitee.com/username/bb //填的是你的部署的地址 root: /bb/ //填的是url最后一个斜杠后的那个地址

再重新执行命令hexo clean，hexo g

solution 2: source:hexo博客在本地可以正常预览,部署到github上后为什么无法显示样式,只有内容呢？ - 知乎 (zhihu.com)

原因可能是设置的路径的问题导致css未加载。可能你的博客并不是在github库的根目录下，也就是说你建的库可能是 http://yourname.github.io/文件名/ 里面

解决方法是，在hexo配置文件 _config.yml内，找到 #URL 这个配置项，里面设置url和root跟目录的位置。比如我的站点路径是 https://xxxxxx.github.io/blog/ 那么，将root设置为『/blog』。

保存后依次执行：

hexo clean （清空本地导出的博客）hexo g (重新生成)hexo d 发布到github上

应该就没问题了。

solution 3: source:hexo博客在本地可以正常预览,部署到github上后为什么无法显示样式,只有内容呢？ - 知乎 (zhihu.com)

在GitHub的目的仓库新建一个分支，将public文件夹推到这个新建的分支；

master保存代码，新建分支保存编译后的public文件夹

客在本地可以正常预览,部署到github上后为什么无法显示样式,只有内容呢？ - 知乎 (zhihu.com)](https://www.zhihu.com/question/319817323)

在GitHub的目的仓库新建一个分支，将public文件夹推到这个新建的分支；

master保存代码，新建分支保存编译后的public文件夹

【本文地址】

公司简介

联系我们

今日新闻

点击排行

实验室常用的仪器、试剂和: 说到实验室常用到的东西，主要就分为仪器、试剂和耗

不用再找了，全球10大实验: 01、赛默飞世尔科技（热电）Thermo Fisher Scientif

三代水柜的量产巅峰T-72坦: 作者：寞寒最近，西边闹腾挺大，本来小寞以为忙完这

通风柜跟实验室通风系统有: 说到通风柜跟实验室通风，不少人都纠结二者到底是不

集消毒杀菌、烘干收纳为一: 厨房是家里细菌较多的地方，潮湿的环境、没有完全密

实验室设备之全钢实验台如: 全钢实验台是实验室家具中较为重要的家具之一，很多

图片新闻

实验室药品柜的特性有哪些: 实验室药品柜是实验室家具的重要组成部分之一，主要

小学科学实验中有哪些教学: 计算机计算器一般打孔器打气筒仪器车显微镜

实验室各种仪器原理动图讲: 1.紫外分光光谱UV分析原理：吸收紫外光能量，引起分

高中化学常见仪器及实验装: 1、可加热仪器：2、计量仪器：（1）仪器A的名称：量

微生物操作主要设备和器具: 今天盘点一下微生物操作主要设备和器具，别嫌我啰嗦

浅谈通风柜使用基本常识: 　众所周知，通风柜功能中最主要的就是排气功能。在

hexo+github搭建个人博客网站问题汇总和解决办法

hexo+github搭建个人博客网站问题汇总和解决办法

今日新闻

点击排行

推荐新闻

图片新闻

专题文章