之前有自己建站托管自己的博客系统, 后来因为流量实在太少, 服务器又要每个月出钱, 然后就把她关了, 然是拥有自己的网站的心一直没有退去啊, 然后之前有接触到别人用GitHub托管静态网页的玩法, 因此个人也想布一个, 个人比较喜欢支持国产, 所以我用的Gitee, 原理都是一样的.
Gitee托管的是静态网页, 对于一个博客系统, 我们不可能动手全部去写Html, 于是我们这个时候就借助了一个叫做Hexo的博客工具(注意是工具, 不是系统), 把我们的Markdown文件转换成Html, 然后借助主题按照一定的风格样式以及规则, 生成一整套的Html.
下面我就来介绍如何使用Hexo在Gitee上面搭建自己的博客.
Hexo的安装
安装环境
安装 Hexo 相当简单，只需要先安装下列应用程序即可：
- Node.js(Node.js 版本需不低于 8.6，建议使用 Node.js 10.0 及以上版本)
- Git
如果您的电脑中已经安装上述必备程序，那么恭喜您！接下来只需要使用 npm 即可完成 Hexo 的安装。
$ npm install -g hexo-cli
创建项目
$ hexo init <folder>
$ cd <folder>
$ npm install
本地运行
项目创建完之后, 系统会有一个默认的landscape的主题, 通过运行以下命令, 就可以在浏览器预览效果了.
$ hexo server
至此, 你的本地环境就准备好了, 只等你进行编译并且发布了.
创建Gitee项目
以我的Gitee举例https://gitee.com/jerryqi.
创建仓库
创建仓库的时候记得是空仓库, Readme和gitignore都可以不要, 有的话对于git新手会造成一点点的小麻烦.
博客地址
这里把后面的内容提到前面来说了, 一开始我创建了一个名为blog的项目, 最后博客的地址是https://jerryqi.gitee.io/blog, 而我不喜欢后面这个blog的后缀, 通过查看gitee的文档, 原来规则是, 要想没有后缀, 你的仓库名必须和你的用户名是一样的, 于是我把仓库名从blog改成了jerryqi, 于是最终我的博客地址就成了https://jerryqi.gitee.io
发布博客
上传内容
上传内容首先要通过配置把本地的博客系统和刚才建的git仓库打通, 找到——config.yml, 配置如下内容:
deploy:
type: git
repo: git@gitee.com:jerryqi/jerryqi.git
branch: master
配置完成后运行如下命令上传html到Gitee仓库:
hexo clean && hexo g && hexo d
其他的配置内容, 请参考文档自行配置.
发布内容
至此, 我们在我们刚才的创建的仓库已经可以看到我们上传的文件了.
在仓库页面选择Services, 然后选择Gitee Pages, 然后点击发布即可大功告成.
免费版本的限制
这里说明一下, Gitee Pages免费版本是有限制的, 目前据我所知有以下几点:
- 文件大小限制为300M.
- 不能绑定自定义的域名.
- 每次本地Deploy之后, 托管网页并不会自动更新, 而是要进入Gitee Pages进行手动的Update.