基于 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.yml
的 tag_icon
为 true
即可。