Hexo博客进阶:图片、主题、域名

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的格式引入图片:
![你想输入的替代文字](xxxx/图片名.jpg)

主题更换,示例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
就可以了。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值