个人博客网站开发笔记3
文章目录
前言
主要是安装啥的比较费劲
现在已经比较简单了感觉
之后估计就是学一下命令行操作，然后部署一下，设置一下域名，自己选一下模板，就可以了
和自己配眼镜有点儿像，就是选配置呗，以后有机会准备做一个近视眼手术，不想一直戴着眼镜
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)
挺奇怪的，我准备参考官方文档看一下能不能行
官方文档
在尝试之前，我再试一遍视频的命令
卧槽！！！貌似可以了！！！
博客地址