hexo+gitee免费打造个人网站导航

一、准备工作

本文在win10系统下进行环境搭建

1.可参考官方文档

hexo官方网站

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他标记语言）解析文章，在几秒内，即可利用靓丽的主题生成静态网页

2.配置环境

这里我们需要下载安装两个软件，我们就去官网下载一下 node.js 和 git
Nodejs下载安装

git下载安装

3. 安装 Hexo

npm install -g hexo-cli

安装成功

二、项目搭建

1.初始化项目

blog为项目的名称

hexo init blog

初始化成功

2.本地运行项目

hexo clean //清空已经存在的hexo网站文件
hexo generate(可简写g) //依据网页文件和新的css样式生成新的网站文件
hexo server(可简写为s) //启动本地服务器，可以在localhost：4000查看网站修改效果

List item

先进入到项目的根目录

 cd webstack

编译运行

hexo g
hexo s

默认端口为4000，在浏览器访问 http://localhost:4000/

三、替换主题

1.主题下载

官方主题列表

下载主题

cd themes
git clone https://github.com/HCLonely/hexo-theme-webstack

2.修改主题名称

将hexo-theme-webstack修改为webstack

修改_config.example.yaml 为 _config.webstack.yaml

移动_config.webstack.yaml到根目录下

修改主题名称为webstack

3. 本地运行

hexo clean
hexo g
hexo s

四、项目部署到远程端

1.hexo下载git工具

npm install hexo-deployer-git --save

2.再gitee新建一个仓库

首先我们需要注册码云的账号，然后在创建一个仓库，这里初次使用码云的话可以，先看一下码云入门
当然注册账号我们可以直接进入码云官网：https://gitee.com/ 都是中文一看就会的那种
我的仓库名称为 webstack，

3.修改配置文件

修改url为我们创建的仓库

修改git提交的仓库地址

4.提交

hexo d

5.码云上开启服务

我们就可以通过生成的网站地址访问了