之前的博客一直是部署在Netlify，虽然是免费的，但是国内访问速度比较慢。最近新开了一个Azure的VPS，就想着把博客迁移到VPS上，并学习一下nginx反代以及使用certbot申请证书。

Icarus主题默认使用Google的字体CDN，在每次访问网页时都要访问Google的字体CDN获取字体文件，从而显示在网页上。若是网络不好，就会导致字体文件无法加载，网页文字不能按照预期那样显示。于是想修改Icarus主题加载本地字体，保证网页的字体显示效果。

fontawesome cdn修改
node_modules\hexo-component-inferno\lib\hexo\helper\cdn.js
把fontawesome cdn链接改为https://cdn.bootcdn.net/ajax/libs/font-awesome/6.0.0/css/all.css

图片居中
默认情况下在文章中插入图片，会发现图片的标题居中了，但是图片却是左对齐。
尝试在img的style属性中加入margin控制边距，发现无效。这是因为img元素属于内联元素，无法设置边距。
为了实现图片居中，在.article中继续添加：

1
2
3
4
5
6

.article {
    .content a img {
        margin: auto;
        display: block;
    }
}

文章启用目录，在md文件开头加入：

1

toc: true

调整文字大小
include/style/base.styl
article.styl

本文介绍在Mac上安装Hexo并使用Icarus主题部署个人博客

首先在电脑上安装Node.js和Git

Node.js安装

https://nodejs.org/zh-cn

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.