全网最快速详细搭建个人hexo博客

1.npm安装hexo 执行指令npm install -g hexo-cli(前提按照node git)

 

2.使用指令 hexo -v进行检验,如下成功

![1.png](https://s2.loli.net/2023/01/08/EUhNvsBSTRYcl4P.png)

 

 

3.

方法1新建空文件夹Blog(查看是否隐藏文件)右键hexo init --初始化hexo环境,在文件夹下自动生成hexo文件

方法2 hexo init 【文件夹名】

![2.png](https://s2.loli.net/2023/01/08/I2Lw6oH3A1EWvdm.png)

4.hexo server --生成本地服务

浏览器输入 localhost:4000本地可看到界面

![3.png](https://s2.loli.net/2023/01/08/qHeIFPwJ1W2a37v.png)

5.hexo n 【博客文件名】 (注意:source/_posts目录下执行命令)

 _posts 文件夹下建立***博文文件***及***同名文件夹***(这篇文章要引用图片放在该文件夹下)

 可以使用[SMMS](https://smms.app/)图床生成在线url

 6.关联码云仓库

 ![5.png](https://s2.loli.net/2023/01/09/WO6wEdxlQzPJjUi.png)

 

 7. Blog目录下运行hexo g -d 部署页面上传到码云

![4.png](https://s2.loli.net/2023/01/09/8UTSzduQaWHbsfn.png)

 

```javascript

首字母缩写

hexo generate --  hexo g 生成个人博客所需的静态页面

hexo server --    hexo s 本地预览

hexo deploy --    hexo d 部署我们的个人博客

hexo clean --     清除缓存

hexo new "Name" --新建文章

hexo new page "Name" --新建页面

hexo s --debug    编辑我们的博客的时候可以使用

然后访问本地地址进入调试模式,更改了配置或文章后随时刷新页面


 

部署步骤

hexo clean

hexo generate、hexo deploy两步可简写hexo g -d,

使用hexo help来查看hexo命令帮助

```

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

小可爱的小飞云

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

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

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

打赏作者

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

抵扣说明:

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

余额充值