博客搬家啦

TL;DR

之前的博客，是用typecho部署的。typecho是个很优秀的博客框架，但我把他放在自己的小服务器上，并且套了CloudFlare，访问速度十分的慢。这次我决定将其迁移到Hexo框架上，并迁移到GithubPages。

特效JS怎么办

我把每个用到的script标签都单独独立成js文件了，并在_config.yml中进行了引用。本站源码在这。

怎么搭建的

⚠️注意: ***我的开发环境是Arch Linux***，先sudo pacman -Syu系统更新一下，要不然nodejs安装软件包的时候可能会出错。

安装nodejs包管理器

安装npm就行，它会把nodejs一起送你。

sudo pacman -S npm

修改npm默认目录，要不然不用root操作的时候会提示没有权限。
新建一个文件夹，用来存你的npm packages

mkdir ~/.npm-global

配置npm以使用新的目录路径：

npm config set prefix '~/.npm-global'

将这段环境变量添加到系统：

export PATH=~/.npm-global/bin:$PATH

安装Hexo

npm install hexo-cli -g
hexo init /path/to/blog/folder # 这个是你博客的工作目录
cd /path/to/blog/folder
npm install

安装主题

我用的是Fluid主题。先进行下载：

git clone --depth=1 https://github.com/fluid-dev/hexo-theme-fluid.git ./themes/fluid

修改博客工作目录根目录下的_config.yml里:

theme: fluid
language: zh-CN

这个主题需要手动创建一下关于页，并按实际情况去关于页的index.md里修改关于内容就行。

hexo new page about

然后就是根据themes/fluid里的提示，按需更改博客信息了。

开始写文

在source/_posts中进行写作，markdown文件名不需要遵守日期之类的格式标准，只需在文件开头声明即可：

---
title: 文章标题
category: 分类
date: YYYY-MM-DD HH:mm:SS
index_img: 外面看到的封面图
---

写好后，测试一下:

hexo clean && hexo generate && hexo server

浏览器打开localhost的4000端口看看是不是自己想要的样子～

上传博客

得先在博客工作目录里安装hexo-deployer-git，这样就可以直接部署到github pages上了:

npm install hexo-deployer-git --save

然后在博客工作目录根目录下的_config.yml里，按照实际情况修改以下字段:

deploy:
	type: git
	repository: git@github.com:YourUserName/YourRepoName.git
	branch: YourPageBranch

然后就是，上传！

hexo clean && hexo generate && hexo deploy

这个上传会把工作目录下的.deploy_git文件夹内的内容传上去。如果你想要在存放github pages静态网页的目录里存放单独的文件，那么在工作目录下的source文件夹里添加就行。比如我存了一个CNAME文件，直接新建，然后丢进去就行。