[Hexo]使用Hexo(博客)+Gitcafe(服务器)+QiNiu(图床)搭建个人博客

最近调整了一下博客,基本确定了CSDN记录学习笔记,域名博客记录一些日常的东西,这么一个搭配。


下面给大家简单的介绍一下我的Hexo博客的搭建过程。


首先,我们现在本地使用Hexo搭建一个博客系统。

Hexo的安装过程如下:

1.下载Git

下载Git并执行文件便可以完成安装。


2.下载Node.js

访问官网地址,点击Install下载安装包,安装即可。


3.安装Hexo框架

访问Hexo官网,可以看到安装方法。

在命令提示行输入一下代码即可:

npm install hexo -g

4.创建个人博客

右击后选择git bash,输入:

hexo init

初始化hexo项目。


5.运行服务器

执行一下命令:

hexo generate
hexo server

博客部署在本地地址:http://localhost:4000/

查看一下效果:



具体的Hexo教程可以参考:Zippera's Blog



接下来需要去GitCafe申请一个空间,

Gitcafe和Github类似,有一个用于展示的page分支,gitcafe-pages,

这个具体可以查看一下官方的文档,我就不再赘述了。

注意git默认是master分支,而只有gitcafe-pages分支下的内容才是可以显示的。


在使用的过程中我发现Hexo贴图片十分的不方便,

因为MarkDown的语法需要写上图片的路径,

而部署在本地的文件夹下再用绝对路径去显示的时候总是感觉乱糟糟的,

并且在使用markdown preview预览的时候也无法正常的显示图片。


于是我选择使用七牛云存储作为自己的图床。

上传图片之后可以直接显示图片链接,这样用sublime的markdown preview插件也可以直接在本地预览图片,十分方便。




总的来说,效果还是不错滴:




  • 4
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 17
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 17
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值