Hexo博客部署

一.安装Git工具

打开你创建的博客文件夹鼠标右键空白处点击 Git Bash Here

来到命令行,输入如下命令:

cnpm install --save hexo-deployer-git

Git工具安装.png

二.配置coding

1.进入coding官网:腾讯云开发者平台(coding和腾讯合作的网站)

2.注册并登录coding,进入后,点击个人设置。

个人设置

用户名

一般第一次注册会有个很奇怪的用户名,可以先更改为自己喜欢的用户名(ps:这个用户名以后就和域名挂钩了,最好谨慎)

3.新建项目

新建项目

项目页

注意:一定记得改成自己的用户名,格式按照我图上的来即可

三.添加公钥

公钥是连接项目和你的电脑的凭证,就相当于把你的电脑的许可证上传到项目,从此电脑就可以往该项目中发送文件啦。(更换电脑需要备份文件后和重新添加公钥哦)

首先打开系统盘/user(用户),看看有没有.ssh文件夹,如果没有,则进行下一步操作;如果有,则可以删掉文件夹再进行下一步操作。

打开你的博客的文件夹,空白处右键并选择 git bash here ,在命令行中输入:

git config --global user.email "你注册coding时使用的邮箱"

回车,此时什么东西都不会弹出来,这是正常的,我们继续输入:

git config --global user.name "你的用户名"

回车(注意格式一定要对,双引号里面的东西记得替换,引号不要删掉了,最好用英文打),这次也不会有东西弹出来,我们继续输入:

ssh-keygen -t rsa -C "这里填上你的邮箱地址"

在双引号里填上你的邮箱地址

然后按三个回车就可以啦,此时就会生成公钥文件

再回到系统盘/user(用户),打开.ssh文件夹

公钥文件

将文件中的所有内容复制,并粘贴到coding中

进入公钥

部署公钥

新建部署公钥

公钥粘贴

按图一波操作就可以了

四.上传文件

1.修改配置文件

这一步主要是告诉你本地的博客文件夹文件该往哪里传,我们需要把文件传到我们刚刚新建的项目中,所以打开博客文件夹

站点配置文件

配置文件修改

修改的代码具体如下:

deploy:
  type: git
  repository: git@git.coding.net:你的用户名/你的用户名.coding.me.git
  branch: master

记得更换为你的用户名,而且格式一定要对,空格也不能错,建议复制过去后再改,改完后保存退出即可。

2.上传文件

打开博客文件夹,右键空白处,选择 git bash here

输入hexo clean,回车

输入hexo g,回车

输入hexo s,回车

此时再去浏览器访问http://localhost:4000,确认能够访问后,再返回命令行。

输入hexo d,回车

如果出现下图的情况:

小插曲

输入yes,回车,在重新输入 hexo d 即可

这时候就会自动将本地的相关文件上传到coding,耐心等待其完成后,我们返回coding项目页

开启pages服务

访问域名

如图点击访问地址,就可以进入到你的网页啦。

五.博客美化

博客系列下一篇:

最后修改:2020 年 02 月 11 日 03 : 42 PM
如果觉得我的文章对你有用,请随意赞赏