hexo搭建博客&github pages部署&picgo+typora图床


title: hexo搭建博客&github pages部署&picgo+typora图床
author: 红豆刨冰

1.Hexo搭建博客

官方文档写的很详细

Setup | Hexo

1.1 创建博客目录

hexo init blog
cd ./blog
npm install

image-20240717104114808

1.2 本地运行

hexo s

image-20240717104251785

1.3 本地访问

image-20240717104352315

可以看到,访问localhost的4000端口,即可看到本地的博客网页

2.部署到github pages

2.1 创建一个新仓库

⚠️注意仓库名

image-20240717104927432

2.2 配置_config.yml

我是用的是ssh,需要配置!

image-20240717105611083

2.3 推送到github

安装个包

npm install hexo-deployer-git --save

image-20240717105917954

开始推送

hexo clean
hexo d

image-20240717110014374

image-20240717110150558

会有稍许延迟,github在你每次推送后都会自动部署

image-20240717110058271

部署完成后就可以访问啦

image-20240717110211257

3.picgo+typora图床

3.1 picgo

配置手册 | PicGo

获取token

image-20240717111826297

image-20240717111742385

设定存储路径只是简单的字符串拼接,以下是我设置为blog的错误截图

image-20240717111943422

可以看到,只是单纯的把blog和图片文件名拼接在了一起,所以要加上斜杠

3.2 typora

image-20240717111855015

此时粘贴图片会自动上传,包括图片链接

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值