使用Hexo和Gitee搭建博客

之前的博客太久没用了，文章也没法上传到GitHub，域名又过期了，所以用Gitee重新搭了个博客。

个人博客：https://www.mrzry.top

准备工作

安装Node.js：Node.js (nodejs.org)

安装Git：Git (git-scm.com)

查看Node.js版本

node -v

查看npm版本

npm -v

切换成淘宝源

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

查看cnpm版本

cnpm -v

安装Hexo

cnpm install -g hexo-cli

查看Hexo版本

hexo -v

初始化Hexo

新建一个文件夹，进入文件夹后右键，点击Git Bash Here

hexo init

可以直接克隆hexo框架到本地

git clone https://github.com/hexojs/hexo-starter.git .

启动Hexo服务

hexo s

报错则执行下面指令后再启动

cnpm install

浏览器访问：

http://localhost:4000

博客的文章在source文件夹下的_posts文件夹里，使用markdown编写成md文档

Hexo其它常用指令

hexo clean #清除缓存
hexo g == hexo generate #生成
hexo s == hexo server #启动服务预览
hexo d == hexo deploy #部署
hexo s -p 8848  # 指定端口

创建gitee仓库

gitee：我的工作台 - Gitee.com

仓库名称自己填，其它设置如下：

部署到gitee仓库

找到仓库地址

安装git的部署工具

cnpm install --save hexo-deployer-git

修改博客根目录的配置文件_config.yml，在最下面找到

# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
  type: ''

修改为

# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
  type: 'git'
  repo: gitee的仓库地址，手动写上
  branch: master

设置git的全局配置，其中xiaoming和123456789@qq.com替换为gitee的个人空间地址和注册邮箱

个人空间地址：个人资料 - Gitee.com

git config --global user.name "xiaoming"

git config --global user.email "123456789@qq.com"

部署

hexo d

如果有弹出OpenSSL，则分别输入gitee的账号和密码，此时便已部署到gitee上了

清除缓存 + 生成 + 部署

hexo clean && hexo g && hexo d

开启Gitee Pages服务

将上面的域名写到_config.yml的url处，再hexo d部署到码云，然后点更新，即可通过域名访问

至此博客便以搭建完成，接下来是进行一些优化操作。

更换主题

Hexo主题网站：Themes | Hexo

这里我使用NexT主题，版本为8.8

git clone https://github.com/next-theme/hexo-theme-next.git

下载下来后重命名文件夹为next，剪切到themes文件夹下，然后修改根目录下的_config.yml

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: next

对于主题具体样式的修改，可以进入next文件夹下，修改里面的配置文件_config.yml

Hexo博客优化之Next主题美化_huangpiao-优快云博客_hexo next

hexo theme next7.8 主题美化_tuckEnough的博客-优快云博客

Hexo+Next主题优化 - 知乎 (zhihu.com)

搭建图床

可以使用现有的图床网站：路过图床

这里使用gitee + PicGo自己搭建图床

先在gitee创建仓库

下载PicGo：Releases · Molunerfinn/PicGo (github.com)

安装完后下载插件

在图床设置中找到gitee，填写相关信息，其中repo为仓库地址

而token需要去gitee生成：私人令牌 - Gitee.com

描述随便写，然后点击提交即可

在这里说下我的使用习惯，在偏好设置中设置图片的保存路径

此后每次复制图片到md文档时，都会在当前目录下新建一个img文件夹保存当前文档的图片，文档里的图片路径为

![](img/xxxx.png)

当写完文章后需要上传到gitee时，可以选择要上传的路径，这样便以管理仓库的图片

上传完成后再将md文档拷贝到博客目录下，按Ctrl + H进行替换