利用cloudflare搭建Hexo博客

利用cloudflare的pages搭建免费的Hexo博客。其中使用git来将本地代码同步到GitHub,cloudflare自动从GitHub同步更新博客。

利用cloudflare搭建Hexo

1.本地环境搭建

需要的软件

  1. git
  2. node
  3. vscode(任意代码编辑器,win自带文本编辑器也不是不行😏)

以上注意事项,node、git版本用最新即可,vscode随意。操作方式一直点下一步即可😉

2.Git相关操作

打开 git bash进行以下操作

  1. 添加本地账户

    git config --global user.name "你的用户名"
    git config --global user.email "你的邮箱"
    
    # " "也要删除 user.name、user.email要保留
    
  2. 生成ssh密钥,用于连接github并上传文件

    ssh-keygen -t rsa -C "你的邮箱"
    
    #记住生成的公钥(.pub)和密钥(在GitHub步骤中要使用到),公钥和密钥默认储存在C:\Users\你的电脑用户名\.ssh 文件夹中
  3. 在本地创建用于储存hexo的文件夹

    #下载hexo
    npm install -g hexo-cli && hexo -v
    
    #安装相关依赖(初始化 Hexo 项目安装相关依赖。)
    hexo init blog-demo
    cd blog-demo
    npm i
    
    #本地运行项目,查看项目是否正常
    hexo cl && hexo s
  4. 在blog-demo找到 _config.yml文件在最后一项中改为如下

    # Deployment
    ## Docs: https://hexo.io/docs/one-command-deployment
    deploy:
     type: git
     repository: git@github.com:Github用户名/Github用户名.github.io.git
     branch: main

3.Github相关操作

  1. Github添加ssh公钥

    在Github里

    1. 点击头像

    2. 点击setting

    3. 点击SSH AND GPG KEY

    4. 点击右上角new SSH key

    5. title 随意填写,key处填写Git相关操作中创建的 .pub 文件中的内容

    6. 点击add SSH key

      至此完成添加ssh公钥操作

  2. 创建静态博客库

    1. https://github.com/dashboard页面中点击左上角New按钮进入创建页面

    2. Repository name 处 填写 Github用户名+.github.io

    3. Description (optional) 处随意填写

    4. 选择Private(别人看不到库内容)或Public(别人看得到库内容)

    5. 点击Create repository完成创建

    6. 上传博客网站内容到GitHub

    Git bash中操作
    
    1. 进入到hexo项目保存地址
    
    2. 输入 hexo cl && hexo g && hexo d 命令
    
    VScode中操作
    
    1. 在终端中输入 hexo cl; hexo g; hexo d 命令

5.CloudFlare中的操作

  1. 登录CloudFlare
  2. 点击Workers 和 Pages按钮,并点击右上角创建按钮,选择pages进入创建流程
  3. 点击连接到Git,再点击连接到Github。连接到Github选择对应的GitHub库(其它默认就可以),点击创建
  4. 添加已经绑定到cloud flare的域名,之后就可以通过自己域名访问。

如何添加文章,主题和修改博客页面。直接改代码bushi

留下评论

您的电子邮箱地址不会被公开。 必填项已用 * 标注