基于github搭建自己博客

130 阅读2分钟

首先了解github pages

官网有中文的: docs.github.com/cn/github/w…
主要如下,就是可以基于用户名.github.io搭建自己的网站;
我的网站:javayida.github.io

在这里插入图片描述

首先建立自己域名能直接访问到的仓库

  • 每个账号只能新建一个.
  • 注册的邮箱一定要验证,否则不会成功;
  • 仓库名字必须是:username.github.io,其中username是你的用户名;
  • 仓库创建成功不会立即生效,需要过一段时间,大概10-30分钟.
  • 操作如下:在这里插入图片描述
    在这里插入图片描述
    然后进入setting页面直接搜github page
    在这里插入图片描述
    在这里插入图片描述
    然后基本就可以访问到了,如果访问不到,那就等个5,6分钟吧,有缓存的.可以选择一个主题,我没选,就是最简单的,域名能访问到我的readme文件

在这里插入图片描述

域名直接跳转其他路径(注意如果使用hexo就不要试这个了,有缓存)

仓库新建index.html文件:

<script>
  window.location.href="https://yidajava.blog.csdn.net/"
</script>

新建CNAME文件,
里面是

https://yidajava.blog.csdn.net/

这时候访问https://javayida.github.io就直接跳转配置的路径里面去了;
如果不写index.html,也会跳过去,

使用了解Hexo

电脑需要安装npm,nodejs,npm设置淘宝镜像:

npm config set registry "https://registry.npm.taobao.org"

官网:hexo.io/zh-cn/
github:github.com/hexojs/hexo

然后比较简单,我就简单记录一下:
新建个文件夹blog,然后打开cmd,在当前文件夹下:
先假装hexo命令:然后在当前文件夹下init hexo,然后就启动

npm install -g hexo;
hexo init;
// 我电脑是cnpm
npm install;
cnpm install; 

hexo g # 生成
hexo server # 启动服务

在这里插入图片描述
在这里插入图片描述
启动成功:访问: http://localhost:4000/
这时候hexo就简单的讲完了,更多皮肤什么的可以查看官网
在这里插入图片描述

将hexo部署到指定的仓库去

修改blog文件下的_config.yml文件:
在这里插入图片描述
在这里插入图片描述
注意,需要将本地的公钥添加到仓库;
在这里插入图片描述

在这里插入图片描述
然后执行:

npm install hexo-deployer-git --save;
hexo clean;
hexo generate;
hexo deploy;

然后通过javayida.github.io就可以访问了;javayida.github.io/index.html
注意有缓存,需要挺长时间才能看见;
不知道为啥前面配置了直接跳转的,然后直接访问域名不加index.html还会跳过去…;
然后直接使用hexo进行发布项目到github的时候,记得,把原来清空,要不然提交会冲突…