前言
前面的博客我写到怎么样用hexo建立一个自己的博客网站(想要学习搭建博客的可以先看前面那个文章地址,)但是它只能运行在本地端口,如果你分享给你的小伙伴他们是打不开的。如果把它部署到服务器上或空间上每个月都会有不菲的支出,所以我今天教大家怎么部署到免费的GitHub上面。
创建GitHub仓库
首先登录GitHub
登录GitHub然后新建一个repository(部署个人博客的GitHub仓库命名必须要与个人名称相同,否则接下来会出错误)
新建仓库
(忽略我这个错误提醒,因为我已经部署过一次了) 限制命名
创建仓库后会跳转到这个界面
仓库界面
这时我们GitHub的仓库建立就完成了
安装git部署插件
回到命令行中进入博客文件夹内
在blog文件目录下输入:
C:\Users\Markey\blog> npm install --save hexo-deployer-git
如果不行的话就继续使用淘宝镜像源,输入:
C:\Users\Markey\blog> cnpm install --save hexo-deployer-git
静静的等待安装
[图片上传失败...(image-99f289-1598151146695)]
安装完成后进入文件夹打开_config.yml文件进行配置
打开文件找到deployment
deployment
在type后输入'git',并添加repo和branch两个配置,在repo处填写github仓库地址,在branch处填写master。!!注意!!冒号后面要加空格!! 修改配置
部署到远端
在命令行中输入
C:\Users\Markey\blog> hexo d
就会自动上传到远端,并要求你填写账户的密码。
但是如果出现了错误提示,解决办法是:
- 右键桌面打开git bush
-
在里面输入
git全局部署
$ git config --global user.name "姓名为GitHub上的姓名"
$ git config --global user.email "邮箱为GitHub的注册邮箱"
这时再重复第一遍的步骤,回到命令行中输入
hexo d
正常提示输入密码即位成功,输入密码后就会自动向远端推送文件,再次打开GitHub仓库页面就会发现本地blog文件夹中的文件都再GitHub上部署完成
打开个人博客网站的页面
这时只要输入仓库名 访问博客页面就可以成功的访问到个人博客的页面了,和你在localhost4000端口上面是一模一样的,如果你觉得这个域名每次都要输入很麻烦很冗长,来看看怎么给这个博客绑定一个自己的个性域名吧 文章链接
网友评论