0%

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

hexo搭建的个人博客上传图片,主题更换,域名固定

hexo搭建的个人博客上传图片

本方法为直接上传图片到GitHub,省事但是占用GitHub空间,如果怕GitHub(免费使用300M)以后空间不够用,可以用七牛(免费10G)当图片空间。
1.将站点配置文件_config.yml (刚进入博客文件夹)里的post_asset_folder:选项设置为true

2.下载安装一个可以上传本地图片的插件,在你的blog目录下点击鼠标右键,再点击git bash here,然后输入命令:

1
npm install hexo-asset-image --save

等待一小段时间后,再运行hexo n "xxxx"来生成md博文时,/source/_posts文件夹内除了xxxx.md文件还有一个xxxx文件夹。

在xxxx.md中想插入图片时,先把图片放到到xxxx这个文件夹中,然后在xxxx.md中按照markdown的格式引入图片:
![你想输入的替代文字](xxxx/图片名.jpg)

主题更换,示例next主题

下载next主题

在blog文件夹中点击鼠标右键,再点击git bash here,然后输入命令:

1
git clone https://github.com/iissnan/hexo-theme-next themes/next

克隆完成之后,打开你的本地博客文件夹下的theme文件夹就可以看到刚刚下载的next主题。

修改博客的配置文件

打开博客目录下的站点配置文件_config.yml 把主题切换为next。

完成之后主题就可以用了。
输入命令
hexo s
本地测试,可以在 localhost:4000 查看效果

配置文件_config.yml在网站中中文显示乱码
可以使用notepad++将配置文件转为utf-8编码

域名固定

上一篇绑定域名后,每次部署本地文件到GitHub,都需要到GitHub的setting中重写保存自己绑定的域名。
只保存一次的解决方法:到blog本地目录 source 文件夹下面新建一个文件,取名为 CNAME (无后缀),内容就是上面所说到的自己的域名如下:
blog.xiaoruiit.com
就可以了。

https

阿里云域名控制台配置

9e5f13972c62601aaf8ea92f611f79c

github配置

bf91ff50c2ac87d6c6c0e46efa87750