疫情居家，得闲难耐。
想起六年前给自己和安琪做过博客，参考了UP主搬运崽啊的视频，尝试在Win和Mac系统上重新搭建。
1. 博客生成工具
-
安装Node.js 一个JavaScript的运行环境。
-
安装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.com3. 预览生成发布博客
总是报错，尝试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使用字体即可。
5. 创建图床
待补充。
有趣的文章稍后读： 微信公众号的排版自动化，让阅读体验更进一步
我是怎样管理 Hexo 博客的：写作，同步和上传工具及流程分享