基于github搭建自己博客

逃离我推掉我的手 2022-11-27 00:37 246阅读 0赞

## 首先了解github pages ##

官网有中文的: [https://docs.github.com/cn/github/working-with-github-pages/about-github-pages][https_docs.github.com_cn_github_working-with-github-pages_about-github-pages]  
主要如下,就是可以基于用户名.github.io搭建自己的网站;  
我的网站:[https://javayida.github.io  
][https_javayida.github.io]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MzY2MDYz_size_16_color_FFFFFF_t_70_pic_center]

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

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

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MzY2MDYz_size_16_color_FFFFFF_t_70_pic_center 5]

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

仓库新建index.html文件:

新建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"

官网:[https://hexo.io/zh-cn/][https_hexo.io_zh-cn]  
github:[https://github.com/hexojs/hexo][https_github.com_hexojs_hexo]

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

npm install -g hexo;
    hexo init;
    // 我电脑是cnpm
    npm install;
    cnpm install; 
    
    hexo g # 生成
    hexo server # 启动服务

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

## 将hexo部署到指定的仓库去 ##

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

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MzY2MDYz_size_16_color_FFFFFF_t_70_pic_center 12]  
然后执行:

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

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

[https_docs.github.com_cn_github_working-with-github-pages_about-github-pages]: https://docs.github.com/cn/github/working-with-github-pages/about-github-pages
[https_javayida.github.io]: https://javayida.github.io
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MzY2MDYz_size_16_color_FFFFFF_t_70_pic_center]: /images/20221124/c371d9654b5c4e0398114974dc4fbf86.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MzY2MDYz_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221124/aa362660176b4fee9ea8ad182194cc7b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MzY2MDYz_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20221124/d4fdb9591d8048069ea12655d6132978.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MzY2MDYz_size_16_color_FFFFFF_t_70_pic_center 3]: /images/20221124/4498a2b6eea2466585ae4b4461b1c39a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MzY2MDYz_size_16_color_FFFFFF_t_70_pic_center 4]: /images/20221124/574b55e1eb314a40bacc7e2c8082a186.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MzY2MDYz_size_16_color_FFFFFF_t_70_pic_center 5]: /images/20221124/819233ade431462bb536f14f36306874.png
[https_hexo.io_zh-cn]: https://hexo.io/zh-cn/
[https_github.com_hexojs_hexo]: https://github.com/hexojs/hexo
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MzY2MDYz_size_16_color_FFFFFF_t_70_pic_center 6]: /images/20221124/159a7a89b51048cba02e7c983b1b5e35.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MzY2MDYz_size_16_color_FFFFFF_t_70_pic_center 7]: /images/20221124/c4f38690652d468c98ecf891c0cada53.png
[http_localhost_4000]: http://localhost:4000/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MzY2MDYz_size_16_color_FFFFFF_t_70_pic_center 8]: /images/20221124/ff61de03636f483c8f1a084cd986c6dc.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MzY2MDYz_size_16_color_FFFFFF_t_70_pic_center 9]: /images/20221124/49b51a01048b4b17b680f204c7f0957a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MzY2MDYz_size_16_color_FFFFFF_t_70_pic_center 10]: /images/20221124/9ede807e19ee4dacb47447681b279577.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MzY2MDYz_size_16_color_FFFFFF_t_70_pic_center 11]: /images/20221124/a5d914ef71ef42c8ab085a61cf80d751.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MzY2MDYz_size_16_color_FFFFFF_t_70_pic_center 12]: /images/20221124/b7d1d25edfed4a7ea025361973786c3b.png
[https_javayida.github.io_index.html]: https://javayida.github.io/index.html