建站有感
为什么建站
说来也巧,早期就有搭建自我博客的想法,然后在建站前一天偶然刷到免费的网站托管平台(然后尝试后感觉还是GitHub pages舒服),当时前端知识为零的我就尝试了搭起了自己的第一个网站
(图为写该文时截的,所以加上了博客的超链接)
确实零基础,因为如何插入图片、超链接这些都是现场查的
当时就发现貌似现在的 GitHub Pages 不止限定一个仓库了,非常巧的第二天看到有大佬群友在交流博客,见他们提到了Hexo是一个不错的博客框架,于是下课后便开始尝试
中途遇见的困难
那可真是,太太太太太太多了
下文充满许多能让您血压飙升的案例,其中不少是因为没有足够仔细阅读官方文档造成的,所以玩什么前请一定仔细阅读官方文档
与所查看的教程视频不同的情况
非常不幸,我并不懂 Node.js 的知识,而安装 Hexo 就是靠它,教程视频中十分顺畅的在安装好 nodejs 后在 git bash 中使用 npm 进行了安装,而我进行相同操作时则是
1 | |
第一反应是挺懵逼的,因为我确确实实安装了 nodejs,并且在 PowerShall 中能够使用。然后就是许许多多的网络查找,最终发现问题出在环境变量上,而所学习的 Hexo 搭建教程中并没有提到配置环境变量,因此造成了问题。配置好环境变量后,成功在 git bash 中正常使用npm。
Hexo 部署错误
使用 hexo d 部署时,多次出现 err: Error: Spawn failed 错误,目前猜测大约是网络不稳定的问题(是的我还是不确定问题出在哪),但当时初搭建测试时经常需要部署,于是这是个大问题。又是一通网络搜索,到最后发现Hexo官方文档中就有比较好的解决方案:
Hexo 生成的所有文件都放在 public 文件夹中,您可以将它们复制到您喜欢的地方。
看到官方文档如此写到,突然出现个好点子,我直接将public文件夹内的文件用 GitHub Desktop 上传到仓库不就行了吗,结果是这个方法想当的成功,虽然大部分时候 hexo d 都能正常运行,但偶尔出现不行的时候我就会使用这个方法。
CSS渲染错误
下载安装、修改配置文件、本地服务器运行测试、部署,打开发现情况正常,于是去自定义了域名,满怀期待的去浏览器输入了我的博客地址,结果出现了让我想不到的景象:怎么我这博客只有字还是乱七八糟的呢?
又是一通搜索,发现网络上大多数说法都是去更改 _config.yml 文件中的 root 值,而我打开我的配置文件后发现并没有这个预设,发现看到的文章没有时间非常接近的,考虑到可能是版本差异,我再次点进了官方文档,发现问题还是出在了非常简单的地方:我自定义了 GitHub Pages 的域名后没有在 Hexo 配置文件中进行相应的域名更改。果不其然更改后又恢复了正常的样子。
主题配置
Hexo 默认主题真是太丑啦,然后去找了找好看的主题,最后发现了 Nexmoe 这个非常二刺猿的好看主题,由于没有相应视频教程,开始自行查询文档进行使用。
中途出现的问题都是些小问题就不细说了,但杂七杂八非常多,大多数是因为自己对这类配置文件、相关操作调整之类的自我原因造成的,所以导致了对主题的配置还花了相当长的时间,但最终还是成功装上了,确定达到自己想要的效果后便开始着手编写第一篇博客,于是就有了这一篇文章。
相关链接
Hexo 搭建视频教程:【2021最新版】保姆级Hexo+github搭建个人博客
Hexo 官方文档:文档 | Hexo
Nexmoe 项目地址:Nexmoe: 🔥 一个比较特别的 Hexo 主题