通过 git 来维护 hexo 静态站点远程仓库的流程

本文章示例仓库:testhexo

testhexo仓库用来存放由hexo生成的站点源文件以及静态网站资源
Clone with HTTPS:git clone https://github.com/sudehao/testhexo.git
master分支存放public静态资源
hexo分支存放站点源文件以及文章资源*(设为默认分支)

开始前,请确认已经安装npmgit

搭建流程

  1. GitHub.com上创建仓库

创建时,不要勾选初始化
如果需要使用page功能要选择public
2. #### 拷贝远程仓库到本地:
BASH # 克隆远程仓库并进入 本地仓库文件夹 - testhexo git clone https://github.com/sudehao/testhexo.git testhexo && cd testhexo

以下命令全部在本地仓库目录下执行!!!(本例为:testhexo)

  1. 创建分支hexo
    git checkout -b hexo      # 创建分支hexo,自动设为当前分支
    
  2. 通过Git bash执行:
    npm install -g hexo-cli   # 安装 hexo
    hexo init aaa      # 初始化一个静态网站`aaa`
    mv aaa/{.,}* ./    # 移动aaa所有文件到 本地仓库文件夹
    rm -rf aaa/        # 删除aaa文件夹
    npm install        # 站点模块包安装,hexo s 开启服务,可以查看效果
    npm install hexo-deployer-git   # 安装 deploy,用于同步public/*到远程仓库
    
  3. 修改站点配置文件_config.yml,对Deploy进行配置:
    # Deployment
    ## Docs:   https://hexo.io/docs/deployment.html
    ## Docs_CN:https://hexo.io/zh-cn/docs/deployment
    deploy:
    type: git       # 类型
    repo: https://github.com/sudehao/testhexo.git      # 库(Repository)地址
    branch: master  # 分支名称设置为 master。
    message:        # 自定义提交信息 (默认为 Site updated: {{ now('YYYY-MM-DD HH:mm:ss') }})
    
  4. 提交站点源文件到远程仓库hexo分支:
    git add .
    git commit -m "..."
    git push origin hexo # 推送站点源文件到hexo分支,hexo自动设置为默认分支
    
  5. 生成站点静态文件并部署到GitHub上:
    hexo d # 自动部署网站到远程仓库的master分支
    

日常更新站点流程

在本地仓库进行修改操作(如:添加新文章、修改样式等)
通过以下流程推送到远程仓库hexo分支

  1. 依次执行将改动推送到GitHub(此时当前分支应为hexo):
    git add ./*
    git commit -m "..."
    git push origin hexo
    ################## 命令使用说明 #################
    # git checkout hexo   # 切换到hexo分支
    # git branch -d hexo  # 删除分支hexo
    # git branch          # 查看分支,*号的为当前分支
    # git status          # git本地状态
    
  2. 最后,执行 hexo d 推送站点静态文件到远程仓库的master分支

如果出现标签统计错误问题,执行hexo clean清理缓存后在执行hexo d

清除仓库或更换电脑后

  1. 拷贝仓库(默认分支为hexo):
    git clone https://github.com/sudehao/testhexo.git testhexo
    
  2. 在拷贝的本地仓库文件夹下通过Git bash依次执行指令:(本例为:testhexo)
    npm install -g hexo-cli
    npm install
    npm install hexo-deployer-git
    
    记得,不需要hexo init <folder>这条指令
    原文地址https://tophat.top/posts/2ca3dccb.html
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值