一、搭建github博客需要的工具
一、nodejs下载
Node.js — Run JavaScript Everywhere
二、Git下载
以上下载后,在cmd环境下输入
node -v
npm -v
git --version
通过此指令判断工具是否下载并安装
三、在cmd环境下下载hexo框架
npm install hexo-cli -g
下载完成后通过hexo -v指令判断是否下载完成
以上所有工具准备完毕
二、搭建Github仓库
在右上角单击三角号下拉列表点击Your repositories
点击New新建仓库
在Repository name上写
你的初始id.github.io
初始id在右上角
以及Add a README file点上勾
三、生成SSH Keys
进入任何一个文件夹中使用Git Bush功能,如博主是在F盘下新建了一个MyBlog文件
右键单击空白处
进入Git Bush页面输入ssh
生成ssh:(这里要注意Git Bush环境里不能ctrl+v粘贴,要右键粘贴),邮件地址改为自己邮件地址
ssh-keygen -t rsa -C"邮件地址"
输入后,按四下回车
此时你的.ssh文件已经生成,具体位置在你的用户文件里,例如博主的文件位置如图
如图.ssh文件已经生成,此时证明你创建文件成功
进入.ssh文件找到
将其用记事本或notepad++打开,复制其中内容
再次打开你的github网页,点击自己,进入Settings
在左侧UI栏找到SSH and GPG keys
其中Title可以取自己喜欢的名字,把在id_rsa.pub中复制的内容直接粘贴在Key中点击Add SSH key
如何判断自己的ssh添加成功,在Git Bush中输入
ssh -T git@github.com
出现Hi 用户名!successfully即为添加成功
四、在本地生成博客内容
一、安装hexo
在刚才新建的空文件夹MyBlog中进入Git Bush
写入安装hexo的代码
npm install -g hexo
接下来进行hexo初始化,输入
hexo init
当显示这些时证明你已经初始化成功了,相对应你的文件夹中也会多出许多文件,这些就是hexo框架的文件
二、生成本地博客(记住这步操作)
还是在Git Bush中输入代码
hexo s
自己的本地博客就已经可以显示出来了,我们复制网址的超链接到网页中
网页就被创建完成了,是不是非常方便快捷
五、将博客发布到互联网
一、修改_config.yml文件
我们需要修改其中的deploy
修改成什么呢?我们修改成(每一个冒号后面都需要一个空格记住!!!)
deploy:
type: git
repository: 在你存储博客仓库中的地址
branch: main
上述repository:的地址在你github中存储博客的仓库中找到Code下面就有你的地址了
二、Git Bush操作
1.在MyBlog文件下右键Git Bush
输入指令安装hexo-deployer-git自动部署发布工具
npm install hexo-deployer-git --save
2.生成文件的命令hexo g
hexo g
3.生成令牌,这里非常重要,要将生成的令牌存储起来
在Settings中找到Developer settings点击进入后
找到Tokens,新建一个Token并将其存储起来
下面的勾选项是权限,可以全部勾选
4.上传网页的命令!!!!非常重要hexo d
hexo d
输入后等待输入用户名和密码(token)
用户名是你自己创建GitHub的初始用户名,密码是刚才创建的token!!!!!
这里一定注意密码是刚才第三步创建的token!
你的博客已经搭建完成了,后续大家可以去hexo的官网查找各种主题以及进行更改
六、添加博客内容
在MyBlog内找到source下的_posts文件
你可以在posts中新建.md文件在文件中编写内容并上传博客
还是在Git Bush中写入hexo g生成本地静态文件后,通过hexo d上传网页
七、删除博客
删除在上述_posts文件夹下的.md文件,删除MyBlog中的.deploy_git文件夹
完成后在Git Bush中输入代码hexo clean以及hexo g(两次)最后用指令hexo d上传到git中完成