LOADING

加载过慢请开启缓存 浏览器默认开启

搭建hexo个人博客

踩了很多坑,修修补补才搭起来,写一篇教程以防自己以后再遇到各种各样的问题

一.准备工作

1.魔法上网

2.github账号,(gitee理论上也可以,没试过)

3.一台可以开关机的电脑和一颗有探索精神的大脑

二.安装软件

1.安装git

​ windows:到git官网上下载,之后会有一个Git Bash的命令行工具,以后就用这个工具来使用git。

image-20240830205923782

2.安装nodejs

​ windows:nodejs选择LTS版本就行了。

image-20240830210014525

安装完之后试着用cmd或git bash输入指令检查一遍有没有安装成功

node -v
npm -v

3.安装hexo(博客框架)

​ 在硬盘任意地方新建一个文件夹,用来存放你的博客本地文件和后续写的文章等等,在这个文件夹下右键选择git bash打开

输入指令

npm install -g hexo-cli

接着初始化文件夹

hexo init <你的文件夹名字>
例如文件夹名为myblog:
hexo init myblog

安装npm

npm install

这时你的文件夹内会出现很多文件,这些就是hexo建站所依赖的各种包,但还没完

hexo g //生成静态文件
hexo s //启动服务

这时git base窗口会出现一串网址:http://localhost:4000 ,这时代表本地建站成功,打开浏览器输入网址可以看到网站默认主页e6604cfe09af32577d116c18aa7a14c1

![image-20201220204625063](https://i-blog.csdnimg.cn/blog_migrate/e6604cfe09af32577d116c18aa7a14c1.png

到这一步已经实现一半了,但目前只能在本地访问你的博客,怎么让他在互联网上访问呢?

三.部署github

1.创建仓库

​ 打开你的github,创建一个和你用户名相同的仓库,后面加.github.io,只有这样,将来要部署到GitHub page的时候,才会被识别,也就是xxxx.github.io,其中xxx就是你注册GitHub的用户名。

2.生成所需的ssh

在git base中输入

git config --global user.name "yourname"
git config --global user.email "youremail"

按提示一路回车,之后输入

ssh-keygen -t rsa -C "youremail"

​ 复制出现的以ssh开头的字符串,接下来回到github中,点击右上角头像里的setting选项,找到SSH keys,选择New SSH key,随便起一个title,在下方key中输入你刚刚复制的密钥,回到git base,输入

ssh -T git@github.com

​ 检查是否配置成功,当出现successfully字样代表成功,但还有最后一步!

3.发布

还是git base窗口,输入

npm install hexo-deployer-git

这个插件用于把生成好的静态页面上传到 GitHub Pages 仓库,接着要告诉hexo 你的文件要发布到哪个仓库

点击根目录下的_config.yaml文件,翻到最下边,修改以下指令

deploy:
  type: git
  repo: git@github.com:xxxxxx/xxxxxx.github.io.git
  branch: main

保存,回到git base中,输入

hexo g && hexo d

等待上传文件,之后输入https://你的用户名.github.io,你会发现大功告成!