【Blog|Hexo】（一）如何利用Hexo框架构建你的首个个人网站？
本篇概要：下载依赖、安装hexo、初步配置主题
“一些用过就忘，再用再查的事情，应该留下记录。”
0.教程背景：
- 在静态网站搭建中，hexo框架的使用，稳居热门榜前三，存在丰富的中文文档和第三方or官方插件，配合
GithubPages的使用，成为 萌新（我）容易学习的方案。
- 我将以一个0基础前端的视野编写这篇文章，希望可以对你有帮助作用。
1.下载基础依赖
Node.js：https://git-scm.com/
2.GitBash启动&换国内下载源（提高下载速度）
执行有问题可以开管理员身份运行
- 全局切换淘宝源
1 | npm config set registry http://registry.npm.taobao.org/ |
查看版本
1 | npm get registry |
切回官方镜像
1 | npm config set registry http://www.npmjs.org |
3.安装Hexo
1 | npm install -g hexo |
检测安装成功？
1 | hexo v |
若出现多行版本号，则安装成功
4.创建项目文件夹&初始化
进入你选中的文件夹，右键呼出powershell，在里面输入
1 | hexo init |
5.主题的安装
以本博客为例，使用Butterfly主题。当然你可以去Github上搜索Hexo theme一搜一大把。
👇在你的Hexo根目录安装稳定版Butterfly主题。
- 安装
1 | git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly |
升级方法：在主题目录下，运行
git pull
6.应用主题&安装依赖插件
- 修改Hexo根目录下的
_config.yml，找到theme
1 | theme: butterfly |
- 安装依赖：
1 | npm install hexo-renderer-pug hexo-renderer-stylus --save |
- 对config文件方便修改的个人建议：
在hexo的根目录创建一个文件 _config.butterfly.yml，然后去hexo根目录的 node_modules\hexo-theme-butterfly复制里面内容，粘贴到 _config.butterfly.yml中。
个人认为在 _config.yml中，配置较为全局的选项：你的id、网站名称……
而 _config.butterfly.yml拥有更高的权限，是盖过 _config.yml的配置主题选项。
