github怎么自动更新被人更新过的项目_github + hexo 小白超快搭建功能强大的个人博客网站(1)...

  • 1. 一些必备软件

    • 1.1 github 账户

    • 1.2 下载nodejs

  • 2 按照Hexo

    • 3. 将hexo本地博客 推送到github 仓库里

1. 一些必备软件

1.1 github 账户

如果没有到话,首先去github官网[1]去注册一个账户(有的话,相信你懂这个网站,这部分你可以跳过)

e316212a0b288dedc34719bd57bcb1e5.png

按部就班地填写信息即可,用户名别乱起,以后改起来麻烦,后面还要拿用户名当域名,当然你们开心就好

4b63c466ac6a22c5f9d5009f65486cf0.png

接着创建Repository

登陆GitHub,点击右上角的 +号,选择New repository

2fa51a01d48c3b7a9ad4b473e949bd29.png

Repository的名字格式是username.github.io,比如我的xiaoniuhululu.github.io 。其余先不弄,点击Create repository

e74c9ae320a459f928d99ea18e72ca29.png

下载git bash这个软件,装到win10电脑中,一路默认安装即可

在电脑中,创建一个目录 来保存这个项目

4be50bc0790d7cd1f51e1615cfdaa394.png

期间可能会问你 邮箱地址和用户名,密码 ,按照上面的提示执行命令,把相关信息换成自己的即可。

1.2 下载nodejs

去官网去下,同时配置一下,可以看我之前的一篇文章

2 按照Hexo

node 环境配置好后,直接执行

cnpm install -g hexo

cnpm 是因为我配置了阿里云的镜像

D:\GitBlog这个目录下,保证这个目录为空。然后初始化我们的网站,输入hexo init初始化文件夹,接着输入cnpm install安装必备的组件。

512fa699c376e45bdeb4100580c903ac.png
b427b3112f62c6844faaf8995dab9d5e.png

确保git部署,再执行一个命令

cnpm install hexo-deployer-git --save

输入hexo g生成静态网页,然后输入hexo s打开本地服务器,然后浏览器打开http://localhost:4000/,就可以看到我们的博客啦,效果如下:

61c04071bb94798cb96e2418bd8f3ac4.png

这里贴一下常用的命令:

hexo g    //生成
hexo s    //启动服务预览
hexo d    //部署


hexo server //Hexo会监视文件变动并自动更新,无须重启服务器
hexo server -s //静态模式
hexo server -p 5000 //更改端口
hexo server -i 192.168.20.20 //自定义 IP
hexo clean //清除缓存

到官网的主题进行更换:hexo themes[2],找自己喜欢的 这块后面文章再讲,先跳过

3. 将hexo本地博客 推送到github 仓库里

拷贝仓库的地址8c6426643be07665dbd39cb224e3d667.png

编辑配置文件 用vscode工具 打开 本地博客目录下的_config.ymlL:

9563d703ae548793a3c6cdf605cd4664.png

把刚刚拷贝的仓库的地址粘贴到repository:

34e0f4f183ed838c9017160c2d239aba.png
deploy:
  type: git
  repository: git@github.com:username/username.github.io.git
  branch: master

修改完配置文件,执行

hexo clean //清理静态文件
hexo g //生成静态文件
hexo d //部署
f7e2df6551359afeacb86e0ede094949.png

可以看到github的仓库已经变了b727abfc3c53a0be65e6fe4318ec33cc.png

在浏览器中输入你的域名:99769bdbbdc90641ace456397deabe60.png

本篇文章先到这,后面会写如何写博客,自定义网站样式,怎么开通留言功能等等

参考资料

[1]

官网: https://github.com/

[2]    

hexo themes: https://hexo.io/themes/

本篇文章到这里就结束啦,如果喜欢的话,多多支持,欢迎关注!

您的在看和点赞对我真的很重要!3736496342958d934e668894ad3fbd2d.gif

欢迎大家在留言板交流哟!

留言藏在这里哟!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值