博客搭建方法

博客已经搭建很久了,虽然文章不多,但是整个写博客的流程用起来还算是比较顺手的,本来在刚搭完的时候就想用第一篇文章记录博客搭建的方法,但是后来因为写了别的就搁置了,现在有时间赶快记录一下,以后再搭建起来相同的东西可以驾轻就熟,避免采坑了。

1.写作流程

先来看一下这个博客目前新增一篇有配图文章的流程:

1.1 拉取或更新源码

博客的源码托管在github上,这样只要有网络能拉取到代码,就可以在任何的终端写东西,源码地址:https://github.com/foofuu/blog-source

1.2 新建文章

在/blog-source/source/_post 目录下新建文章,文章为md格式,提交后会在travis ci自动渲染成html页面,然后提交到github的发布项目中

1.3 新建所需配图文件

如果文章有配置,需要将图片文件放在,/blog-source/cdn/imgs 目录下,此目录下的图片文件在渲染时会通过七牛插件自动上传到七牛云,生成可以访问的外链,并将文章中的占位符替换为链接

1.4 引用配图标签

1.5 提交代码到github

1.6 等待页面生效

以上就是我的这个博客的大概的写作流程,这样的配置可以做到write everywhere,只需要能有网络拉下代码,不需要搭建编译静态页面的环境,也不需要自己处理需要上传的图片,只需要关心自己需要表达的内容,做到了以写作为核心,另外还有一点最大的好处,博客的源码和静态文件都在github上,只要是修改就会有记录,不用但是数据丢失。

2.搭建方法

2.1 github pages

github pages是什么?

GitHub Pages is a static site hosting service designed to host your personal, organization, or project pages directly from a GitHub repository.
以上是官网的说明,也就是说github pages是github提供的,通过github的仓库来实现的静态网站托管服务,下面来看一个最简单的操作流程。

2.1.1 创建一个repository,

2.2 hexo

2.3 next

2.4 travis ci

2.5 qiniu

0%