hexo+github搭建个人博客网站问题汇总和解决办法
分享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地址
如果没有添加过密钥,则前往GitHub的个人设置(点击右上角头像旁边的小三角—>settings),点击SSH and GPG;在本地通过git生成密钥后再复制并添加到ssh keys中即可。
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的文件位置如下:
在github.com 相关行前面加#即可。
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
:
deploytype: gitrepository: git@github.com:YOUR_ID/YOUR_ID.github.io.gitbranch: master
5.hexo本地效果正常,部署后丢失css样式
solution x:
其实这个问题不同的情况对应不同的措施,而我花了整整一天,试了大部分网上能找到的方法,也没找到对我可行的方案: (,最后是整个重新制作才成功避开了这个问题。
个人建议是把blog目录下的 _config.yml和hexo目录下的 _config.yml统一修改。
再列举一些部分反馈表示可行的办法:
solution 1:
source:hexo部署博客没有样式等问题_青空的博客-CSDN博客_hexo没有样式
在更目录下的_config.yml
文件里的url
和root
一定要设置
url: https://gitee.com/username/bb //填的是你的部署的地址
root: /bb/ //填的是url最后一个斜杠后的那个地址
solution 2:
source:hexo博客在本地可以正常预览,部署到github上后为什么无法显示样式,只有内容呢? - 知乎 (zhihu.com)
原因可能是设置的路径的问题导致css未加载。可能你的博客并不是在github库的根目录下,也就是说你建的库可能是 http://yourname.github.io/文件名/ 里面
solution 3:
source:hexo博客在本地可以正常预览,部署到github上后为什么无法显示样式,只有内容呢? - 知乎 (zhihu.com)
在GitHub的目的仓库新建一个分支,将public文件夹推到这个新建的分支;
master保存代码,新建分支保存编译后的public文件夹
客在本地可以正常预览,部署到github上后为什么无法显示样式,只有内容呢? - 知乎 (zhihu.com)](https://www.zhihu.com/question/319817323)
在GitHub的目的仓库新建一个分支,将public文件夹推到这个新建的分支;
master保存代码,新建分支保存编译后的public文件夹
hexo+github搭建个人博客网站问题汇总和解决办法相关推荐
- Hexo+github搭建个人博客-博客初始化篇
文章推荐 精选java等全套学习资源 精选java电子图书资源 精选大数据学习资源 java项目练习精选 上一篇博文 [<Hexo+github搭建个人博客-环境搭建篇>](http:// ...
- Hexo+github搭建个人博客-环境搭建篇
一.概述 我们使用Hexo + Github搭建个人博客,我们自然不能错过,事不宜迟,我们现在立马来认识一下,他们究竟是何方神圣吧. 1.1 关于 GitHub 1.1.1 Github 接触编程一段 ...
- 【小白】【新手向】Hexo+Github搭建个人博客
如题,一个[小白][新手向]的,关于Hexo+Github搭建个人博客. 针对于: 对于代码完全不懂的纯小白! 完全不知道什么是hexo,git和github的小白! 感觉像是在打广告,其实并不是.事 ...
- Hexo+Github搭建个人博客和个人主页
Hexo+Github搭建个人博客和个人主页 在自己的个人主页搭建起来之前,看到网上其他人酷炫的个人主页,而且有自己专属的域名,羡慕的不行.现在自己的个人主页也做出来了,在这里做一个总结,给也想做个人 ...
- 程序员标配--使用hexo+github搭建个人博客
作为一名合格的程序员,拥有一个自己的个人网站,那想必是非常舒服了.我们可以在里边写写技术博客,发发牢骚,记录自己的生活.当然,我们可以 在博客园,掘金的博客网站发表,但是那毕竟是人家的东西,我们应 ...
- 用Hexo+github搭建个人博客
前言: 一直有打算搭建属于自己的博客,自己购买了域名和服务器了,但是由于自己的精力不足和精神内耗严重,决定选择较为简单的方式搭建了.hexo刚好很符合我的需求,而且主题多样,可以根据自己的需求修改. ...
- 【2023最新版】Hexo+github搭建个人博客并绑定个人域名
Hexo+github搭建个人博客并绑定个人域名 本篇教程完整讲述了如何利用Hexo+github搭建个人博客并且绑定自己的域名,成为自己的网站! 我的博客网站:武师叔 - 做一个有趣而不甘平庸的人! ...
- Hexo+github搭建个人博客-博客发布篇
通过 Hexo+github搭建个人博客-环境搭建篇 以及 Hexo+github搭建个人博客-博客初始化篇 ,我们了解到了利用Hexo搭建个人博客需要的环境以及配置,下面这篇文章将会介绍如何把我们的 ...
- vsphere通用配置_Mac环境下如何用Hexo+Github搭建个人博客
一个爱折腾的人,总是忍不住去自己动手尝试新鲜事物.就拿写博客来说,虽然网上已经提供了很多博客平台,但是总有一些个性化的需要得不到满足.所以就抽空去网上找了下如何使用Hexo+Github 搭建自己博客 ...
最新文章
- java读取欧姆龙plc_欧姆龙CJ2M系列PLC与PLC之间的数据相互读取设定
- CentOS设置ssh连接的方法
- imx6背光驱动调试
- php中怎么过滤器_PHP 过滤器
- android listview设置选中时的item的背景色
- Linux 帐户管理
- js页面初始化方法只调用一次_跟我学 “Linux” 小程序 Web 版开发(三):云开发相关数据调用
- 原来“抖商大会”和抖音没有关系!抖音起诉“抖商大会”主办方 索赔300万
- VUE之命令行报错:Component template should contain exactly one root element. If you are using v-if on multi
- 【渝粤教育】国家开放大学2018年秋季 2094T法理学 参考试题
- Adapter使用notifyDataSetChanged()刷新数据不更新的原因
- Selenium UI自动化怎么实现
- 顺序表(C语言实现)
- 运动蓝牙耳机什么牌子好,骑行运动耳机
- 笔记之PWM暂停输出,保持低电平问题
- 暮然回首,发现自己已经老了
- 焦距 对焦 变焦--摄影基础理论(3)
- 使用hbuildx启动uniapp小程序
- 2022刘润年度演讲:进化的力量关键词
- 当代青年善待爸妈指南
热门文章
- 逍遥安卓多开器出现android,逍遥安卓模拟器使用常见问题
- 从金鸡百花电影节,看“鼓浪屿元宇宙”的元力、魅力与想象力
- 攒机:5000就搞定的绝对NB配置!
- 关于Unity3D的PC游戏窗口化时的分辨率解决方案
- 计算机桌面隔几秒闪一下,win7游戏窗口化隔一段时间就会闪一下屏幕怎么办
- 全民K歌推流直播Web实践
- C语言关于gets()输入
- 操作系统先进先出置换算法(FIFO)实现
- MATLAB | 官方自带的绘图代码生成功能咋用
- uniapp + vue 定位聊天最新消息 实现滚动条一直在元素的最底部