从零开始使用GitHub Pages搭建Hexo静态博客

最新推荐文章于 2024-04-18 21:08:44 发布
最新推荐文章于 2024-04-18 21:08:44 发布
阅读量2.7k 收藏 3
点赞数 2
分类专栏： 博客 GitHub 文章标签： nodejs jquery css3 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/VanillaTwilight7/article/details/113802460
版权

本文主要讲述如何使用GitHub Pages/Coding/Vercel搭建Hexo静态博客，以及如何使用jsDelivr加速静态资源、如何使用LeanCloud国际版搭载博客评论，和如何使用PicGo上传图片并添加水印。

前言

相对于 WordPress 的优势：

  • 不需要购买虚拟主机搭载

  • 支持 MarkDown 语法，支持本地编写、预览和最终发布（Git Push）

本文涉及的技术点：

  • 🚆 Github Pages （搭载服务）、Coding （搭载服务）、Vercel（搭载服务）、LeanCloud （存储服务）

  • 💺 Hexo（博客框架）、ButterFly（博客主题）

  • 🚀 DNSPod （域名解析加速）、jsDeliver （CDN资源加速）

  • 💡  PicGo（图床工具）、PicGo-Plugin-Watermark（图床水印插件）

本文全部内容发布自我的个人博客：www.leofitz7.com
作者: Leopold Fitz
链接: https://www.leofitz7.com/posts/44651.html
来源: Leopold’s Blog
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

封面图

为提升观看体验，建议访问： https://www.leofitz7.com/posts/44651.html

准备工作

  1. 一个国外域名（国内域名需备案） https://www.namesilo.com/

  2. Windows 系统安装 Git
    下载：https://npm.taobao.org/mirrors/git-for-windows/
    安装：https://www.cnblogs.com/qnly/p/10487057.html

  3. Windows 系统安装 Node.js（建议使用 12.0 及以上版本）
    下载：https://nodejs.org/en/download/
    安装：https://www.cnblogs.com/aizai846/p/11441693.html

博客框架

安装Hexo

选择一个文件夹作为博客的根目录文件夹，在文件夹内右击，选择 Git Bash Here

Git Bash Here


打开后输入下方代码，修改 npm 的安装源为 淘宝NPM镜像

$ npm config set registry https://registry.npm.taobao.org

开始安装

$ npm install -g hexo-cli

初始化Hexo

在 git bash 中输入hexo init 你的博客名称

$ hexo init leopold

根目录会创建一个 你的博客名称 的文件夹

image-20210119212037922


进入该文件夹， cd 你的博客名称

$ cd leopold/

文件及文件夹说明：

image-20210119213555897


启动Hexo

在 git bash 中输入

$ hexo g # generate 编译生成静态文件至 public 文件夹
$ hexo s # server 启动本地预览

输入 http://localhost:4000 ，能正常访问，则启动成功

image-20210124223022713


博客仓库

GitHub创建个人仓库

登录 GitHub ：https://github.com/，选择 New

image-20210119222512875


其中，Repository name 填入 你的GitHub用户名.github.io，其余默认，点击 Create repository 完成个人仓库的创建
注意，必须以 你的GitHub用户名 为仓库名称，否则无法搭载 GitHub Pages 服务
image-20210119222512875


生成SSH密匙

在 git bash 中输入如下命令

$ git config --global user.name "你的GitHub用户名"
$ git config --global user.email "你的邮箱"

生成密匙，一直回车即可（生成过的请注意输入 Y 确认覆盖）

$ ssh-keygen -t rsa -C "youremail"

在电脑中找到新生成的公匙，用记事本打开并复制公匙（id_rsa.pub）中的内容。注意，不要复制私匙(id_rsa)，只需要将公匙提供给 GitHub 即可


右击你的头像，选择 Settings

image-20210124224809963


找到 SSH and GPG keys ，选择 New SSH Key

image-20210124225158124


在 Key 中填入刚才复制的公匙，选择 Add SSH Key

image-20210124225353835


验证是否添加成功

$ ssh -T git@github.com

image-20210124225918828


部署

由于黑人事件爆发，GitHub 的默认分支由 master 变更为 main ，因此我们也默认同步提交到 main 分支

打开 _config.yml，找到文件最后一行的 deploy ，输入如下内容

deploy:
  type: git
  repo: https://github.com/yourGithubName/yourGithubName.github.io.git,main # yourGithubName请自行替换为你的GitHub用户名


安装 hexo-deployer-git

$ npm install hexo-deployer-git --save

清除现有渲染文件（clean），重新渲染文件（generate），部署至 GitHub（deploy）

$ hexo clean && hexo g && hexo de

提交成功后访问你的GitHub用户名.github.io 即可

如果你提交时报错【remote: Permission to XXXA/xxxx.git denied to XXXB】
说明你电脑使用 Git Bash 配过 SSH ，系统已经将指向 github.com 的用户设置为了 XXXB ，每次 push 操作的时候，默认读取保存在本地的用户 XXXB
快速解决方法为：在 Windows 凭据管理器中删除 GitHub 凭证即可

image-20210124231132031

image-20210124231218282


域名加速

修改DNS服务器

为了加速网站域名访问和智能解析，我们使用腾讯的 DNSPod 加速域名访问，并指向博客

登录DNSPod官网 ： https://www.dnspod.cn/

选择 DNS解析 -> 我的域名 -> 添加域名，输入你的域名

20210125-13


添加完成后能看到 状态 栏里的 DNS 错误 ，我们需要去域名注册商处修改 DNS 服务器

请自行前往各自的域名服务商处修改 DNS ，下方提供 GoDaddy 和 NameSlio 的修改教程

Godaddy

进入 GoDaddy 后台 ： https://sg.godaddy.com/zh ， 选择 DNS

20210125-15


找到 域名服务器 ，点击 更改

20210125-16


点击 输入我自己的域名服务器（高级） ，将 DNSPod 提供的地址覆盖到 Godaddy 处

20210125-17


20210125-18

注意：更改成功后可能需要等待数小时（5分钟）才能生效，每个域名服务商的刷新时间不等

NameSlio

进入 NameSlio 后台 ：https://www.namesilo.com/account_domains.php ， 选择 DNS

image-20210125095716112


点击你的域名

image-20210125100236885


找到 NameServers ，点击 Change

image-20210125100535457


输入 DNSPod 提供的 NameServer 地址，点击 SUBMIT

image-20210125100720056
注意：更改成功后可能需要等待数小时（5分钟）才能生效，每个域名服务商的刷新时间不等

解析域名

修改完 DNS 服务器后，在 DNSPod 中，按照下图添加记录，其中，记录值填入 你的GitHub用户名.github.io

解析域名


GitHub Pages

进入 GitHub 的博客仓库，选中仓库的 Settings

Settings


在左侧 Options中， 找到 Custom domain ，输入你的域名后，点击 Save，勾选 Enforce HTTPS

解析域名

在博客文件的 Source 中，创建一个文件 CNAME ，输入你的域名

注意，此文件不能有文件后缀


最后在 Git Bash 中再次提交，注意养成习惯，先删除，在生成，最后提交

$ hexo clean && hexo g && hexo de

等待数分钟后访问你购买的域名即可


搭载服务

已备案域名 建议选择 境内分发 Coding + 境外分发 GitHub Pages

未备案域名 建议选择 Vercel

作者建议 无论是否备案都选择 Vercel

Vercel

为何无论是否备案都建议选择 Vercel ？

根据查阅网上资料发现，GitHub 和 Coding 有时会无法访问，搭载服务并不稳定。因此我选择了 Vercel 作为博客的搭载服务。由于在境内（台湾）设有服务器，境内访问在1-20ms左右。不仅如此，每月还有100G的加速服务，博客多域名绑定（支持子域名），以及自动申请 Let's Encrypt 证书，自动同步 GitHub 仓库部署（可私有化 GitHub 仓库）。

在本地测试 SSL 握手的响应时间也非常短

> curl -w "TCP handshake: %{time_connect}, SSL handshake: %{time_appconnect}\n" -so /dev/null https://leofit7.com

image-20210125131705171
登录 Vercel 官网 ： https://vercel.com/dashboard ，登录方式请选择 GitHub 登录。

在 Vercel 注册账号时请不要使用 QQ 邮箱，Vercel 无法解析，导致验证邮件不可达。

进入后台面板，选择 New Project

image-20210125151142760


选择 GitHub 中的博客仓库，选择 Import

image-20210125151533306


选择你的 GitHub 账户 ，点击 Select

image-20210125151646593


确认无误后，点击 Continue

image-20210125151828610


FRAMEWORK PRESET 选择 Other，点击 Deploy

image-20210125152010783


可看到博客搭建完毕，下面我们绑定自定义域名，选择 Open Dashboard

image-20210125152122308


选择 Settings => Domains

image-20210125152333039


填入你买的域名后，点击 Add

image-20210125152916183


可以看到错误信息 Invalid Configuration ，需要添加 CNAME 记录

image-20210125153214912


DNSPod 官网 ： https://www.dnspod.cn ， 按照你的 DNS 地址填入即可

image-20210125153653879


添加记录后，Vercel 会自动帮你申请 Let's Encrypt 的证书，并为我们自动续期，申请成功后会邮箱告知

image-20210125153840569


至此，Vercel 搭建博客就告一段落，由于是 GitHub 方式登录，即便仓库私有也能自动部署，因此保险起见，建议把 GitHub 仓库设为私有 ~

image-20210125163925806

Coding + GitHub

为何已备案域名建议选择境内 Coding 、境外 GitHub Pages

首先，GitHub Pages 在境内访问较慢，在境外访问较快，因此我们需要对访问进行分流。

对于境内而言，我们采用 Coding 搭载博客，在设定已备案的自定义域名后，Coding 会自动申请 Let's Encrypt 的证书和境内的 CDN 加速。

对于境外而言，我们采用 GitHub Pages 搭载博客。

在使用境内分流至 Coding 后，可以看到 Ping 值平均26左右 。

Ping


在本地测试 SSL 握手的响应时间也非常短

> curl -w "TCP handshake: %{time_connect}, SSL handshake: %{time_appconnect}\n" -so /dev/null https://yusong.site

image-20210125122417731

问题一：为何要已备案的域名，未备案的不行吗？

Leopold：经过测试发现，未备案的域名在 Coding 部署时，只能选择香港节点，而香港节点的 CDN 加速服务在境外（America），导致境内访问很慢，甚至比 GitHub Pages 还要慢2-3倍。

问题二：既然已备案了，为何作者还要推荐 Vercel 呢？

Leopold：根据查阅网上资料发现，GitHub 和 Coding 有时会无法访问，搭载服务并不稳定。因此我选择了 Vercel 作为博客的搭载服务。由于在境内（台湾）设有服务器，境内访问在1-20ms左右。不仅如此，每月还有100G的免费加速服务，博客多域名绑定（支持子域名），以及 Let's Encrypt 证书自动申请等。

创建代码仓库

登录Coding官网 ： https://coding.net/ ， 选择 项目 -> 创建项目

创建项目


选择 代码托管项目


输入你的 项目名称 和 项目标识 后，点击 完成创建


进入新建的仓库，选择 代码仓库 ，点击 新建代码仓库


点击 导入外部仓库 ，登录并进入 GitHub 的博客仓库，将仓库 HTTPS git 地址复制到 Git 仓库 URL



集成部署

导入完成后，我们需要开启仓库的 集成部署功能 ，点击 项目设置


点击 项目与成员 -> 功能开关 ，开启 持续集成 和 持续部署


重新进入 Coding 仓库，选择 持续部署 -> 静态网站 ，按照提示完成必要的 配置腾讯云权限 和 实名认证 后，选择 新建静态网站

按照如下图配置，注意：网站类型请选择静态网站，节点选择非香港区域即可

image-20210125135247204


部署成功后点击 访问 ，验证是否部署成功

image-20210125135402177


绑定域名

不难发现，博客（存储桶）的 URL 是 Coding 提供的，我们需要自定义域名访问

进入该博客部署后台

image-20210125135654506


选择 自定义域名 -> 新建域名 ，输入你的域名


添加域名后，我们需要将域名指向 Coding 提供的地址

登录DNSPod控制台 : https://www.dnspod.cn ，添加一条记录

注意：线路类型选择境内


将原先添加的 GitHub 记录中的线路类型改为境外


这样，我们就实现了境内访问 Coding ，境外访问 GitHub

Hexo 提交至 Coding

在 Coding 头像右击，选择 个人账户设置 -> SSH公匙 -> 新增公匙


复制你的公匙并填入，步骤和 GitHub Pages 里一致

添加完成后，找到 HTTPS 拉取 Coding 的地址


打开博客的 _config.yml 文件，在 deploy 处添加如下图的代码（请自行更换为你的拉取地址）

注意：不要忘记,main
_config.yml


验证

我们是如何知道，境内访问的域名是 Coding 部署的，还是 GitHub 部署的呢？

首先需要刷新 DNS，Windows 下打开 Cmd（Win + R ， 输入 cmd ）

> ipconfig/flushdns

image-20210125140634391


其次 ping 你的域名

> ping yusong.site

可以看到境内平均响应时长很低

接下来我们尝试更改博客的 Title ，测试是否部署成功

更改 _config.yml 的 title

image-20210125140919889


在 Git Bash中执行如下命令：清除缓存、渲染文件、提交文件

$ hexo clean && hexo g && hexo de

此时看到代码上传到 Coding 后自动部署

image-20210125141130160


部署成功后访问域名，可以看到成功更改标题

image-20210125141236934


博客主题

本章节不详细描述如何配置 ButterFly 主题，详情请见 https://butterfly.js.org/posts/21cfbf15


资源加速

本章节主要讲述 CDN 资源加速

由于七牛云需要域名备案，而且使用 HTTPS 协议的 CDN 加速会产生额外费用，因此我们使用 jsDelivr 来加速

登录GitHub : https://github.com/ ，新建一个仓库 ，如下图所示


创建完成后，复制 HTTPS Git 地址


选一个用于存放静态资源的文件夹，打开 Git Bash ，输入：

git clone 你刚刚新建的 CDN 仓库地址

例如：

$ git clone https://github.com/leopold7/CDN.git

拉取成功后，将你的静态资源文件，放入至拉取后的文件夹内，提交即可

例如，我们在 CDN 文件夹中新建一个文件夹 images ，放入一张名字为 marver-1 的图片

image-20210125194940323


此时，以 CDN/ 为根目录，则这张图片的相对路径为 /images/marver-1.jpg

接下来我们提交下文件

cd CDN/  # 进入CDN文件夹，或者直接在CDN文件夹里打开Git Bash
git status 
git add .
git commit -m '第一次提交'
git push

提交成功后，我们通过浏览器访问下这个文件地址

https://cdn.jsdelivr.net/gh/你的GitHub用户名/仓库名@分支名/文件路径

例如：https://cdn.jsdelivr.net/gh/leopold7/CDN@main/images/marvel-1.jpg


图床工具

安装PicGo

PicGo 就是自动把本地图片上传，并转换成链接的一款图床工具

进入 GitHub 个人设置 : https://github.com/settings/profile ，选择 Developer settings


选择 Personal access tokens -> Generate new token


在 Note 中随便填入，勾选 repo ，点击 Generate


添加完成后，将 tokens 复制到记事本中，因为它仅显示一次

  1. Leopold网盘下载（推荐）
    https://drive.leofitz7.com/fitz/%E8%BD%AF%E4%BB%B6/%E6%8A%80%E6%9C%AF/%E3%80%90%E5%9B%BE%E5%BA%8A%E3%80%91PicGo/

  2. 下载 PicGo

    版本：2.3.0
    链接：https://pan.baidu.com/s/1n7Glx2fFfTsi7ZKMnRyPNA
    提取码： s30x

  3. GitHub 下载较慢，Gitee 暂未发现下载链接

    链接：https://github.com/Molunerfinn/PicGo/releases

安装并打开，选择 图床设置 -> GitHub图床

  • 设定仓库名 ：GitHub 用户名/仓库名
  • 设定分支名 ：main（默认为 main 分支）
  • 设定 Token ：上一步创建的 Personal access tokens
  • 指定存储路径 ：上传到指定文件夹内
  • 设定自定义域名 ：上传完成后生成的图片链接域名 https://cdn.jsdelivr.net/gh/GitHub用户名/仓库名@main


搭配Typora

Picgo 搭配 Typora 可实现智能上传图片，以及自动替换 MarkDown 中的图片链接功能

打开 Typora，选择 文件 -> 偏好设置 -> 图像，其中

  • 上传服务：选择 PicGo(app)
  • PicGo 路径：填入PicGo 绝对路径

填入后点击验证图片上传选项，测试是否连通

image-20210125202453974


配置完成后，我们可直接在 Typora 中，右击图片，选择 上传图片

image-20210125202951815


上传成功后，Typora 中的资源地址就会自动换成 GitHub 图床的地址

image-20210125203154405


水印插件watermark

相对于 WordPress 强大的插件库而言，PicGo 里的插件库显得有些薄弱，仅包含“任意放置文字和图片"，并没有透明度功能，总之，麻雀虽小，五脏俱全

打开 PicGo ，选择插件设置，在搜索框中输入 watermark，点击安装即可

image-20210125204517447

watermark 插件安装太慢的看这里

原因：三个平台的 sharp 包都内置，导致插件过大，安装缓慢。

解决：手动安装

环境： Node.js 14.15.0 Python 2.7.18 VS2019 16.8.4

Node.js 选择大于 8.0 的版本即可，这里推荐使用 gnvm 完美切换版本

Visual Studio 2019 安装时勾选 使用C++的桌面开发

Visual Studio 2019


Visual Studio 2019 下载太慢的看这里

如果下载 Visual Studio 2019 太慢，请修改 hosts 文件（路径：C:\Windows\System32\drivers\etc\hosts）

首先获取加速IP: https://microsoft.com.ipaddress.com/download.visualstudio.microsoft.com ，如下图所示，加速 IP 为 93.184.215.201

image-20210126105805808

在 hosts 中填入加速ip 空格 download.visualstudio.microsoft.com

例如

 93.184.215.201 download.visualstudio.microsoft.com

无法保存的请先启用写入权限

image-20210126105327132

环境准备完毕后进入插件目录 cd {your-plugins-root-path} ，可以在 PicGo 设置中点击 打开配置文件，配置文件所在文件夹就是插件目录

image-20210126113238772

image-20210126113336843


> cd C:\Users\****\AppData\Roaming\picgo 
> npm install picgo-plugin-watermark

image-20210120103336422


安装完成后重启 Picgo ，即可在 插件设置 中看到 picgo-plugin-watermark

image-20210126113624670


P.S.

  • 插件在 启用/禁用 时需要重启 PicGo
  • 安装后无法找到插件的请确认是否安装成功，若无效可尝试替换安装命令为 npm install picgo-plugin-watermark --save （添入 package.json ），
  • 无法上传的时候学会看错误日志，有时候是因为水印插件的问题，有时是因为文件已上传过，由于没有配置 时间戳命名，导致无法上传同路径下的同名文件，请读者自行甄别错误信息

右击插件 右下角 的 设置图标，打开 配置plugin - watermark ，填入水印规则即可使用

配置名例子备注
字体文件路径/Users/fonts/Arial-Unicode-MS.ttf字体文件路径；水印中有汉字时，此项必须有
水印文字hello world默认只支持英文水印，中文支持需要自行导入中文字体文件
字体大小14默认14
水印图片路径/Users/watermark.png优先级大于文字
水印位置rbexport enum PositionType {
lt = “left-top”,
ct = “center-top”,
rt = “right-top”,
lm = “left-middle”,
cm = “center-middle”,
rm = “right-middle”,
lb = “left-bottom”,
cb = “center-bottom”,
rb = “right-bottom”
}
最小尺寸200*200原图最小尺寸，小于这一尺寸不添加水印
高度或宽度任何一个小于限制，都会触发

image-20210126115148089


数据存储

博客的评论采用 Valine 评论插件，评论存储采用 LeanCloud 国际版

作者建议直接使用 LeanCloud 国际版，虽然官网访问真的很慢很慢…

注意，如果使用 LeanCloud 国内版，请确认你的域名已备案，下方提供了 国内版 转 国际版 的教程

国内版转国际版

登录LeanCLoud国内版 ： https://console.leancloud.cn ， 进入你的评论应用后，选择 存储 => 导入导出 ，点击 导出 后，官方会以邮件形式发送下载链接

image-20210126131656425


注意：根据官方解释，导出和导入的格式原本都是 JSON 数组，后来为了便于导出数据后自行处理（以行为单位处理更方便），导出改成了 JSON Lines 格式，但导入没有及时跟进（截止于2021年1月26日）

所以直接导出后的 JSON 是没有办法直接导入的，我们需要手动的改成 JSON 数组格式

除了最后一行数据外，每行后面填入一个 英文逗号 ，最后用 英文中括号 包裹即可

例如：

[
	{ type : one   },
	{ type : two   },
	{ type : three }
]
国际版

注册并登录 LeanCLoud 国际版 https://console.leancloud.app

右上角进入控制台，确定节点为国际版后，选择 创建应用

image-20210126144435355


应用创建完成后，点击创建应用卡片右下角的设置图标按钮，进入到应用设置面板，选择 设置 => 应用Keys ，复制你的 AppID 和 AppKey

image-20210126145012670


打开博客主题配置文件 _config.butterfly.yml ，找到 comments ，在 use 处添加一条 - Valine ，开启 Valine 评论

image-20210126145957055


然后将 AppID 和 AppKey 这两个属性值复制到 valine 对应处

image-20210126150516580


本地启动博客，能看到评论功能正常启动 ，且出现 来发评论吧~ ，无其他错误码

image-20210126154936085


域名绑定

选择 设置 => 域名绑定 ，点击 绑定新域名

image-20210126152438661


输入一个未使用的子域名，例如 comment.xxxxx.com ，其余默认，点击 绑定

image-20210126153110136


可以看到 等待配置 DNS ，我们需要去域名提供商处添加一条记录，指向 CNAME

image-20210126153746006


对应填入即可

image-20210126154123696


可以看到状态为 已绑定

image-20210126154317158


为了防止他人调用（ API 三万次 HTTP 调用免费），我们绑定博客的域名

选择 设置 => 安全中心 ，将博客的域名填入 Web 安全域名 中

image-20210126151836248


评论管理

想要开启评论管理，我们需要部署 Valine-Admin

打开 云引擎 => WEB => 部署 ，选择 部署项目

image-20210126164226354


点击 Git 部署 => 配置 Git

image-20210126164522449


在 Git remote URL 中输入链接 https://github.com/DesertsP/Valine-Admin.git ，点击保存即可

image-20210126164743601


刷新页面后选择 部署

image-20210126165046431


访问刚刚绑定的域名，可看到评论管理页面能正常访问

image-20210126155110949


不难发现，评论管理页面需要账号密码，因此我们需要创建一个管理员账号

方法1

原文作者：https://github.com/DesertsP/Valine-Admin

访问管理员注册页面：https://云引擎域名/sign-up，注册管理员登录信息

例如：https://deserts-io.avosapps.us/sign-up

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-2TMn804P-1612086271876)(https://github.com/DesertsP/Valine-Admin/blob/master/assets/imgs/signup2.png?raw=true)]]

注：使用原版Valine如果遇到注册页面不显示直接跳转至登录页的情况，请手动删除_User表中的全部数据。

进入 存储 => 用户 ，点击 添加用户

image-20210126155425577


输入 用户名、密码 和 邮箱

切记要输入邮箱，因为评论管理的登录方式是输入邮箱。

彩蛋添加用户的时候，如果手机号先输入，点击空白处，再删除，添加的时候会报400，猜测大概率是监听默认排除了空，快过年了，就不给 LeanCloud 前端提 bug 了哈哈哈哈哈

image-20210126155606900


创建完成后，访问你绑定的云引擎域名，输入邮箱和密码就可以了


邮件提醒

请确保你已部署 Valine-Admin

选择 云引擎 => WEB => 设置 ，点击 添加

image-20210126220002993


填入如下配置即可（来源：https://github.com/DesertsP/Valine-Admin）

变量示例说明
SITE_NAMEDeserts[必填]博客名称
SITE_URLhttps://panjunwen.com[必填]首页地址
SMTP_SERVICEQQ[新版支持]邮件服务提供商，支持 QQ、163、126、Gmail 以及 更多
SMTP_USERxxxxxx@qq.com[必填]SMTP登录用户
SMTP_PASSccxxxxxxxxch[必填]SMTP登录密码（QQ邮箱需要获取独立密码）
SENDER_NAMEDeserts[必填]发件人
SENDER_EMAILxxxxxx@qq.com[必填]发件邮箱
ADMIN_URLhttps://xxx.leanapp.cn/[建议]Web主机二级域名（云引擎域名），用于自动唤醒
BLOGGER_EMAILxxxxx@gmail.com[可选]博主通知收件地址，默认使用SENDER_EMAIL
AKISMET_KEYxxxxxxxx[可选]Akismet Key 用于垃圾评论检测，设为MANUAL_REVIEW开启人工审核，留空不使用反垃圾

由于 LeanCloud 存在休眠策略，在休眠期间被唤醒的过程中，第一封邮件无法发送，后续邮件可以发送，因此我们需要实时唤醒

对于体验版而言，半小时内没有任何外部请求则休眠，每日最大唤醒时长为 18 小时，超过则强制休眠，因此建议在 8 点 - 24 点唤醒即可

此处仅提供带有云服务器的唤醒方法，对于网上流传的其他方法这里不过多解释，各有利弊

  • SSH 你的云服务器后，输入 crontab -e ，打开 crontab 后 ，输入 i 进入编辑模式

  • 输入 */30 8-23 * * * /usr/bin/curl https://你的云引擎域名 ，表示在 8 点 - 24 点，每 30 分钟访问 https://你的云引擎域名

  • 请确认 /usr/bin/curl 命令能正常使用
    云引擎域名不是你的博客地址！请看上一张截图！

  • 输入 :wq ，保存并退出

  • 输入 service crond restart ， 重启服务


其他

其他想说的话：

  1. 博客原先搭载服务是 Coding 香港节点 ，在困恼了两天无法优化访问速度时，恰好发现了一篇文章，上面记录了博客的搭载历程，也因此和 Vercel 有了缘分，在此感谢原作者提供解决灵感，附作者文章链接：https://7988888.xyz/blog1/
  2. 文章中的内容偏口语话，文章细节及专业语法恐难达到完美，这是作者的水平问题，但撰写这篇文章时，我一直记得乔布斯说过的一句话，有时，“做到很好” 是 “做到最好” 的敌人，这也是我最终坚持写完的原因

本文全部内容发布自我的个人博客：www.leofitz7.com
作者: Leopold Fitz
链接: https://www.leofitz7.com/posts/44651.html
来源: Leopold’s Blog
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

Leopold Fitz 7
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
用GithubPages创建静态博客
EnskDeCode
03-05 935
1. 新建一个用于搭建博客的仓库如下图所示注意 : 仓库的名字必须是 你的用户名 + github.io , 例如我的用户名是tojohnonly , 那么我的仓库名是 : tojohnonly.github.io , 如下图 :点击 Create repository 创建仓库 , 创建完成后我们就有了一个可以访问的博客地址 tojohnonly.github.io , 已经可以访问了 , 只不过
摆脱网络限制：用Vercel打造属于你的ChatGPT网站
陌生旅客的博客
04-14 3308
非常适合自己搭建好，分享给不会使用网络的人去体验chatgpt的魔力。同类的平台有Netlify 和 Github Pages，相比之下，vercel 国内的访问速度更快，并且提供了多环境部署，支持持续集成，一次push或者一次PR会自动化构建发布，发布在development环境，生成不一样的链接可供预览。今天的主角就是Vercel了，Vercel是一个用于部署前端应用和Node服务的云平台，提供CDN加速，自带https，自带丰富的模板，支持根据模板创建项目和一键导入 github 的项目，非常方便。
使用 Netlify，cloudflare pages，GitHub pages , Vercel , Render部署你的 Hexo
m0_73731989的博客
04-18 1360
Hexo 博客，在我从一开始的 GitHub pages 转到 Netlify，如今又搭建了 cloudflare，但万变不离其宗，我们没有服务器，没有经济实力支持服务器，于是选择静态部署平台，pages 给我们提供了很好的平台途径，我也是踩了不少的坑，下面将从 Netlify，cloudflare 讲解如何部署。等待部署完毕即可，这里可以看日志，部署完毕之后就会自动跳转，一般日志里出现绿色的。点进去看一下，如果你的博客资源比较多的话，首次加载可能比较慢，此处可以挂个科学上网。完成之后点击绿色的按钮。
2023年最新 Github Pages 使用手册
SiShen654的博客
08-24 7431
GitHub Pages 是一项静态站点托管服务，它直接从 GitHub 上的仓库获取 HTML、CSS 和 JavaScript 文件，（可选）通过构建过程运行文件，然后发布网站。可以在GitHub Pages 示例集合中看到 GitHub Pages 站点的示例。可以有两个方式：仓库内创建 404.md，但是开头需要配置 yml 格式------...仓库内创建 404.html
Github+PicGo+Jsdelivr 免费图床
涛涛之海
06-20 346
通过修改本机hosts文件来解决。在电脑上网过程中，人们一般输入的都是网站域名（如：www.baidu.com），而不是较难记忆的IP地址（如：14.215.177.38），所以我们在浏览器输入域名时，需要DNS对域名进行解析。而hosts文件负责解析域名并优先于DNS服务，通常很多恶意软件会恶意更改该文件来达到劫持网站的目地。1、打开网页 https://www.ipaddress.com/，然后查询以下两个网站的 Ipv4 的地址 2、打开C:\Windows\System32\drivers\etc\
搭建一个Hexo博客并用vercel部署
奔跑的砖头
05-24 797
Hexo 是一款基于Node.js的静态博客生成器，具有简单易用、快速高效、丰富主题、插件支持等特点，适合用于个人博客、技术文档、个人网站等场景。而且基于 markdown 编写起来非常顺畅，个人非常喜欢这个博客。这次下定决心搭建一个 Hexo 博客来实现我日常分享的一个小博客网站。
使用 Github Pages 和 Hexo 搭建独立博客-内含源码以及设计说明书(可以自己运行复现).zip
最新发布
05-08
使用 Github Pages 和 Hexo 搭建独立博客-内含源码以及设计说明书(可以自己运行复现).zip
a1046700338.github.io:使用GitHub-pages通过hexo驱动部署的个人博客网站
03-10
之后，使用`hexo init`初始化一个新的博客项目，接着可以编写Markdown格式的文章，使用`hexo generate`（或简写`hexo g`）生成静态文件，最后通过`hexo deploy`（或`hexo d`）将这些文件部署到GitHub Pages。...
GitHub hexo搭建个人博客
06-10
GitHub+hexo搭建各个博客
Hexo静态博客网站生成器-其他
06-12
Hexo是一个基于nodejs的静态博客网站生成器，同时也是一个简单且功能强大的博客框架。 Hexo特点： 1、快速生成 2、支持GitHub Flavored Markdown和大多数Octopress插件 3、一键部署到GitHub Pages，Heroku等 4、强大...
利用gitpages+hexo搭建自己的博客
01-08
从开始开始着手搭建到完成大概花了一个下午的时间，采坑不少，在此记录一下 我的博客地址http://delaprada.com 第一步 准备工作 node.js下载好，github有已注册的账号 在github中新建一个repository，命名为：你的...
实现vercel的反向代理和重定向
CS@zeny的博客
05-08 4646
使用vercel实现反向代理来解决不是https的请求问题
建站过程中的踩坑记录：自定义域名、百度收录与备案
Rain_Mic的博客
09-18 2531
最近折腾了一下个人网站：https://liuyuxin.site/，主要是自定义域名、百度收录博客内容以及备案相关的事情，这里做个笔记存档。
Vercel+Railway部署Typecho动态博客（超详细图文教程-Vercel CLI办法）
gally16的博客
02-12 1624
Vercel+Railway部署Typecho动态博客（超详细图文教程-Vercel CLI办法）
Vercel为静态网站设置域名解析
delete_you的博客
04-01 4530
使用vercel的静态网页部署功能，配合腾讯云DNSPOD进行域名解析，实现域名更换
信息收集
k0sec的安全路
03-23 144
1.cdn判断 超级ping CDN的全称是Content Delivery Network，即内容分发网络。CDN是构建在网络之上的内容分发网络，依靠部署在各地的边缘服务器，通过中心平台的负载均衡、内容分发、调度等功能模块，使用户就近获取所需内容，降低网络拥塞，提高用户访问响应速度和命中率。CDN的关键技术主要有内容存储和分发技术。 2.cms判断 1)非cms 小众程序或个人开发 2)cms...
NameSilo购买域名，免去实名、备案的麻烦
weixin_38821611的博客
08-15 687
NameSilo是全球领先的域名注册商之一，以其简单、可靠且经济实惠的域名注册和管理服务而闻名。价格非常实惠，最低0.99美金/年起步（约7人民币）支持支付宝支付，对于中国用户来说非常方便不需要实名、备案，保护个人信息同时免去繁琐的操作话不多说，接下来，我将提供逐步详细的操作指引，帮助你拥有一个属于自己的域名。
Vercel 的一些其它配置
皮蛋很白的博客
07-08 3019
修改监听的 Git 分支 默认情况下，推送到 main 分支（或 master）的每个提交都会触发生产部署。 可以找到项目 -> Settings -> Git -> Production Branch 修改 BRANCH NAME。 分支修改后不会重新启动部署，还需要重新向修改后的分支推送内容，才会触发。 修改 install 命令 Vercel 默认执行 install 命令是 yarn install or npm install，也就是优先使用 Yarn。 如果想指定 npm 或
Vercel(zeit)自定义404.html页面
乐特的博客
05-24 3320
前言 我于2020年开始接触、使用Vercel(ZEIT)的，要是我能早点知道的话，我也不会煞费苦心去优化Github上的个人博客的加载速度问题，当然国内也有类似Github的代码托管网站，如Gitee(码云)，Coding(被腾讯收购，还是挺好用的) 记录一下自己使用Vercel(ZEIT)的过程中遇到的一些问题 因网上本根搜不到有关Vercel(ZEIT)使用过程中遇到的问题，百度搜不到任何信息就算了，谷歌也是少得可怜 因此记录此片文章，生怕哪天自己给忘了，又得花时间琢磨 Vercel(ZEIT)简
github hexo搭建博客
09-04
使用Github hexo搭建个人博客的过程可以分为以下几个步骤： 1. 准备工作：首先需要安装两个必要的软件，一个是Git用于版本控制，另一个是Node.js用于运行Hexo。可以在官网下载并安装这两个软件。 2. 注册Github...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值