hexo搭建并且部署到码云上

在朋友的推荐下尝试用hexo搭建自己的博客，搭建过程中遇到点问题，干脆以搭建教程作为第一篇文章了

基本环境

• Node 注意版本,我使用的版本 v10.15.3
• git

开始安装

1. 首先全局安装hexo，比较熟悉npm的话，也可以局部安装，mac用户前面可能要加sudo给权限
   npm install -g hexo-cli

2. 安装完成之后，就需要在指定的文件夹开始新建所需要的文件了
   hexo init <folder>，如果没填folder,就会在默认当前文件目录下新建
   folder: 指定的文件夹

   cd folder: 进入到文件夹

   npm install : 初始化

3. 初始化完成后，会出现以下目录

   ├── _config.yml
   ├── package.json
   ├── scaffolds
   ├── source
   |   ├── _drafts
   |   └── _posts
   └── themes

4. _config.yml: 配置文件
   package.json: 依赖
   scaffolds: 模板文件
   source: 资源文件夹
   Themes: 主题文件

5. 随便创建一篇文章 hexo new '我是第一篇文章呀'

6. hexo server 跑项目，我们就可以看到博客了，并且创建的第一篇文章也能看到。

部署

github上部署的话，网络原因会导致很慢，所以我们选择在码云上部署。

码云上创建一个仓库，在克隆/下载选项中复制https地址

再到_config.yml文件中进行配置,注意： type, repo, branch 冒号后面必须要加一个空格

deploy:
  type: git
  repo: 刚才复制https地址
  branch: master

接下来，运行命令 安装 hexo-deployer-git 模块，gitbash 运行 npm install hexo-deployer-git --save

然后运行命令hexo g -d,就可以把内容推送到码云了

在这个仓库中找到 服务 选项中选择gitee pages，点击更新，部署完毕后，会生成一个链接给你，点击就是你的博客啦

这时候你肯定发现css样式没有加载成功

​ 很简单啦，继续到_config.yml配置文件中，找到如下

url: 部署完成后，生成的链接
root: /仓库名/

重新hexo g -d再重复部署的操作，这就完成了。以后需要增删改文章，都需要重复部署。

更换主题

在官网上有很多主题可以选择，我们只需要git clone下来，然后配置_config中的theme即可

参考文章:

• hexo配置并部署到码云
• hexo+码云搭建自己的博客系统
• hexo官网

我的微信公众号： 梨的前端小屋