基于 Gitee 和 Hexo 建立个人博客

基于 Gitee 和 Hexo 建立个人博客

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

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

这个是个人搭建的博客,欢迎点击啦!!个人博客

环境搭建

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

安装 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.ymltag_icontrue 即可。

posted @ 2020-11-18 20:00  浪荡&不羁  阅读(173)  评论(0编辑  收藏  举报