基于 Gitee 和 Hexo 建立个人博客

基于 Gitee 和 Hexo 建立个人博客

鉴于 GitHub Page 的不稳定和龟速，开始使用国内的 Gitee Page 来搭建个人博客。Gitee 是国内的一家开源代码托管平台，前不久 Gitee 也获得了工信部的支持，个人觉得 Gitee 还是不错的。

本文是基于 Gitee 和 Hexo 来搭建一个个人博客，网上有很多详细教程，这里主要记录一下搭建的流程以及后续问题，希望对你有帮助。

这个是个人搭建的博客，欢迎点击啦！！个人博客

环境搭建

下载安装即可，简单方便。

• Nodejs
• git

安装 Hexo

首先，需要安装 hexo 的脚手架工作。使用 npm 命令，安装了 nodejs 后，npm 对应的也会安装的。

npm install hexo-cli -g # -g 表示全局安装的意思

然后，创建一个本地存放博客的hexo仓库。

mkdir hexoBlog
cd hexoBlog
hexo init #可能需要比较长的时间，才能初始化完成，耐心等待

Hexo 基本操作

新建博客文章

hexo new "My New Post" # hexo n "My New Post"

More info: Writing

发布静态文件

hexo generate # hexo g

More info: Generating

开启服务器

hexo server # hexo s

More info: Server

推送到Gitee Page

首先需要在 gitee 上创建一个仓库。（Github需要仓库名与github用户名一致，Gitee无要求。）

第二步，修改 _config.yml 文件的 deploy 参数。

deploy:
  type: git
  repo: https://gitee.com/yourgiteename/xxxxx.git
  branch: master

第三步，推送到 Gitee 仓库。

hexo deploy # hexo d

More info: Deployment

第四步，在Gitee的对应仓库下，进入 service 下的 Gitee Pages，点击update按钮，等一会，网站就部署完成了，部署完成后网页上也显示 Gitee Pages service 的url地址。点击进入此地址即可看到你的博客啦。

优化

博客首页只显示文章部分内容或摘要

博客首页的文章显示部分内容，只有点击进入文章才可查看全部内容。

只需要在对应的文章中，在需要显示的部分和隐藏的部分之间加上一句即可：

<!-- more -->

站内文章引用

使用 post_link 进行链接。

<!-- 链接使用文章的标题 -->
{% post_link 标题 %}
<!-- 链接使用自定义文字 -->
{% post_link 标题 '自定义文字' %}

Next 主题优化

文章底部标签图片

设置主题文件夹下的 _config.yml 的 tag_icon 为 true 即可。