gitee搭建博客

工具安装:

• 安装git：一直点击next即可。安装完成后，鼠标右键，能看到Git GUI Here 和 Git Bash Here（打开终端进行git命令操作），则说明安装成功
• 安装Typora: md文件编辑器，官网下载链接：https://typora.io
• 安装node.js : 一直点击next进行安装即可。在任意处打开git或者cmd，输入命令：node -v 或者 npm -V ，如果出现版本号，则说明安装成功

博客安装操作:

npm i -g hexo-cli    // 使用git命令安装hexo博客

hexo -v   // 检查是否安装成功

博客初始化

• 任意磁盘中创建文件夹，进入文件夹，然后右键打开git Bash ，输入命令

hexo init    // 初始化命令

运行博客：

• 在刚才创建的文件夹（文件根目录）中，右键打开git Bash，输入命令

hexo s  // 运行博客，当看到命令行中出现localhost:4000 则说明启动成功，浏览器访问localhost:4000

博客上传码云

• gitee创建仓库：点击右上角加号
• 安装git插件

npm i --save hexo-deployer-git

• 设置远程仓库：文件根目录下打开_config.yml文件
• 设置URL和仓库地址
  
• 部署到远端:命令行出现 INFO Deploy done:git 则说明推送成功

hexo d

开启静态页面服务

• 进入到仓库，找到 服务--> Gitee Pages

博客流程

• 写博客

hexo new "博客名"

• 清理缓存 & 更新渲染

hexo clean  // 清理缓存
hexo g      // 重新渲染静态页面

• 推送到码云

hexo d

• 更新码云的静态页面
  

安装模板

• 官网主题链接：https://hexo.io/themes/
• 来到主题的仓库，将主题拉取下来
• 将主题文件夹放入到 根目录 --> themes文件夹
• 打开根目录下的_config.yml文件，将theme属性的属性值改为主题文件夹的名字
• 本地运行查看效果，如果本地运行发现某些导航菜单点击后：404 目录不存在,需要通过命令添加该菜单

hexo new page tags(菜单名)  // 执行命令后，将会在 (根目录-->source文件夹) 里面生成tags文件夹，刷新浏览器重新点击就不会404了

• 页面404，即改页面不存在，所以需要使用 hexo new page 页面名 创建页面

设置菜单子分类

• 在文章开头设置如下内容

title:文章标题
date:设置时间
categories:   // 该文章放在分类菜单下(如需更换分类菜单，修改成对应的菜单名即可)
	js // 在分类菜单下创建js子分类