网页放在本地服务器上肯定是毫无价值的，所以我们要将它发布到互联网上
方法有很多，最方便的就是白嫖github pages，缺点就是只能部署静态网页
后续可能会部署到树莓派上

一键部署

一键部署有很多方法，详细见文档部署 | Hexo
我最喜欢的方法是使用git和一个插件

前置工作

  • git相关
    • git全局信息设置
    • ssh 和 git-credential
    • http和https可能需要关闭验证机制
  • 安装插件
    • 在根目录使用命令npm install hexo-deployer-git --save一键安装

配置网站

首先要修改一些框架的配置

找到框架_config.yml里的deploy项，修改为：

1
2
3
4
5
deploy:  
  type: git  
  repo: <repository url> # 你的项目地址，注意不是下载地址，是下载地址去掉.git  
  branch: [branch]  # 决定上传到哪一分支
  message: [message] # 可选，上传的message

配置个人仓库

个人仓库只能有一个
在github上创建一个repo，取名为<username>.github.io
然后就不用管了，把地址复制下来，这时的地址带有.git后缀，可以选择不复制

将地址填入框架配置文件里，并将branch设置为master（默认在这个分支创建网页）
当然也可以设置为其他branch，这就需要在github再进行一次配置

配置项目仓库

项目仓库可以有无数个
在github上随便创造一个repo，随便取名
然后就不用管了，但是地址还是要复制下来，注意还是不需要.git后缀

将地址填入框架配置文件里，并将branch设置为gh-pages（默认在这个分支创建网页）
配置网址
一般来说网址只要配置相应的url即可

推送到github

因为我们使用了方便的插件，所以操作很简单

  • 首先使用hexo clean/hexo cl清理工作目录，这有利于一些变动的应用，可以多多使用，如果你发现某个改变没有应用上，就清理后再生成
  • 然后hexo g生成网页
  • 再然后你可以使用hexo s审视一下自己的网站，也可以不看
  • 最后使用hexo d一键推送到github

github设置

来到github就能发现文件已经被上传到了仓库中，这时可以进行一些操作

  • 在仓库的settings里点击Pages，可以调整一些网页生成的选项
    • 修改生成依赖的分支
    • 修改生成依赖的目录（如果你想把框架也上传到同一个仓库）
    • 设置自定义域名（前提是你买了）
  • 在仓库的Actions中可以看到网页生成的进度和历史，如果网页生成出错了，错误报告也到这里看

后续工作

如果熟练的话可以选择将框架也放在仓库中
因为很容易发现实际上框架根目录下有一个文件夹.deploy_git,其实这就是上传的内容
但是由于deploy命令具有覆盖性，所以必须要把框架放在另一个branch里
比如创建一个framework的branch，专门保存框架
但是正如之前所言，git的branch不应该完全不同，不然还不如开两个仓库

最好开另一个仓库保存框架，这样命令行用起来舒服
并且后续可以通过GitHub actions自动部署