借助GitHub部署自己的博客网站

1. npm install -g hexo-cli                  全局安装hexo-cli
2. hexo init blog                                 安装 Hexo 完成后,请执行下列命令,Hexo 将会在指定文件夹中新建所需要的文件。
3. cd blog
4. npm install                                      安装依赖
最后一步,使用hexo s 启动,并访问http://localhost:4000/。


常用指令
1.init:初始化文件夹。如果没有设置 folder ,Hexo 默认在目前的文件夹建立网站。
hexo init blog
2.new:新建一篇文章,如果标题包含空格的话,请使用引号括起来。
hexo new "title"
3.generate:生成静态文件。
hexo generate
//该命令可以简写为:
hexo g
4.server:启动服务器。默认情况下,访问网址为: http://localhost:4000/。
hexo server
//简写为
hexo s
5.hexo deploy
6.version:显示 Hexo 版本。

一键部署
1.首先安装 hexo-deployer-git。
npm install hexo-deployer-git --save

2.第二步在_config.yml文件中添加配置。
deploy:
  type: git
  repo: https://github.com/yang-yyds/yang-yyds.github.io
  branch: master

3.第三步生成静态文件。
hexo g 或者 hexo generate

4.最后一步部署。
hexo d 或者 hexo deploy

部署完后,在Github查看上传的代码,并访问yang-yyds.github.io即可在线访问博客网站!

  • 6
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前端自动化部署可以帮助我们将代码快速部署到服务器上,提高开发和部署的效率。下面介绍一下前端自动化部署的步骤以及如何将代码自动化部署github。 1. 安装自动化部署工具 前端自动化部署需要借助一些工具,例如gulp、grunt、webpack等。根据自己的需求选择适合自己的自动化部署工具,然后进行安装。 2. 配置自动化部署脚本 在安装好自动化部署工具后,需要配置自动化部署的脚本。根据不同的工具,配置文件的格式不同,但一般都需要配置一些基本项,如输入输出路径、需要执行的任务等。可以参考官方文档或其他资料进行配置。 3. 集成自动化部署 将自动化部署集成到开发环境中,一般需要配置一些开发工具的插件或者编写一些脚本。例如,可以编写一个gulp插件,在开发完成后自动执行自动化部署脚本。这样可以方便地将代码部署到服务器上。 4. 自动化部署github 将代码自动化部署github可以使代码管理更加便捷,具体步骤如下: step1:将代码上传到github仓库 将代码上传到github仓库中,可以通过命令行或者git客户端进行操作。 step2:配置自动化部署脚本 根据需要配置自动化部署脚本,例如使用gulp自动化打包。 step3:编写自动化部署脚本 编写自动化部署脚本,将代码自动化部署github中。 step4:设置github webhook 在github上设置webhook,使代码提交时能够自动运行自动化部署脚本。 总结: 通过前端自动化部署,可以使代码管理和部署更加便捷高效,减少手动操作,提高开发效率。如果需要将代码自动化部署github,则需要了解github的webhook机制,并编写相应的自动化部署脚本。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值