3、站点和github同步

1、创建仓库

首先打开github, 点击new创建一个git仓库,需要注意点是仓库的前置必须要和用户名一致,例如我的用户名是zhongzunfa, 那么创建的仓库必须是
zhongzunfa.github.io ,具体如下所示

创建完成,创建文件index.html输出如下内容:

1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>zzf</title>
</head>
<body>
<h1>hello</h1>
<p>hello world</p>
</body>
</html>

在点击setting文件,在点击pages可以看到

1
Your site is published at https://zhongzunfa.github.io/

说明已经发布创建个人站点的git仓库已经创建完成,接下来在浏览器上进行验证, 直接用上面的地址访问可以看hello world显示。
-w381

2、仓库中创建CNAME并且进行绑定

  1. 首先是配置腾讯云的绑定信息
    -w1157
    注意点:配置是为zhongzunfa.github.io(配置自己对应的即可

2)配置github相关的信息
进入github博客仓库,点击setting,在左侧菜单中找到Pages点击,
先是选择/root,接着在Custom domain中写入对应的应
-w1080
等待显示,DNS check successful成功即可。

3)接下来访问域名
-w708

3、hexo和github中的仓库进行绑定

先配置发布信息:

1
2
3
4
deploy:
type: git
repo: https://github.com/zhongzunfa/zhongzunfa.github.io.git
branch: master

接下来安装插件:

1
npm install hexo-deployer-git --save

在执行命令:

1
2
3
4
hexo clean && hexo g

// 注意如果提示密码问题需要去github上设置token
hexo d

发布完看一下是否将之前存在的CNAME给覆盖替换掉了,如果不在需要重新新建,为了保证不被替换,在source目录下创建一个CNAME文件,
并且输入域名即可。
-w742

4、github最新创新点(不一定要和用户名一样才能映射)

可以配置多个自定义域名的映射,在不同的仓库中,比如我就做了两个映射
具体如下图所示:
-w1207
it-space仓库

-w1047
zhongzunfa.github.io仓库
通过上述的配置后, 两个仓库都可以进行访问。

注意点1:是在custom domain中添加域名后,需要删除仓库中默认自动创建的CNAME文件,在重新创建CNAME文件, 在添次添加域名才会生效,具体不是很清楚是什么问题。

注意点2: 是在域名解析的时候配置的cname对应的值都是zhongzunfa.github.io, 具体如下图所示
-w1027

-w1071

5、创建一个新的仓库存放源代码

创建一个Hexo仓库,将数据提提交到上面就可以的。
-w970

如果之前存在了文件夹内容, 就先将其打包一下,删除文件夹, 在clone 仓库下来,在重新解压进去,在提交到GitHub即可

-w556

注意点 : 存储放源代码和发布的仓库是不冲突的可以同时存在的。

坚持原创技术分享,您的支持将鼓励我继续创作!
0%