前言
搭建个人博客一般有三种方式，第一种是在某SDN，或者某客园搭建；第二种自己通过租云服务的方式，部署一些应用等，但数据库和应用的维护都是要靠自己，难免繁琐；第三种就是使用一些前端框架生成静态页面然后托管到Gituhub或者Gitee上，当然大牛可以自己手动代码，但小白有没有可能实现自己的个人博客搭建呢？答案是有的。
本文介绍以hexo框架，通过渲染引擎自己会生成一些代码页面，然后把这些代码页面托管到国内的代码仓库服务器Gitee上，实现免费的个人博客搭建。PS:不放在Github上的原因是因为有时候访问会特别慢
第一章 环境搭建
在使用任何工具之前，难免要搭建它的开发环境，使用hexo框架之前，我们得安装Nodejs和Git
参考链接 Hexo+gitee：30分钟搭建一个自己的个人博客网站
1.安装Node JS并修改默认源
- 安装NodeJS方式简单，从官网下载了安装包一直Next即可
- 检查node.js安装结果，使用win+R 打开 cmd 窗口
node -v
npm -v
- 更换npm下载的源为淘宝源
npm install -g cnpm --registry=https://registry.npm.taobao.org
2.安装Git并配置
- 安装git过程简单,也是从官网下载安装包,然后一直next即可
- 注册码云账号,登陆码云,这里注册过程自行解决即可
- git初始化配置,在桌面空白处鼠标右击,打开Git bash Here
git config --global user.name "lxxxxdy" #码云用户名
git config --global user.email "xxx83@qq.com" #邮箱
3.安装hexo框架
- Hexo官网介绍,安装的命令只需要一条,win+R 打开 cmd 窗口,输入以下命令
npm install hexo-cli -g
#由于我们先前更换了淘宝源,因此下载速度会很快
这里会报一些warning,但我们不必理会
第二章 搭建本地博客
1.使用hexo初始化博客，接下来的命令都是在cmd窗口完成
- win+R 打开cmd窗口，进入到其他盘，我这里进入到F盘
f：
- 初始化一个项目,其中blogtest是项目名,可以自己修改
hexo init blogtest
- 进入到博客的根目录
cd blogtest
- 安装hexo blog所需的依赖包
npm install
2.使用hexo部署本地博客
- 生成静态页
hexo g
- 部署本地服务器
hexo s
- 浏览器访问 http://localhost:4000 检查
3.修改本地博客
- 打开新的cmd窗口，进入到博客的根目录
f：
cd blogtest
- 新建一篇文章
hexo new '第一篇Hexo文章'
- 浏览器刷新查看文章有没有生成
4.项目的主要目录介绍
.
├── .deploy # 需要部署的文件
├── node_modules # 项目所有的依赖包和插件
├── public # 生成的静态网页文件
├── scaffolds # 文章模板
├── source # 博客正文和其他源文件等都应该放在这里
| ├── _drafts # 草稿
| └── _posts # 文章
├── themes # 主题
├── _config.yml # 全局配置文件
└── package.json # 项目依赖信息
第三章 部署博客到码云Gitee
1.新建一个仓库,注意仓库的名称和路径都为码云的用户名
- 在码云的个人页面，点击+ 号，新建仓库
- 注意仓库名称和路径都要和 码云用户名一样，选择公开，选择使用Readme文件初始化仓库
2.修改博客的配置，并上传到Gitee
- 在项目根目录下安装git部署插件
npm install hexo-deployer-git --save
- 修改项目根路径中的_config.yml文件
在博客的根目录下，有一个_config.yml文件，我们使用一些记事本编辑它
#在文件的最底部
deploy:
type: git
repo: 仓库URL地址
branch: master
- 将hexo博客部署到Gitee
hexo g -d
由于没有设置SSH免密,因此需要手动输入码云的用户名和密码
4.开启Gitee Pages服务
- 点击个人仓库->服务->Gitee Pages->启动,等待页面的部署
- 部署成功会有提示
- 需要注意的一点,每次重新上传到Gitee,都需要手动更新按钮 更新去重新加载Gitee Page服务
5.验证个人博客
- 浏览器访问http://用户名.gitee.io
结语
通过阅读此文我们知道了怎么使用hexo 创建本地博客并新建文章,同时上传到gitee上进行托管,后续的玩法很多,比如更换主题,增加导航或者其他小组件等,当然这些在网上有很多的参考资料,元元这里就先不整理了。