【Hexo】GitHub+Typora写博客+图片上传

原创已于 2025-08-06 17:52:51 修改 · 3.8k 阅读

48 ·

CC 4.0 BY-SA版权

文章标签：

#github #git #hexo #Typora #图床

于 2022-05-07 14:59:27 首次发布

Hexo 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了如何使用Hexo和Typora搭建个人博客，并详细讲解了新建图片文件夹、Typora的设置以及图文笔记的发布流程。通过在source下创建imgs文件夹来存放图片，配置Typora的图片路径，然后在Markdown中插入并保存图片，最后通过GitBashHere运行hexo命令更新博客，访问本地服务器查看效果。

前言

使用了Hexo+GitHub搭建了自己的个人网站，不管搭的多好看，没有内容终究是没有意义的，不要忘记搭网站初心，既然谈到写博客，那么肯定免不了图文笔记，Typora是我非常喜欢的Markdown文本编辑器，界面简洁干净，使用markdown语法，上手简单

一、新建图片文件夹

在source下新建imgs的文件夹，用来储存照片
在这里插入图片描述

二、Typora设置

打开Typora——>偏好设置
在这里插入图片描述
按照如图配置，如果你用的Hexo写博客，复制这个即可../../source/imgs/${fiilename}
它的意思是将文中的照片复制一份到imgs里的${fiilename}文件里
如果没有用Hexo，按照这个思路设置对路径即可

三、实例演示

打开Git Bash Here
hexo new text 生成一篇名为“text”的文章
在这里插入图片描述
打开text.md，设置图片根目录

选择source作为根目录

然后文章内容就会出现typora-root-url: ..

将需要上传的图片放入imgs

插入图片

选择刚刚放进imgs里的图片

CTRL + S保存即可
接着打开Git Bash Here
hexo clean
hexo g
hexo s
访问 http://localhost:4000即可看到
在这里插入图片描述