【个人博客网站】从零开始搭建博客网站(二):博客部署

本文最后更新于 about 2 years ago,文中所描述的信息可能已发生改变。

注册GitHub账号

进入GitHub官网,注册账号

获取SSH

打开Git bash

依次输入以下命令

shell
git config --global user.name "your username"

git config --global user.email "your useremail"

ssh-keygen -t rsa -C "your useremail"

电脑打开C:\Users\your username,找到.ssh文件夹

打开后缀名为.pub的文件,复制文件内的全部内容。

粘贴到GitHub设置菜单下的ssh菜单,创建一个New SSH key,将复制的内容粘贴进去即可

使用Github部署

新建项目仓库

进入GitHub个人仓库界面(https://github.com/yourusername),点击右上角个人头像旁的加号,选择New repository

Repository nameyourusername.github.io

勾选Private

点击Create repository

新建的项目仓库Code界面,点击绿色的Code按钮,复制HTTPS下的链接

VSCode上传

VSCocde登录GitHub账号,打开项目

打开根目录的_config.yml,修改内容

yaml
deploy:
  type: git
  repository: 项目仓库的HTTPS链接
  branch: main

终端控制台输入命令

shell
hexo cl

hexo g

hexo de

TIP提示

上传到GitHub后,GitHub会自动部署

使用Vercel部署

打开Vercel官网,使用GitHub账号登录

dashboard界面,点击Add New,选择Project

Import Git Repository中选择博客项目,点击Import

PROJECT NAME任君意,点击Depoly

稍等片刻部署完成

WARNING注意

Vercel目前项目默认域名被墙,请将域名更改成自定义域名

使用Cloudflare部署

打开Cloudflare官网,注册账号

Pages界面,点击创建项目,选择连接到Git

将GitHub账号添加进去,选择博客项目的存储库,点击开始设置

WARNING注意

如果未显示您的存储库,请在 GitHub 上为 Cloudflare Pages 应用配置存储库访问权限。

什么都别动,点击保存并部署

等待几分钟完成部署

部署方案讲解

GitHub部署

GitHub部署是最容易的,视网络条件,有可能是三种部署方案中访问速度最慢的,项目仓库名按照格式写,将博客文件Deploy后,GitHub就会自动部署

Vercel部署

Vercel部署后,网站打开的速度是三种里最快的(当然,这是在默认设置中的比较),每天有100次部署,当GitHub有相应分支的提交就会自动拉取部署

Cloudflare部署

Cloudflare部署后,网站的访问速度可能是三种里的中等水平,但不限量的DDOS抵御流量还是很香的(要将域名的DNS服务器更换成Cloudfare提供的DNS服务器,相当于把访问速度换成了DDOS抵御流量),也是当GitHub有相应分支的提交就会自动拉取部署

三种部署方案任君意,都是可添加自定义域的,如果觉得访问速度慢,使用国内的DNS服务也是可以的

【个人博客网站】从零开始搭建博客网站(三):安装后台插件
【个人博客网站】从零开始搭建博客网站(一):本地配置