踩了很多坑,修修补补才搭起来,写一篇教程以防自己以后再遇到各种各样的问题
一.准备工作
1.魔法上网
2.github账号,(gitee理论上也可以,没试过)
3.一台可以开关机的电脑和一颗有探索精神的大脑
二.安装软件
1.安装git
windows:到git官网上下载,之后会有一个Git Bash的命令行工具,以后就用这个工具来使用git。
2.安装nodejs
windows:nodejs选择LTS版本就行了。
安装完之后试着用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 ,这时代表本地建站成功,打开浏览器输入网址可以看到网站默认主页
![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,你会发现大功告成!