使用Hexo在Gitee上搭建个人博客系统

使用Hexo在Gitee上搭建个人博客系统

简介：博客系统大多数只是一些静态页面，不需要动态的操作，所以我们可以使用gitee或者github进行静态页面的存放和访问。

(一)本地环境需求（自行搜索安装）

• Git :本地文件上传值gitee需要，使用SVN也可以。
• node.js（推荐使用cnpm） ：Hexo中涉及一些js,项目在本地编译运行时需要.

(二) 开始部署

1. 在本地创建Blog文件夹并进入，用来存放项目和博客文件
2. 安装Hexo
   在shell终端(ps:小技巧，当前文件夹加shift+鼠标右键，在此处打开powershell窗口)，执行命令“cnpm install -g hexo”

   cnpm install -g hexo”
   

   注：如果提示权限错误，命令前加sudo,cnpm 是淘宝的开源镜像，国内访问比npm快。
3. 初始化hexo框架

   hexo init
   

   初始化之后文件夹下回出现一些文件
   4. 获取博客的主题
   在shell中输入命令：git clone https://gitee.com/xiuxiuing/hexo-theme-even themes/even（格式：git 主题地址 themes本地位置）
   主题文件应该放在themes文件夹下，hexo默认会有landscope。想要选择自己喜欢的主题可以去 https://hexo.io/themes/上寻找

   git clone https://gitee.com/xiuxiuing/hexo-theme-even themes/even
   

5. _config.yml对博客进行基础配置，此处修改的是hexo的一些配置，相关的主题下还有config配置文件，可以自行去themes下主题的原文件去寻找修改。
6. 本地预览博客
编译项目，输入命令：hexo g
运行项目，输入命令：hexo s

可以在本地浏览器打开 http://localhost:4000进行访问

7. 部署到gitee上
   自行注册gitee账号，创建爱你Blog仓库，此处不做介绍
   8. 在_config.yml中配置Git

deploy:
     type: git
     repo: https://gitee.com/xiuxiuing/blog.git
     branch: master

注意：冒号后边要有空格。此处配置是为了每次部署时自动将文件上传到gitee上,也可不配置，每次上传博客收到上传即可。

9. 发布到Gitee
   输入命令npm install hexo-deployer-git --save 安装自动部署发布工具
   输入命令hexo clean && hexo g && hexo d 发布博客，首次发布需要在shell中输入账号和密码。

   	 npm install hexo-deployer-git --save
        hexo clean && hexo g && hexo d
   

   注意： hexo clean && hexo g && hexo d可能无法执行，将命令分开执行也可以，hexo clean和hexo g

10. 关键一步 Gitee Pages设置

    在项目的服务中选择Pages选项

选择分支，进行更新
注意：如果博客的样式不对，则需要在_config.yml中配置下博客地址和路径：
bash url: https://cxygw.gitee.io/Blog/ root: /blog

之后再在/Hexo/source/_posts目录下就可以写我们的博客啦，每次部署需要重新编译一下，gitee需要重新发布一下网站新的博客才能上去。

文章参考：使用Gitee+Hexo搭建个人博客