基于hexo框架个人博客的搭建 ||部署到github


1.安装node.js

由于hexo需要nodejs的支持,故我们需要先安装node.js.

  1. 下载网站为:https://nodejs.org/en/,进入选择下载长期版。安装过程较为简单,单击下一步即可,这里不展开讲。
    这里为12.16.1 LTS
  2. 安装完成后,打开命令提示符检查。可以看到node及包管理器的版本。
  3. 由于npm在国内下载速度较慢,故可选用淘宝镜像。
    在这里插入图片描述
    安装完成后检查版本
    在这里插入图片描述

2. 安装hexo框架

cnpm安装完成后即可安装hexo框架
在这里插入图片描述在这里插入图片描述

3.开始搭建自己的博客

  1. 选择一个位置作为存放自己博客的文件夹,关于博客的所有东西将会存放在此目录下。如果在搭建过程中失败了,将此目录删除即可。
    在这里插入图片描述
  2. 初始化博客,此处可能需要git支持,百度下载安装即可
    在这里插入图片描述
    以下为生成的内容,后期我们的博客将基于此开始创作
    在这里插入图片描述
    其实这个时候我们就可以启动我们的博客了
    在这里插入图片描述
    可以看到在我们本地4000端口启动了hexo服务,我们试着通过浏览器访问
    在这里插入图片描述
  3. 开始写自己的博客
    在这里插入图片描述
    其实我们也可以直接打开文件进行编辑创作。
    在这里插入图片描述
    到目前为止本地的搭建已经完成,下一步我们可以考虑将我们的博客部署到远端,提供访问。这里我们采用免费的GitHub作为部署平台。

4.将我们的博客部署到github

  1. 首先我们在GitHub上新建一个仓库用于存放我们的博客。特别注意的是仓库的名称有特定的格式要求,一般为个人昵称+.github.io,之后我们将用这个地址访问我们的博客。
    在这里插入图片描述
  2. 接着在我们本地的目录下安装一个Git支持插件
    在这里插入图片描述
  3. 修改配置文件
    在这里插入图片描述
    用命令行或记事本修改文件底部配置
    在这里插入图片描述
    在这里插入图片描述
    类型改为git,地址为你仓库的地址
  4. 接下来我们就可以部署啦
    在这里插入图片描述
    中途登录github账号
    在这里插入图片描述
    刷新我们的github仓库就会发现多了很多我们推上去的东西。
    到这里我们的部署已经成功了,我们可以通过我们的仓库名直接访问了
    在这里插入图片描述

ok,到这里来我们的部署就成功了。关于hexo的主题,如果不喜欢可以自己更换,网上也有很多资源。
在部署中可能会遇到很多问题。不过耐性一点都可以解决的啦。

本文视频参考链接:https://www.bilibili.com/video/av44544186/

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值