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

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

GitHub 加速计划 / pi / PicGo
5
1
下载
:rocket:A simple & beautiful tool for pictures uploading built by vue-cli-electron-builder
最近提交(Master分支:17 天前 )
f1817eb1 - 3 个月前
2bd5d065 - 3 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐