利用码云Pages服务轻松搭建自己的静态博客

很多同学应该都听说过Github Pages,它可以用来搭建自己的静态博客和网站,但是因为服务器在国外,所以部署和访问比较慢。其实我们国内的代码托管服务码云也提供了类似的功能,使用起来同样非常轻松,而且访问速度非常快。如果你想要自己做个静态博客玩玩的话,完全可以来试试。


新建码云仓库

首先到码云上创建一个仓库,然后将其克隆到本地。



创建hexo项目

hexo是一个非常流行的静态博客框架,使用方便,而且还有大量主题可供挑选。它需要NodeJS环境,如果你没有安装的话,首先安装NodeJS。安装完毕之后,运行下面的命令安装hexo工具。

<code>npm install -g hexo-cli/<code>

假如下载速度慢的话,可以使用淘宝镜像。添加方法很简单,运行下面的命令:

<code>set-content ~/.npmrc registry=https://registry.npm.taobao.org/<code>

安装完毕之后,创建hexo博客项目。

<code>mkdir blog
cd blog
hexo init/<code>

等博客项目创建完毕之后,将刚刚克隆的仓库里的所有文件复制到博客文件夹中。复制的时候记得开显示隐藏文件,如果没有复制.git文件夹的话,后面是没办法正常推送项目的。



现在你已经拥有了一个博客项目了,使用你喜欢的编辑器或者IDE开始编辑吧。文章全在_posts文件夹中,文章语法使用markdown格式,用起来也很简单。


下面是几个常用命令。特别地,如果你本地编写完了文章,想看看效果,可以启动本地服务器,然后就可以在浏览器里实时看到文章的变化了。

<code># 新建文章
hexo new name
# 启动本地服务器
hexo server
# 生成静态文件
hexo generate/<code>

推送博客

打开博客项目里的_config.yml配置文件,在最下方找到deploy设置,然后添加类似下面的内容。


type就是要推送的类型,因为我们用的是码云的git仓库,所以就写git;repo就是仓库的地址,这里是我的仓库,大家改成自己的地址;branch就是要推送的分支,写成gt-pages就行了,这项必须写,不然推送的时候会直接推到master分支,覆盖我们的博客代码就麻烦了。

<code>deploy:
  type: git
  repo: git@gitee.com:techstay/hello.git
  branch: gt-pages/<code>

编辑完成之后,运行下面的命令即可生成静态文件并推送到项目的对应分支上去。

<code>hexo clean && hexo deploy/<code>

启动码云Pages服务

好了,下面就是最后一步了。现在博客代码和生成的静态文件都已经准备就绪了,最后要做的事情就是在码云里开启Pages服务。访问我们的码云项目主页,在项目菜单上找到服务,然后点击Gitee Pages。


然后选择部署分支,因为hexo的部署功能会将文件直接推到部署分支上。所以部署目录那里留空即可。设置完成后点击确认,稍等一下,就可以查看生成的静态博客了。不得不说国内的服务访问速度是真的快。

如果觉得本文有用的话,欢迎关注+转发哦,感谢大家的支持!