博客搭建（2）：博客的部署

仓库介绍

常用的有github，gitee，vercel，腾讯云/阿里云等

最常见的话是github page，文章也以github为例开始介绍

先简单给出了对比区别，大家可以根据需要使用（个人了解到的区别，可能不准确）

平台	免费	国内访问速度	优缺点	适用场景	备注
GitHub	✅	慢	博客目录仓库需公开（被黑了一次），访问较慢	个人博客/开源项目	需科学上网优化访问
Gitee	✅	快	国内较快，但提交文章需要手动更新	国内用户	需实名认证
Vercel	✅	一般	仓库无需公开，免费域名	全球访问	自动SSL证书
腾讯云OSS	❌	极快	好像难度较高（没试过）	企业/高并发	需配置CDN和HTTPS证书

我个人刚开始是github，后续改成了github+vercel的，所以我打算两个都讲一下，原因的话我后面也会仔细讲一下

1.创建一个github账号
Git官网
按照网上一步步操作即可，或根据该文章进行操作注册github
后面根据需求有不同的操作，如果是第一次操作推荐先看一遍后再选择

部署到github

2.绑定到github（利用ssh）
2.1任意位置打开git bush
依次输入下面三条指令

cd ~/.ssh 
ls
cat id_rsa.pub

复制第三条指令输出的内容（注意不要复制到指令）

2.2将ssh绑到github
打开github并登陆，点击右上角头像

找到并点击setting

找到并点击Add new SSH Key

点击SSH keys 的new SSH key

将刚刚复制到的内容复制到key部分，title部分可留空

2.3创建仓库并提交文件
2.3.1打开github个人页面的Repositories（存储库）界面，点击New

2.3.2输入仓库名字，要求 用户名.github.io，然后选中添加README文件，然后点击Creat
如GitHub用户名 → Alice
仓库名必须为 → Alice.github.io

2.3.3依次点击Code，HTTPS，复制键（复制操作在这里，暂时先不用）

2.3.4回到Blog文件夹，找到_config.yml 右键用记事本打开
在文件底部添加如下内容(冒号后均有一个空格)并保存

deploy:
  type: git
  repository: https://github.com/yonghengDcheng/yonghengDcheng.github.io.git  #2.3.3复制粘贴你自己的仓库地址
  branch: main

2.3.5在Blog文件夹打开gitbush，输入以下命令（github进行最后一步hexo d时可能会出现连接不上的报错，反复尝试即可，按小键盘处的↑可以快捷切换到上次输入的命令）

npm install hexo-deployer-git --save
hexo clean
hexo g
hexo d

2.3.6如果遇到需要验证时可以参考这个文章，然后再进行上面操作（我自己搞的时候只验证了密码不确定现在是不是不需要这个操作了）
绑定GitHub并提交文件

此时浏览器输入 用户名.github.io即可访问自己的博客

github+同步vercel

选择的原因：按照上面操作只部署到github的文件应该是.deploy_git文件夹（生成的用于展示的html文件），其他文件均存于本地
github同步到vercel的原理（应该是）将整个仓库部署到github，然后将用于同步到vercel，再通过vercel展示

2.创建github仓库
2.3.1打开github个人页面的Repositories（存储库）界面，点击New

2.3.2略有变化，命名无强制要求，推荐为，注意选择private

2.3.3依次点击Code，HTTPS，复制键

2.3.4在要存储博客文件夹的目录下打开gitbush，输入git clone https://github.com/yonghengDcheng/Blog.git（你自己的仓库地址）
若之前创建的博客文件和刚刚创建的文件夹重名（均为Blog）可以将原文件夹备份或者改名，然后克隆后将原文件夹的内的东西剪切到刚刚克隆好的文件夹内

2.3.5第一次提交，依次输入下面的指令
git add
git commit -m "提交信息"
git push origin main

2.3.6如果遇到需要验证时可以参考这个文章，然后再进行上面操作（我自己搞的时候只验证了密码不确定现在是不是不需要这个操作了）
绑定GitHub并提交文件

查看本地与仓库内文件是否相同，或查看Blog文件夹是否全部有绿色的小对勾

3.同步到vercel
3.1创建vercel账号或绑定github账号
vercel官网

3.2将github文件导入到vercel
有了上面的操作基础，这步操作对你来应该十分简单
实在不会可以参照这个教程的导入操作
将github文件同步到vercel

到目前为止，至少应该可以通过用户名.github.io或者vercel自动生成的域名访问到博客了
下一步就是购买自己的域名并解析，但其实到这一步已经基本完成了博客的搭建了

常见问题与注意事项

1.git中复制粘贴快捷键为Ctrl+insert 和Shift+insert
2.如果只部署到github的.io仓库，创建仓库时一定是公开（public），如果要同步到vercel的话一定是私有（private）
3.复制仓库地址时一定选择HTTPS地址进行复制
4.用git提交文件或者部署时，分支是main，有些旧教程里是master