静态博客，但是复健。

疫情居家，得闲难耐。

想起六年前给自己和安琪做过博客，参考了UP主搬运崽啊的视频，尝试在Win和Mac系统上重新搭建。

1. 博客生成工具

安装Node.js 一个JavaScript的运行环境。

参考文章: Node.js安装及环境配置之Windows篇-刘奇云
安装Git 一个管理系统。

参考文章：Windows系统Git安装教程（详解Git安装过程）-学为所用

在管理员运行的CMD中输入：
```
node -v            # 这三个都是检查版本，来查看是否安装成功
npm -v
git --version
```

安装Hexo

在管理员运行的CMD中输入：

npm install hexo-cli -g     # 安装Hexo
hexo -v                     # 检查版本

2. 建仓存放博客 (GitHub)

生成SSH Keys

打开任意文件，右键打开Git Bash，输入：

> git config --global user.name "GitHub账号的名字"，
> git config --global user.email "GitHub账号的邮箱"
> ssh-keygen -t rsa -C "GitHub账号的邮箱"                  # 按3次回车即可。
> cat ~/.ssh/id_rsa.pub                                 # 输出SSH Key全部复制下来~

导入SSH Keys

在C盘-用户-用户名-.ssh中找到id_rsa.pub,用编辑器打开，全选复制内容。

在GitHub的Setting-SSH and GPG keys-SSH keys中新建导入。
测试是否绑定

在Git Bash中输入：
```
ssh -T git@github.com
```

3. 预览生成发布博客

总是报错，尝试GitBash加速npm，本质是换源到淘宝的npm镜像网站。参考链接

发现原来是管理员权限的问题，需要cd到博客文件夹。但是换源肯定不亏嗯嗯..

管理员权限打开GitBash Here。

创建GitBahs的快捷方式，在属性-快捷方式中将起始位置改为博客文件夹。属性-快捷方式中可以选择用管理员权限运行。

hexo 的指令

>hexo init                            #初始化Hexo
>hexo s                               #生成本地博客，可以当预览
>npm install hexo-deployer-git --save #安装发布工具，一次即可
>hexo g    							  #生成博客
>hexo d   							  #上传发布`

4. 主题美化

Fluid主题微调 - 单独修改字体（本地字体） - 显示失败了..
- 首先，将需要的字体放在自建文件夹里，比如_post根目录下自建font文件夹。然后，根据Fluid用户手册-自定义CSS，在指定目录处新建css文件，参考链接写入：
```
@font-face{
   font-family: 'FZQK'; /* 下面这串都带上
   src: url("../font/FZQKBYSJW.woff2") format("woff2"),
        url("../font/FZQKBYSJW.woff") format("woff"),
        url("../font/FZQKBYSJW.ttf") format("truetype"),
        url("../font/FZQKBYSJW.eot") format("embedded-opentype"),
        url("../font/FZQKBYSJW.svg") format("svg"),
        url("../font/FZQKBYSJW.otf") format("opentype");
    }
```
- 单独更改主标题字体：在\css\_pages\_base\_widget\header.styl的navbar-brand处加入font-family FZQK。
- 单独更改副标题（文章标题）字体：
  - 修改类查看网页知副标题的class为h2（包含于banner-text），为了不影响文章中的h2标题格式，首先要修改副标题的class：在layout\_partials\header\banner.ejs中找到副标题对应代码，将h2替换为sub。
  - 修改字体在\css\_pages\_base\_widget\header.styl找到banner-text，加入font-family FZQK。这里不直接在sub类中改，是因为文章标题下的日期等信息也包含在banner-text类中，字体最好统一。
  - 调整标题大小在\css\_pages\_base\_widget\header.styl加入:
```
.sub                   //自己加的东西
 font-size 1.5rem
 font-weight bold
```
发现本地字体显示失败。本地预览时是正常的，但是部署到GitHub后就失败了。不知为何。
Fluid主题微调 - 修改字体（网络字体）
在谷歌字体网站选择完字体后，网站可以生成调用该字体的head代码。

然后将head代码添加到fluid的_config.yml文件中custom_head:。此时再修改相关的font-family使用字体即可。