手把手教你搭建个人博客网站

手把手教你搭建个人博客网站，首先介绍一下咱们框架的技术支撑。

1.Node

• Node.js® 是一个基于 Chrome V8 引擎的 JavaScript 运行时。 Node.js 使用高效、轻量级的事件驱动、非阻塞 I/O 模型。它的包生态系统，npm，是目前世界上最大的开源库生态系统。

• 本框架中的node只是负责支撑博客的开发系统，可以进行主题修改，内容配置，以及使用各种插件写博文等。

2.Hexo

• hexo是什么？看下官网介绍
  
• 1.支持node快速构建和开发。
• 2.支持markDown语法。
• 3.支持一键部署。如部署到 GitHub，gitlab或者码云等。
• 4.丰富的主题和插件，如主题Landscape，yilia等，插件如hexo-admin等。

3.GiteePage

• GiteePages是做什么的呢？这是码云旗下的产品。
• 当你安装好node，跑通hexo，然后选择了一个喜欢的主题，这些都没有问题了，但是你仍然是本机在运行，除了内网，别人是访问不到你的。
• 因此我们需要最后一步，放在GitHub Pages上或者 GiteePage上。本文选用的是码云的产品。

4.开始搭建框架

4.1首先安装node

• 下载window 64位的LTS版本-意为长期支持版本（默认你电脑是windows）
• 完成安装后可以输入以下命令查看版本号，如下

• 安装node的同时，你也完成了npm（node package manage）包管理器的安装。然后就可以通过包管理器安装 hexo了。

4.2 安装hexo

• 由于hexo需要可执行的命令，所以需要全局安装

npm install hexo-cli -g

• 安装成功后，可以执行一下命令测试是否成功

hexo -v

• 得到以上结果，则hexo安装成功。
• 除C盘以外，任意选取目录，初始化blog目录。

hexo init blog

• 切换到blog目录

cd blog

• 安装所需要的依赖

npm install

• 安装成功后，启动hexo服务

hexo server

• 打开浏览器，输入http://localhost:4000/ 即可。
• 关于hexo的更多命令，可以去官网查看

4.3 GiteePages的部署

• GiteePages和GitHub Pages是一样的作用，都是一种可以支撑静态网页的前端中间件服务。
• GiteePages是码云旗下的一款产品，所以你需要***云账号，官网地址
• 注册完账号后，创建一个私有仓库，可以命名为myblog。
• 上传静态网页需要使用版本管理器Git，至于git的使用和安装，可以查看我的另一篇博文 Git Usage
• 在_config.yml配置hexo git的一键部署,如图

• 配置好以后，执行以下命令即可。

hexo d

• 执行成功后，你远程仓库已经有了代码，启动Pages功能即可。
  
• 访问部署后的地址即可。