在Gitee上搭建博客

Hexo

Hexo是一个静态博客框架，基于Node.js，将Markdown文章通过渲染引擎，生成一个静态网页，再结合Git命令（ssh），Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。

搭建前提

环境：Win10专业版
安装Git版本控制工具 2.24.0 （自备）
安装Typora（自备）
安装node.js 12.13.0（自备）
安装cnpm

查看node是否安装成功

检查node.js:

node -v

检查npm

npm -v

安装cnpm

使用淘宝镜像

cmd面板下输入以下代码：

npm install -g cnpm --registry=https://registry.npm.taobao.org

查看cnpm是否安装成功

cnpm -v

配置Git用户

桌面右击选择Git Bash Here

为码云的用户名和邮箱

登录码云没有的先注册

输入：

1
2
3

git config --global user.name "此处填写你注册时的用户名" 
git config --global user.email "此处填写你注册时的邮箱" 
# 一般只要不报错，可以跳过下面寻找.gitconfig文件

博客安装

1.选择一个磁盘作为博客文件存放的位置，然后新建一个文件夹，比如名为blogtest的文件夹，创建完后，先不要点进去，在此处点击鼠标右键，选择Git Bash Here，然后依次输入如下命令：

# hexo框架的安装 
cnpm install -g hexo-cli 
# 等上一个命令完成后，在输入下面的命令 
hexo init <新建文件夹的名称> #初始化文件夹 
cd <新建文件夹的名称> 
cnpm install # 安装博客所需要的依赖文件

等待运行完成，此时文件夹中多了许多文件。

注意：后续的命令均需要在站点目录下（即文件夹内）使用Git Bash运行。

此时Hexo框架的本地搭建已经完成了。我们来运行一下看看，命令行依次输入以下命令 :

hexo g
hexo s

浏览器中打开 http://locakhost:4000，可以看到一个网页，说明Hexo博客已经成功在本地运行。

Hexo 常用命令

以下命令均是在 hexo 博客所在文件夹的根目录打开 GitBash输入

启动本地博客

本地启动博客，启动完成后可在浏览器预览

hexo s

按ctrl+c停止本地博客

新建博客文章

hexo new "标题"

执行完新建文章命令后，查看其地址并用 typora 打开

输入内容后保存，再次运行博客，在浏览器刷新查看

清除博客缓存

一般在切换博客主题，或者博客效果与预期不一致时执行该命令
hexo clean

将md文件生成静态页面

一般在使用 hexo clean 命令后使用
hexo g

部署博客

打开码云

登录码云

创建仓库

在gitee上创建一个私有仓库，并记录仓库地址

安装git插件

在博客根目录下右键 GitBash 打开，输入以下内容，等待下载完成

cnpm install --save hexo-deployer-git

设置远程仓库

在博客根目录打开_config.yml配置文件

设置仓库地址

deploy:
  type: git
  repo: https://gitee.com/isocean/test1       注:这是仓库地址
  branch: master

部署到远端

在博客根目录下右键 GitBash 打开，输入以下内容：

hexo d

INFO Deploy done: git表示推送成功

开启静态页面服务

进入码云新建的仓库，开启 Gitee Pages

博客流程

写博客

执行 hexo new “名字”，hexo 创建该 md 文件，使用 typora 编辑并保存

清缓存&更新渲染

执行hexo clean清除缓存，

随后执行hexo g重新渲染静态页面

推送到码云

执行hexo d

更新码云的静态页面

在pages页面点击更新

个人习惯：

# 1.先清除缓存
hexo clean
# 2.hexo g 和 hexo d简写
hexo g -d
# 3.更新pages页面