手把手教你使用Github Pages 结合 Hexo搭建个人静态博客,错过了就真的是错过了!!!

13 篇文章 0 订阅
2 篇文章 0 订阅

使用Github Pages 结合 Hexo搭建个人静态博客

Github Pages

Github 提供了一个免费在线托管静态资源的服务,叫做:Github Pages。

使用方法如下:

1. 在个人的 Github 账户中创建一个仓库
2. 仓库名称必须为 `个人账户名称.github.io`
3. 往该仓库根目录中提交一个 `index.html` 文件
4. 然后就可以在地址栏输入 `个人账户名称.github.io` 地址,就可以看到 `index.html` 网页内容了

注意:上面创建的仓库名称必须是 个人账户名称.github.io ,否则无法访问!!!

Hexo

Hexo 是基于 Node.js 开发的一个静态博客生成器,提供本地实时预览及部署功能。
基本使用方式如下:

cnpm install -g hexo-cli
hexo init blog
cd blog

# 从这里开始后续的操作,都是在blog目录下进行的
# 启动本地预览服务,默认是 127.0.0.1:4000
hexo server

# 新建文章
hexo new 文章标题

也可以参考 Hexo 官方文档 , 里面有具体的使用方式。

自动发布 Hexo 搭建的静态博客

第一:先修改 _config.yml 配置文件,下面是一个示例:

deploy:
  type: git
  repo: https://用户名:github密码@github.com/用户名/用户名.github.io.git

上面的配置选项中,一定要注意在 repo 中按照对应的格式加入 Github 用户名和密码。

第二:安装自动发布的插件:

安装一次即可,以后直接用就行了

cnpm install hexo-deployer-git --save

第三:使用命令一键进行发布:

hexo generate --deploy (简写:hexo g -d)
# 或者
hexo deploy --generate

上面两条命令都可以,发布可能有延时,稍微等待即可。

怎么样,是不是很简单呢?自己动手尝试一下吧!!!

Git 的工作流程:分支策略

Git 的工作流程:分支策略

如果这篇文章能够帮助到您,希望您不要吝惜点赞👍👍和收藏💖💖,您的支持是我继续努力的动力 💪💪!!!

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值