搭建博客记录

搭建博客之前一直使用有道云来存储文档,有道云功能其实很强大,支持多种格式文档、不限平台同步登录、搜索、外链接等功能,但不大喜欢在有道云去编写文档(markdown文档除外),调整字体样式比office费劲多了,也没有目录索引,所以适合存储文档。

为了搭建一个简洁、轻量、具有搜索功能的博客系统,在网上看了很多款开源博客系统,不是很满意,最后在github找到了比较满意的博客系统eiblog,所以开始购买和配置云主机、域名、七牛云存储,为搭建一个博客系统做准备。



1 云主机

打开阿里云主页,点击产品–>弹性计算–>云服务器。云主机有入门和企业两个级别,根据实际需求购买。云主机有一个公网IP和私有IP,其中公网IP是用来绑定域名和登录等操作,私网IP作为局域网内使用。 云服务器ECS使用帮助可以查看用户指南

购买完成后云主机实例图:

云主机实例图



2 域名

2.1 创建信息模板

在购买域名前先创建信息模板,模板里填写实名认证信息,国家规定在阿里云购买的域名必须实名认证才能使用,选择菜单产品与服务–>域名–>信息模板,在右上角点击创建信息模板,然后填写信息去审核。

实名认证后信息模板图:

实名认证信息模板


2.2 购买域名

打开阿里云主页,点击菜单产品–>域名与网站–>域名注册,查找需要注册的域名,如果域名已经被注册过了,更换未被注册的域名来购买。

购买并通过审成功样例:

域名列表样例


2.3 域名解析

域名解析是把域名绑定云主机ip地址过程。选择菜单产品与服务–>域名与网站–>云解析DNS,在域名解析列表点击解析设置,点击添加解析,先添加两个基本解析,www和@,让域名www.zhuyasen.com和zhuyasen.com都可以ping得通。

域名解析和域名列表:

域名解析

检验域名解析是否成功,在终端执行命令:ping zhuyasen.com和ping www.zhuyasen.com,如果可以ping通说明解析成功。


2.4 域名备案

在国内购买域名必须通过备案后,才可以解析到云主机ip地址。点击菜单栏右上角备案,然后点击下方进入备案系统按钮开始备案,根据操作流程填写个人信息、网站信息、上传身份证和签名的承诺书图片等,注意在提交审核资料前要关闭隐身与保护功能,否则审核通不过,关闭方法:域名列表–>管理–>安全,然后点击关闭域名隐私保护按钮。建议使用阿里云app提交备案资料更加简便。

域名备案流程和状态:

域名备案流程

审核过程通常一个星期左右有结果,备案成功后,域名就可以直接映射到云主机ip了。


2.5 在阿里云申请免费的ssl证书

http在网络中是明文传输的,有安全隐患,Chrome浏览器已经禁用了HTTP,使用更加安全的HTTPS,越来越多企业或个人网站使用HTTPS来代替HTTP,简单来说,HTTP+加密+认证+完整性保护=HTTPS,要使用HTTPS,需要到公认的第三方证书颁发机构申请购买,可以去阿里云或七牛都可以免费申请到证书,申请流程如下:

打开阿里云主页,点击菜单产品–>安全–>SSL证书–>立即购买。


下单购买后需要补全个人信息和绑定一个域名(免费的只能绑定一个域名),填写完信息后提交审核(如果是在阿里云购买的域名,填写信息里有个选项,是否直接让后台自动解析验证,选中之后,可以跳过手动添加这一步骤),接下来一个重要步骤是在域名里新添加一个域名解析,类型为txt,记录值在订单信息有显示,添加域名解析后才能使域名绑定证书成功。

添加域名解析绑定SSL:

域名解析绑定ssl


当SSL证书已签发后,删除新添加的txt类型的域名解析,根据服务器类型选择下载对应的证书。

SSL证书



3 对象存储

3.1 创建七牛云存储空间

这里选择七牛云存储,新用户注册七牛云并实名制后每个月都有免费10G的存储空间和10G流量,并且支持CDN加速,对于个人博客来说已经够用了,非常适合存储图片、js等静态文件。

打开七牛云主页,管理控制台–>产品列表–>对象存储–>新建存储空间。

新建存储空间


3.2 在七牛申请免费SSL证书

主域名使用HTTPS后,如果网页中使用图片链接为HTTP,在某些浏览器会造成无法访问图片问题。因此访问图片资源的也需要使用安全连接HTTPS。七牛云的对象存储默认图片外链接是HTTP开头的,需要自己新添加一个专门用来获取图片资源的子域名,然后新申请的SSL证书绑定这个域名,使得访问图片外链接是HTTPS开头的。七牛云证书服务里支持申请免费的SSL证书,也支持导入已经申请的SSL证书。

进入七牛云个人控制面板,申请免费SSL证书,和在阿里云申请SSL证书类似,点击产品列表–>SSL证书服务–>购买证书。

申请SSL证书


在证书管理的详情里有验证DNS记录值,把这个记录值填写到域名解析里,域名解析类型为txt。

验证DNS记录值


3.3 融合CDN

有了专门访问图片资源的域名之后,还要让域名知道访问七牛云存储空间里哪些bucket下的图片,也就是绑定bucket过程。进入七牛云个人控制面板,点击产品列表–>融合CDN–>域名管理–>添加域名。

添加域名


等添加域名生效后,把域名设置为默认的外链域名,进入七牛云个人控制面板,点击产品列表–>对象存储–>bucket(已绑定域名)–>内容管理。

设置外链域名


3.4 上传下载文件和强制刷新缓存

(1) 上传下载文件

上传文件有三种方式:

① 通过七牛云官网上传文件

进入管理控制台,点击产品列表–>对象存储–>选择一个bucket–>内容管理–>上传图片。

上传文件


② 使用七牛客户端QsunSync同步本地文件

首先下载QsunSync,然后打开软件填写七牛云AccessKy和SecretKey,设置需要同步的本地文件夹和对象存储的bucket就可以同步文件了。


③ 使用七牛云的SDK上传和下载文件

使用SDK后,可以在程序中灵活的上传和下载文件,下载SDK

上传文件后,第一和第二种方式获取文件的外链接需要进入七牛云官网bucket的内容管理获取,第三种方式在SDK中可以直接获取外链接。

(2) 强制刷新缓存

有时候修改了一个背景图片,但文件名没有修改,删除了原来就文件,上传了新文件后,但访问返回的依然是旧的图片,这不是想要的结果,造成这问题的原因是CDN缓存没有更新,需要强制刷新CDN里的图片,使得新修改的文件生效。进入管理控制台,点击产品列表–>融合CDN–>刷新预取。

刷新CDN文件



4 安装与部署博客系统eiblog

eiblog一个简洁、轻量、极速的博客系统,它的设计很符合我的搭建博客需求,而且是用golang写,有需要的话还可以自定义些功能。但是这个博客系统部署确实过于繁杂,正如作者说的“该系统部署过程太过复杂,并且不推荐没有计算机知识的朋友搭建”,还好eiblog的作者有详细的安装与部署博客系统过程,按照这个流程,还是折腾了一番功夫才完工。

这里有对原eiblog的前端界面做了些修改,去掉需要翻墙部分的链接图标、去掉了评论功能,整个界面已经简洁到了可以说是简陋的地步了,不过挺喜欢这个样子……



5 总结

因为没搭建过博客系统,所以搭建博客系统过程对我说简单也不简单,有时候有些事情大概知道是怎么做,但真正实施起来很多细节东西时当初是想不到的,也许会有卡在具体细节上。

花时间搭建个人博客系统的目的是记录学习过的知识,把博客作为知识积累的一个载体,人的大脑记忆知识时间是有限的,对于长时间没有使用的知识,会随着时间流逝渐忘掉,但大脑还是记得当初有学过这个知识,只是具体细节就记不清了,如果当初有在博客上记录该知识,很容易找到记录知识的位置,当然技术类知识在百度、谷歌也能搜索得到结果,但是还要经过网页筛选出想要的结果,没有个人博客定位记录的信息那么快速方便。个人觉得同样的知识,通过自己整理出来记录信息比在网上直接搜索出来的信息,在大脑中的记忆更深刻和长久。

有些新接触的知识,个人认知能力有限,难免记录在博客上会存在错误,当然发现的错误会随时修正。



专题「工具」的其它文章 »