Hexo+Github Pages+yilia搭建博客

Hexo+Github Pages+yilia搭建博客

一、什么是Github Pages

请自行查询，总之是github支持的首页展示仓库，适合用来做博客首页，每个帐号只能有一个仓库来存放个人主页，而且仓库的名字必须是username/username.github.io

二、环境准备

1.安装node.js
2.安装npm
3.安装git，如果前面要commit、push，那之前就应该安装
4.github账户配置和github pages仓库配置

三、Hexo安装

利用 npm 命令即可安装。在桌面任意位置点击鼠标右键，选择Git Base/Git Base Here

输入命令：

npm install -g hexo

注意：-g是指全局安装hexo。

在任意位置创建一个hexo文件夹。进去文件夹 鼠标右键 选择Git Base/Git Base Here

完成命令操作如下：

$ cd d:/hexo                    # 此处以d盘新建hexo文件夹为例
$ npm install hexo-cli -g       # 全局安装hexo


$ hexo init blog                # hexo初始化，初始化文件夹命名为blog
$ cd blog                       # 进入blog文件夹
$ npm install                   # 执行


$ hexo generate                        # 或者hexo generate
$ hexo server # 或者hexo s，可以在http://localhost:4000/ 查看（hexo s -p 8023端口被占用时）

注意：执行hexo命令必须在hexo当前文件夹目录，否则提示命令不正确。

四、Hexo主题切换

Hexo默认主题是landscape，大家可以切换成为next或者yilia的风格

步骤1.安装主题

$ hexo clean
$ git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

步骤2. 启用主题

修改Hexo目录下的_config.yml配置文件中的theme属性，将其设置为yilia。

$ vim _config.yml

步骤3. 更新主题

所谓的更新主题，其实就是步骤2更新主题配置文件后，重新启动hexo即可

$ cd themes/yilia   ## 可以选择不执行更新
$ git pull          ## 可以不执行

## 以下命令退回到hexo文件夹路径执行，否则提示命令错误
$ hexo generate # 生成
$ hexo server # 启动本地web服务器

步骤4. 本地访问

打开http://localhost:8023/ ，会看到一个全新的界面。

五、MarkDown编写神器

推荐使用Typore软件编写，软件很小，功能齐全。

六、图片上传神器

写markdown文章，难以避免的会需要添加图片。

参考文章 图床工具的使用---PicGo 即可。

附 参考文章

1. Hexo+Github Pages+yilia搭建博客
2. 图床工具的使用---PicGo