hexo搭建的个人博客上传图片
本方法为直接上传图片到GitHub,省事但是占用GitHub空间,如果怕GitHub(免费使用300M)以后空间不够用,可以用七牛(免费10G)当图片空间。
1.将站点配置文件_config.yml (刚进入博客文件夹)里的post_asset_folder:选项设置为true
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ATyAGKlg-1576048805968)(Hexo博客进阶:图片、主题、域名/1-1.jpg)]
2.下载安装一个可以上传本地图片的插件,在你的blog目录下点击鼠标右键,再点击git bash here,然后输入命令:
npm install hexo-asset-image --save
等待一小段时间后,再运行hexo n "xxxx"
来生成md博文时,/source/_posts文件夹内除了xxxx.md文件还有一个xxxx文件夹。
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-mOFkTOSk-1576048805972)(Hexo博客进阶:图片、主题、域名/1-2.png)]
在xxxx.md中想插入图片时,先把图片放到到xxxx这个文件夹中,然后在xxxx.md中按照markdown的格式引入图片:

主题更换,示例next主题
下载next主题
在blog文件夹中点击鼠标右键,再点击git bash here,然后输入命令:
git clone https://github.com/iissnan/hexo-theme-next themes/next
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-H50Md87r-1576048805973)(Hexo博客进阶:图片、主题、域名/2-1.png)]
克隆完成之后,打开你的本地博客文件夹下的theme文件夹就可以看到刚刚下载的next主题。
修改博客的配置文件
打开博客目录下的站点配置文件_config.yml 把主题切换为next。
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-MeBPTCWC-1576048805974)(Hexo博客进阶:图片、主题、域名/2-2.png)]
完成之后主题就可以用了。
输入命令
hexo s
本地测试,可以在 localhost:4000 查看效果
配置文件_config.yml在网站中中文显示乱码
可以使用notepad++将配置文件转为utf-8编码
域名固定
上一篇绑定域名后,每次部署本地文件到GitHub,都需要到GitHub的setting中重写保存自己绑定的域名。
只保存一次的解决方法:到blog本地目录 source 文件夹下面新建一个文件,取名为 CNAME (无后缀),内容就是上面所说到的自己的域名如下:
blog.xiaoruiit.com
就可以了。