Github+Hexo+Butterfly搭建个人博客教程
写在前面
发现CSDN复制粘贴太严重了,所以选择自己搭建一个博客,前前后后,断断续续,参照了很多的教程,花了一个月的时间,还有很多不足的地方,后续还会继续改进。
以下内容视频教程:https://www.bilibili.com/video/BV1mU4y1j72n?share_source=copy_web
Node.js安装与环境配置
相关教程:https://www.cnblogs.com/liuqiyun/p/8133904.html
关于配置过程出现的问题:
1.win+R 打开cmd管理员命令窗口不可执行,可以点左下角的菜单键,右键后点Windows PowerShell管理员运行。
2.更改缓存路径失败,可以更改文件夹node_global和文件夹node_cache的用户权限,右键属性,允许所有权限。
3.验证更改缓存路径是否成功命令:
npm config get prefix |
4.配置淘宝镜像,加快下载相关插件速度:
npm install -g cnpm --registry=https://registry.npm.taobao.org |
若配置失败(报错),用以下命令检测:
npm config get proxy |
若返回值不为null,则执行以下命令(返回值为null则不用执行):
npm config set proxy null |
然后执行:
npm config set registry http://registry.cnpmjs.org/ |
再次执行:
npm install -g cnpm --registry=https://registry.npm.taobao.org |
Git安装与配置
相关教程:https://www.cnblogs.com/xueweisuoyong/p/11914045.html
Hexo下载
在Git Bash里输入命令下载:
npm install -g hexo-cli |
然后验证是否下载成功,其输入版本号:
hexo -v |
搭建仓库
在GitHub上注册,并创建一个空的仓库。
博客地址:用户名.github.io
生成SSH keys
打开Git Bush,输入以下命令:
ssh |
不管其输出啥,输入四次回车即可。
然后在C盘->用户->A..->.ssh->找到一个名为id_rsa.pub文件->用编译器打开->复制粘贴到github设置里的SSH密钥里。
测试是否成功生成:
在Git Bush里输入:
ssh -T git@github.com |
其输出里带你的用户名即成功。
本地生成博客内容:
①在安装目录的同一根目录下新建文件夹,用来存放博客相关文件。
②打开文件夹,Git Bush输入命令,初始化hexo:
hexo init |
初始化成功会看到文件夹不为空。
③常用安装命令:
npm install +安装必备组件命令 |
④生成静态网页:
hexo g |
⑤打开本地服务器预览:
hexo s |
将https://localhost:4000/右键copy到浏览器打开预览。不可用win快捷键打开。
⑥安装配置包:
npm install hexo-deployer-git --save |
⑦上传本地文件到GitHub:(需验证个人账号密码)
hexo d |
Butterfly美化个人博客:
官方教程:https://butterfly.js.org/posts/21cfbf15/
相关视频教程:https://www.bilibili.com/video/BV1aV411p7Bc?spm_id_from=333.999.0.0