Hexo搭建自己的小博客+部署,全面,无需服务器

我一点也不想写详细的教学文档,在我看来,他一点意义也没有。你可以根据我的提示,根据文档内容。慢慢的安装,遇到问题可以一起交流。直接抄作业。no!
在折腾中长大!无数的失败,你就会成功。

一、前期准备

1、需要的文档

  1. Hexo官方文档
  2. Butterfly主题文档

2、需要的网站

  1. GitHub
  2. Vercel

3、需要的工具

  1. Git
  2. Node.js

4、注意

  1. 网页无法打开,需要科学上网
  2. 工具无法下载,需要科学上网
  3. 框架无法安装,需要科学上网

二、前期搭建

1、 Vercel搭建

  1. 注册一个Vercel
  2. 在模板中创建一个Hexo项目
  3. 选择自己的GitHub仓库
  4. 公有私有都可以。点击create创建
  5. 等待几分钟,会跳转到成功的界面

2、Vercel域名绑定

  1. 如果你没有域名可以跳过直接看3

  2. 跳转到成功页面后,会有一个自定义域名的链接

  3. 进入后输入自己的域名即可

  4. 注意

    • Vercel被墙,所以直接访问他所提供的域名时,需要科学上网
    • 添加自己的域名时,需要在域名管理后台的域名解析中添加两条记录
  5. 在域名解析中添加记录

    记录类型:A 记录值:76.223.126.88

    记录类型:CNAME 记录值:cname-china.vercel-dns.com

  6. 点击添加,如果看到全部都是对勾,说明添加成功。

  7. 成功后,访问自己的域名,看看是否可以访问,速度是否OK

3、搭建本地Hexo框架

  1. 进入自己的GitHub仓库,找到刚刚创建的Hexo项目
  2. clone到本地
  3. 进入本地项目后,根据hexo官方文档,安装hexo框架
  4. 安装成功后,进入本地Hexo项目,在cmd中输入npm install等待安装
  5. 安装成功后,可以使用hexo的命令,看看本地访问hexo项目是否正常
  6. 如果正常的话,说明这一步成功。
  7. 注意
    • 安装hexo框架必须安装node.js
    • 国内使用node.js比较拉跨,因此改一下node的源就可以啦!看这里

三、美化主题

1、下载Butterfly主题

  1. 打开Butterfly主题文档,进入快速安装,根据博客文档内容进行安装
  2. 注意
    • 最好用GitHub仓库东西,为了追求快,用过两次Gitee,在修改导航栏时一直出现问题

2、 美化主题

  1. 主题下载ok后,根据Butterfly主题文档,按照自己的需求进行配置主题。自己折腾就好啦!

四、更新博客

1、Push本地仓库

  1. 博客写完后使用Git命令把本地Hexo项目Push到GitHub仓库
  2. 过一小会会Vercel会自动更新
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一只小猿猿hismeyy

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值