如何5分钟创建和部署一个个人博客

一、环境准备

1.Node.js (版本需不低于 10.13)
2.Git

https://hexo.io/zh-cn/ hexo博客官方文档

ps.这里放上个人已部署好的项目供大家查看效果
https://voile-source.github.io/

二、创建hexo博客项目

1.全局安装hexo-cil工具

npm install hexo-cil -g

2.新建hexo项目

hexo init (项目名称)

等待命令执行完毕之后,会在(项目名称)目录下创建一个初始化hexo博客项目.

3.启动项目

hexo server

在这里插入图片描述

进入项目所在目录下,输入hexo server命令启动项目,然后浏览器访问http://localhost:4000
在这里插入图片描述

至此一个基本的hexo博客项目就搭建好了.

三、部署上线

1.新建github仓库

以username.github.io命名(username是你的github名称,就是下图Owner位置的名字),必须要和左边的username相同,否则不会生效。
在这里插入图片描述

2.修改配置项

修改hexo项目的_config.yml文件末尾的deploy配置项

deploy:
  type: git
  repo: git@github.com:*****.github.io.git
  branch: main

repo为仓库的地址,branch为博客项目上传的分支(一般默认为main)

3.部署项目

在hexo项目目录下输入命令

hexo clean
hexo deploy --generate

等上传至github仓库成功之后,静候github pages服务部署(大约一到两分钟),之后访问https://username.github.io即可访问部署好的博客网站。

四、修改主题

1.安装主题
npm i hexo-theme-nexmoe@3.2.13
2.修改配置文件

将目录下 _config.yml 文件的 theme 选项设置为 nexmoe

3.重启项目

将项目重启,可以看到主题配置完成(下方是修改了主题样式后的效果,如果修改主题样式见主题官方文档Hexo Theme Nexmoe)
png

  • 4
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 5
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

volit_

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

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

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

打赏作者

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

抵扣说明:

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

余额充值