github设置中文_静态博客托管图片至 GitHub

从 MWeb 切换到静态博客 Jekyll 之后，我就面临一个问题，这在很久之前使用 Hexo 同样遇过的：图片托管在何处。MWeb 的解决方式很棒，直接插入图片，推送到 Github 后亦能正常引用并显示，无需图床或者借助第三方工具实现 Github 图床化。那么如何在 Jekyll 中实现呢？

下载安装 Typora，目前这是 Windows 下最好的 Markdown 编辑器；
在博客文件根目录下创建一个文件夹，比如 images；
在 Typora 偏好设置 -> 图像 中如下图设置，../images 表示上一级目录（即根目录）中的 images 文件夹；
在 Typora 中写作时，直接拖动或复制图片至文档即可。

相对路径定位图片的方法

同级文件夹：image.png 或 ./image.png，两者效用相同；

下级文件夹：file/image.png 或 ./file/image.png；

上级文件夹：

上级 ../image.png
上上级 ../../image.png

注意，路径中最好不要出现中文，通过相对路径来定位图片，不能跨盘符。

github设置中文_静态博客托管图片至 GitHub相关推荐

使用hugo生成静态博客并部署在GitHub上
使用hugo生成静态博客并部署在GitHub上 hugo是一个用Go语言编写的静态网页生成器,只需要一个命令 hugo 就可以在几秒钟内生成一个静态的博客页面,被称为世界上最快的网站构建框架,使hug ...
Pelican + Github 搭建自己的静态博客
//想了解更多请访问我的新网站:Techwhims Techwhims.com 之前在Github上使用基本的jekyll模板搭建过一个博客,但是那时候前端技术的水平有限,搭出来的博客很不好看,一些基 ...
从零开始使用GitHub Pages搭建Hexo静态博客
本文主要讲述如何使用GitHub Pages/Coding/Vercel搭建Hexo静态博客,以及如何使用jsDelivr加速静态资源.如何使用LeanCloud国际版搭载博客评论,和如何使用PicG ...
github设置中文_【Github】100+ Chinese Word Vectors 上百种预训练中文词向量
(给机器学习算法与Python学习加星标,提升AI技能) 该项目提供了不同表征(密集和稀疏)上下文特征(单词,ngram,字符等)和语料库训练的中文单词向量.开发者可以轻松获得具有不同属性的预先训练的 ...
Gridea 让你更方便地用 Github Pages 和 Coding Pages 搭建静态博客
当下大多数人可能已经对 Github Pages 不再陌生,它是很多喜欢写文章的人第一次接触的用于免费搭建博客建一个简洁却又不失优雅的个人博客 ,直到现在互联网上还有大量的基于它的个人博客,也有大量的 ...
GitHub Actions入门教程：自动化部署静态博客
前天,我使用 GitHub Actions 实现了静态博客的自动化部署,觉得它非常强大,只要你提交到 GitHub,后面的部署完全由 GitHub 自动完成. 这里提的静态博客,就是通过生成工具(eg ...
利用hexo和github搭建静态博客（一）
在搜素文章时无意间发现一篇很漂亮的博客,一看时个人博客,自己也就想创建一个属于自己的博客,初步完成后就写下此文章便于日后查询. 本文是利用hexo在GitHub上建立的静态博客. 主要有三个步骤: 下 ...
手把手教从零开始在GitHub上使用Hexo搭建博客教程(二)-Hexo参数设置
前言前文手把手教从零开始在GitHub上使用Hexo搭建博客教程(一)-附GitHub注册及配置介绍了github注册.git相关设置以及hexo基本操作. 本文主要介绍一下hexo的常用参数设置. ...
基于Hexo+GitHub Page搭建免费个人博客教程
1. Hexo 介绍 Hexo 是基于NodeJs的静态博客框架,简单.轻量,其生成的静态网页可以托管在Github和Heroku上. 超快速度支持Markdown 一键部署丰富的插件 2. 搭建 ...

github设置中文_静态博客托管图片至 GitHub

相对路径定位图片的方法

github设置中文_静态博客托管图片至 GitHub相关推荐

最新文章

热门文章