搭建个人博客hexo+gitee

1. 前期准备

安装nodejs

• 前往官网下载，直接默认安装即可
• 检查是否安装成功

  node -v
  npm -v 

安装git

• 点击官网安装,对应版本安装即可
• git快速入门：https://www.runoob.com/git/git-install-setup.html

2. 安装hexo和博客模板下载

1. 新建一个MyWeb文件夹，这个文件夹很重要，来会存储你所有博客的markdown文件以及生成的html文件，慎重选择。

2. 进入MyWeb文件夹，右键点击Git Bsah Here，
   

3.在窗口中输入以下代码npm install hexo-cli -g，静待运行结束。

4.在命令窗口输入hexo init初始化hexo模板，目录分析对比下面的图片。

5.运行hexo，注意是在MyWeb文件夹下运行。按如下顺序依次输入：
hexo clean # 清空已有hexo网站文件
hexo generate(or g) # 依据网页文本与新的CSS样式生成新网站文件
hexo server(or s) # 启动本地服务器，可以在localhost:4000查看网站修改效果
注意："#"及以后文字仅为注释功能。 该窗口不支持快捷键复制粘贴。
在浏览器上输入 http://localhost:4000 就能查看演示样式helloworld页面：

一般默认的是一个landscape主题，后期当提交新文章或者新的样式修改时，往往都是先从本地查看结果无误后再部署到Gitee Page。

6.主题下载

1. 官网主题：https://hexo.io/themes/
2. 这次我使用https://github.com/fluid-dev/hexo-theme-fluid
3. 进入github点击下载zip:hexo-theme-fluid-master.zip
4. 解压文件夹，将hexo-theme-fluid-master\themes中的主题样式复制MyWeb\themes目录下(将主题文件夹名字重命名为fluid)：
   

3. gitee码云配置

1. 申请gitee账户，新建仓库
   注意：仓库名，公开访问权限，语言为JavaScript，这里仓库名cungudafa必须与你注册github或gitee的注册名cungudafa相同，不然css路径会读错
   

2. 获得仓库地址：
   

3. 修改配置在MyWeb主目录找到：_config.yml，记事本打开并修改默认
   其中repo后面为你的仓库地址，每个：后都有一个空格。
   deploy:
   type: git
   repo: 你的项目地址
   branch: master

4. 部署博客
   npm install hexo-deployer-git --save
   hexo g --d #一键部署
   此时会弹出一个对话框，提示输入码云的账号密码。部署成功后，登陆码云。此时本地文件夹中出现有一个public文件夹，代表部署成功。
   
   查看gitee中文件为：
   
   本地多个public文件夹：
   

5. 开启Page功能
   
   部署成功后如图：网址为登录网址
   

6. 访问博客 https://snowdong.gitee.io

参考博客：

1. https://www.jianshu.com/p/94b332d22115