前言

由于有一些小伙伴没有服务器又想搭建自己的个人博客,那么就有了一个很好的选择,Cloudflare pages,它提供免费部署静态网站的功能,且提供一个域名供你访问

开始安装

1.安装环境

1.Node.js

访问Node.js官网

下载适合你电脑的版本,然后安装

管理员打开cmd,输入一下命令验证nodejs和npm的安装

1
nodejs -v
1
npm -v

2.Git

访问Git官网

点击Install Fro XXXXX

下载适合你电脑的版本,安装

2.安装Hexo

1.在任意一个未知创建一个文件夹来存放博客文件(一定要记住)

2.输入以下命令安装Hexo

1
npm install hexo-cli -g

3.创建博客文件夹

1
hexo init <文件夹名称>

4.进入博客让文件夹

1
cd <文件夹名称>

5.安装依赖

1
npm install

6.启动Hexo博客

1
hexo server

访问你的局域网IP+4000端口(例如:192.168.0.253:4000),如果能正常显示,Hexo博客就成功安装了

安装主题

打开以下链接来打开Hexo主题界面

选择一个自己喜欢的主题,进入此主题的Github来下载此主题,我推荐Solitude主题(因为简洁又好看,嘿嘿)

下载好后把解压好的主题文件放到博客目录的”themes”文件夹里

然后编辑”_config.yml”文件夹,Ctrl+F搜索”theme:”,把他改为”theme: solitude”

然后进入命令行,重新生成博客静态文件,并启动博客,可以把主题里的”_config.yml”文件复制到博客根目录并且重命名为”_config.solitude.yml”方便修改主题配置

1
hexo clean && hexo g && hexo server

部署Hexo到Cloudflare

1.创建CloudFlare账号

打开Cloudflare官网

点击Log in,再点右上角注册

注册好后登录

2.部署Hexo

进入账户主页,点击Compute,选择Workers 和 pages

点右上角,创建应用程序

点击最下面的”想要部署Pages 开始使用

选择拖放文件

进入博客根目录,找到public文件夹,上传到Cloudflare

部署完成后就会看到Cloudflare给你的域名,这时候你的博客就可以使用外网访问了

总结

经过上面的折腾我相信你已经把Hexo部署到Cloudflare上了,再见!