Cloudflare系列教程之在pages上搭建静态博客

利用cloudflare的pages功能搭建博客

1.pages简介

Cloudflare Pages是Cloudflare公司推出的一个静态网站托管服务,专门为开发者提供构建和部署现代化、高性能网站的解决方案。 它的主要特点包括: 与GitHub 无缝集成,支持自动从仓库获取代码并触发构建和部署。 提供免费的SSL证书和全球CDN加速,大幅提升网站的访问速度和安全性。 在cloudflare的pages中部署静态博客。 前置知识（重要）：在本地安装git,并且把git代码上传到远程github仓库。 1.配置用户名和邮箱 $ git config user.name “new_username” $ git config user.email “new_email@example.com” 其中的"new_username"是你的新GitHub用户名，“new_email@example.com"是你的新GitHub邮箱地址。

2.创建SSH密钥： $ ssh-keygen -t rsa -C “your_email@example.com” 这里的"your_email@example.com"应被替换为你的GitHub邮箱地址。

3.将SSH密钥添加到ssh-agent： $ eval “$(ssh-agent -s)” $ ssh-add ~/.ssh/id_rsa 4.将公钥添加到新的GitHub账户 打开 “~/.ssh/id_rsa.pub"文件，复制内容。然后，打开GitHub的设置页面，在SSH和GPG keys部分，点击"New SSH key”， 填入一个标题（例如你的电脑名称），在Key处粘贴你复制的公钥内容。

2.在本地初始化一个git仓库，并上传代码到github远程仓库。

自己在本地初始化一个git仓库，然后在github上新建一个远程仓库，根据新建的远程仓库的提示，进行操作，如果代码能顺利上传到github远程仓库，即代表本地的git配置没有问题。 一、本地搭建hugo项目，并熟悉hugo博客的使用

  1. 下载hugo安装包 （此处为windows系统下使用） 下载地址: https://github.com/gohugoio/hugo/releases/download/v0.125.4/hugo_extended_0.125.4_windows-amd64.zip

  2. 解压下载的安装包，然后切换到安装包目录，在此目录下运行cmd窗口，执行以下命令（myblog可更改为自己的项目名称） hugo new site myblog 3.把hugo.exe 所在的文件夹，添加到环境变量（重要）,win+r打开运行，输入：rundll32 sysdm.cpl

  3. 然后切换到myblog文件夹,初始化仓库 git init

  4. 添加hugo主题 git submodule add https://github.com/lxndrblz/anatole.git themes/anatole

  5. 在hugo.toml配置文件中加入主题的名字

  6. 在你的项目根目录下运行如下命令创建一个博客,可以创建多篇 hugo new life/first.md 8.在本地启动hugo服务，查看博客是否可以运行 hugo server –debug