前言

主要是安装啥的比较费劲
现在已经比较简单了感觉

之后估计就是学一下命令行操作，然后部署一下，设置一下域名，自己选一下模板，就可以了

和自己配眼镜有点儿像，就是选配置呗，以后有机会准备做一个近视眼手术，不想一直戴着眼镜

p4 Front Matter

大概的意思是配置文件

红框里面的就是配置文件

配置文件使用的是yaml语法规则，link，但是有点搞笑哈哈，这个官网比较简陋，就是一个界面

插件需要使用这部分来进行配置，自己单独使用的时候其实是不多的，注意写语法的时候要空格，不然是会发生一些错误的

这些地方都是有空格的

p5 配置文件

前面是配置文件，这个也是配置文件，这个是啥意思呢

定制个性化的网站需要了解如何玩转配置文件，我肯定是要定制个性化的网站的

我的这些文件我不知道怎么同时打开，只能在文件夹里面寻找，哦在vscode里面打开文件夹就好了

这个文件就是我们需要的配置文件

我是因为学习html和css下载安装了vscode，也进行了一些配置，但是只能运行html和css的文件，其他类型的文件，因为我，没有配置好，基本不能使用

我没有找到自己文件里面的主题配置文件，只有网站配置文件，也就是前面截图的那个文件，有点慌，害怕出现什么错误

最后面可以用一个这样的域名，我非常满意

我现在自己的csdn博客，其实也有一个域名，哦原来在这里，我还没有进行设置

我设置成这样子，感觉非常可以

另外因为自己写博客比较多才有这个权限，需要博客等级6级才可以设置属于自己的域名，我感觉真的挺好的，csdn会员还可以设置自己的个性化板块，等我的排名到全站前100，我就给自己充值一个csdn会员

官网的配置文件的说明文档非常多，有点难受

url表示的意思是网址

文章的id不是恒定的，在进行一些特定的操作之后，id会发生改变，所以可以考虑使用这个插件

link
这个是github里面的一个项目，这里面有一些使用和安装说明，但是我其实不太敢用，怕出问题，等自己比较熟练的时候，再去使用这个，目前貌似对这个文章id没啥需求

大部分都是不动，默认配置就可以了

其实我还是觉得这个东西挺厉害的，这么多东西，非常庞大的一个工程

教程总共是七个视频，希望跟着教程做下来，自己可以实现一个属于自己的博客网站

现在是第五个教程视频了

主题配置文件的优先级要高于网站配置文件

p6 命令

这个可能是用来管理自己的网站需要进行的一些设置

类似于网站的admin的状态

这个是在命令行进行一些操作

输入

hexo g -w

用来监控文件变动，其实也看不懂是干啥

我们在本地修改文件，并保存，就会出现下面的界面

输入

hexo list post

显示下面的界面，大概就是文章列表的意思

输入hexo route

可以发现把所有的命令和对应的功能都列出来了
输入hexo list route,可以看到网站一个详细的列表

输入hexo version，表示查询hexo的版本

输入hexo g --debug，会产生一堆的debug信息

我按照操作没有在直接显示的文件里面找到debug信息，我感觉有点儿奇怪，难道存在其他文件夹下面了吗

搜了一下，压根就没有这个文件，有点无奈

p7 部署

输入

install hexo-deployer-git --save

安装一个东西

输入npm list hexo-deployer-git

视频里面博主复制了一个他自己的链接，我手敲出来使用不了，相当于是卡在这一步了

我再搜一下怎么部署，看一下还有没有教学视频，不行的话就去看文档来进行部署

新的教学视频

油管：快速使用 Hexo 搭建个人博客 #001 - Hexo 框架介绍
确确实实自己还差一点儿，先学一下这个教程的部署，再看要不要学这个教程的其他部分

部署博客到github

pages
这个链接是github提供的，可以为自己的github项目生成一个静态的网站的这样一个东西，类似于服务器

使用这个搭建博客的优点是，不需要自己付费购买域名

貌似可以直接部署到服务器上面

没学会怎么部署

找视频教程也是一个技能

油管：如何创建一个hexo的静态博客，免费部署在github上面，或者vercel容器里面，可以自定义域名，可以国内外访问，速度超快，超级稳定，个人博客首选

这个教程是一个宝藏呀，貌似可以直接公网访问，但是域名和自己的github用户名一样，我准备重新创建一个github账号，这样域名更好一些

破防了，我真是真人呀

博客链接：这个是教程里面用到的命令

之前的努力不算白费，一些基础的东西，我算是安装好了

详细步骤

我输入了下面的命令，和视频对照了一下，貌似是报错了

npm config set registry https://registry.npm.taobao.org
npm install -g hexo-cli
hexo init  三冬四夏会不会有点漫长

现在貌似更奇怪，我以为是因为中文根目录的原因，我重新建了一个文件夹，但是现在命令行直接不动了

原来是需要等待一下，这个报错信息的意思是我之前安装过这个文件了，就是之前跟着之前那个教程安装的，把之前安装的这个删掉是不是就可以了

等下，我看错意思了，意思是证书过期了

现在我之前配置的文件里面反正有这个文件了，等下，我想到一件事情，是不是我把我的文件上传到github，然后按照最开始的教程的步骤，就可以部署成功，但是最后也没看到成功上线，我还是按照这个视频，只是从public这个文件夹开始操作

哈哈哈，我非常激动，创建成功了

我在之前创建的test文件那里选择git bash打开，然后输入hexo init 三冬四夏会不会有点漫长，就创建好了这样一个文件夹，文件夹里面还有一堆的文件

现在继续操作

现在自己的博客排名到了3000多，，非常开心，希望有一天可以到前100

我打开在“三冬四夏会不会有点漫长”这个目录下面打开git bash，输入

hexo g 
hexo s

然后复制链接到浏览器运行，出现错误，我现在重新在test目录下面运行这个命令

在命令行复制粘贴不方便使用快捷键，直接用鼠标操作就好，显示正常，我再接着往下学习

安装主题

git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly

在test目录打开git bash，输入上面的命令安装一个主题

在themes文件夹里面现在多了一个butterfly主题

安装渲染器

npm install hexo-renderer-pug hexo-renderer-stylus --save

修改主题

教程里面安装了notepad，我好像直接用vscode也是一样的，有需要再安装吧，反正是起到一个编辑器的功能

我在config.yml文件里面把theme修改为butterfly，保存，然后使用

hexo clean && hexo g
hexo s

出现这个样子，貌似没有问题，但是刷新浏览器链接，我傻了，出现的是这样

Hexo启动页面显示extends includes/layout.pug block content include includes/recent-posts.pug include
谷歌一下就找到解决办法了，我试试

处理之后变成这样，也不对劲呀

会不会是需要等待一会儿，我重新输入命令，然后等待一会儿

输入这些命令，git bash没有任何反应，有点无奈

npm install hexo-renderer-pug hexo-renderer-stylus --save

网上说输入这行命令就可以解决，但是我这边明显没有解决

现在自己继续在网上寻找解决办法，复制这个报错信息，去搜索

出现的问题是这个

extends includes/layout.pug block content include ./includes/mixins/post-ui.pug #recent-posts.recent-posts +postUI include includes/pagination.pug

我在别人的博客的评论区进行了提问

出现这个报错，好像是一个什么证书过期，搜了一下，要删掉一些文件，再重新下载回来，比较复杂，我担心出现什么奇怪的错误，算了，我先用原来的那个landscape，先把这个博客跑通再说

现在可以正常显示，之后再修改主题就好了

A brand new default theme for Hexo.

我把油管调成中文模式，舒服多了

创建gitub仓库

把名称按照这个格式设置，就是用户名+.github.io

生成密钥

 git config --global user.name "你的GitHub用户名"

ssh-keygen -t rsa -C "你注册github的邮箱"

自己的邮箱貌似暴露了，不过好像没啥事

ssh-keygen -t rsa -C "你注册github的邮箱"

多次点击enter，出现下面的界面

找到刚刚创建的.ssh密钥文件

用记事本打开这个文件，视频里面用的是notepad这个软件打开的，应该没啥影响

然后把密钥粘贴到github里面

验证密钥是否匹配

出现shell access表示匹配

我需要复制的命令啥的都在这个文档里面：如何创建一个hexo的静态博客，免费部署在github上面，或者vercel容器里面，可以自定义域名，可以国内外访问，速度超快，超级稳定，个人博客首选

修改config文件

推送到github

npm install hexo-deployer-git --save

我破防了，貌似就差最后一步，现在又是这个证书过期的报错

npm ERR! code CERT_HAS_EXPIRED
npm ERR! errno CERT_HAS_EXPIRED
npm ERR! request to https://registry.npm.taobao.org/hexo-deployer-git failed, reason: certificate has expired
npm ERR! A complete log of this run can be found in: C:\Users\86136\AppData\Local\npm-cache_logs\2024-05-21T02_14_58_555Z-debug-0.log

谷歌出来的社区是stackoverflow，好像之前看到y 总也是用到了这个网站

我刚刚把c盘的npm文件删除了，现在重新安装这个文件

解决办法：前面的那个错误，貌似删除文件，就可以解决

然后继续按照文档操作

我都到最后一步了，但是又出现了一个错误

Error: Spawn failed
at ChildProcess. (C:\Users\86136\test\node_modules\hexo-deployer-git\node_modules\hexo-util\lib\spawn.js:51:21)
at ChildProcess.emit (node:events:519:28)
at cp.emit (C:\Users\86136\test\node_modules\cross-spawn\lib\enoent.js:34:29)

挺奇怪的，我准备参考官方文档看一下能不能行
官方文档

在尝试之前，我再试一遍视频的命令

卧槽！！！貌似可以了！！！

博客地址