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