保姆级Hexo+Github个人博客搭建教程
过年在家里捣鼓好几天的搭建的博客,基本功能有了,简单优化了一下(我也不太清楚优化的效果(_)),一会再捣鼓吧。
博客地址:https://flatline660.github.io/
效果图:
是不是看着还蛮酷的,动手搭建吧!
工具准备
<1>Node.js——让Javascript成为与Python等服务器语言平起平坐的语言
下载地址:http://nodejs.cn/download/
安装教程:https://www.cnblogs.com/zhouyu2017/p/6485265.html
<2>Git——一个开源的分布式版本控制系统,可以有效高速地处理从各类项目版本管理。
Git大家自己找吧,链接太长了,自己找官网下就行
教程:https://www.cnblogs.com/xueweisuoyong/p/11914045.html
https://blog.csdn.net/m0_37802038/article/details/121726357
建议结合两片教程一起看,第一篇版本比较低
检查
检查安装是否完全,环境变量是否正确
在cmd输入以下指令即可
node -v
#我自己的node是12.19.0
npm -v
git --version
安装Hexo
Hexo是一个快速、简洁且高效的博客框架,在几秒内即可利用丰富的主题生成静态网页。
在你准备安装博客的目录,鼠标右击,选择Git Bash Here
npm install hexo-cli -g
之后检查版本(在Git或者cmd里面都可以):
hexo -v
搭建仓库
利用Github仓库作为博客服务器
首先自己得有一个Github的账户,建议自行百度
新建一个仓库(New repository)
名称一定得是用户名.github.io
箭头的位置的内容最好一致,add a readme file ----> create
生成SSH key
将Github与本地服务器关联
右键 ----- git bash here
ssh-keygen -t rsa -C "注册的邮箱地址"
四次回车确认之后,在你的系统盘C盘/usr/文件夹里面有一个.ssh的文件夹,找到里面的id_rsa.pub用编辑器打开,全选复制;
也可以在git里面输入
cat ~/.ssh/id_rsa.pub
在Github上绑定公匙
setting→SSH Keys→Add an SSH key
在git中输入
ssh -T git@github.com
出现你的用户名就成了。
本地生成博客
在你准备放博客的位置,Git bash here
npm install -g hexo
hexo init #初始化hexo
hexo s #开启本地服务器
开启服务器后会给你一个本地服务器的链接,选中右击open就能在浏览器看到你本地生成的博客页面了。
上传到Github
在你博客的根目录(我的是/d/MyBlog),有一个_config.yml的配置文件,选中用编辑器打开
修改最后一行的配置:
deploy:
type: git
repository: https://github.com/flatline660/flatline660.github.io.git #自己项目的仓库网址
#git@github.com:flatline660/flatline660.github.io.git
#上下两个形式都可以
branch: main
注意,每个选项的值之间有一个空格。
仓库的地址在你的github点自己的头像 ----> xxx.io -----> code -----> https://xxxxxx
复制粘贴就好
[图片上传失败...(image-ec969a-1644468716096)]
在上传之前需要你去settings里的developer生成一次token
然后在git里面运行
npm install hexo-deployer-git --save
hexo g #生成页面
hexo d #上传到服务器
第一次上传需要绑定github账户,按操作来就是了
觉得有帮助的话记得好评呀,如果有问题的话可以评论或者私信我,看到一定回!!!