本文同步自我的微信公众号:技术视界
一个多月前开始筹备搭建自己的个人博客,由于要等国内备案完成,因此直到这两天才算完全搞定。今天把个人博客搭建需要了解的相关知识整理一下,希望可以给同样想建站的同学提供一点参考。
博客生成器
一个网站最基础的部分就是网页,如果想从HTML页面写起,显然成本太高,好在大牛们已经做好了博客生成器来解决网页编写的问题。一般来说,博客生成器分为动态和静态两种。其中,动态博客生成器典型代表有:WordPress、FarBox、Ghost等,静态的博客生成器典型代表有:Hexo、Jekyll、Octopress、Hugo等。关于动态和静态的区别主要有以下几点:
- 资源占用上,静态的相比动态占用服务器资源少,还可以托管在Github Pages上;
- 发布更新操作上,由于静态博客没有管理后台,所以发布更新内容要比动态博客繁琐;
- 访问速度上,由于静态博客没有数据库,所以访问速度更快;
- 安全性上,静态博客相比动态博客免疫了很多Web攻击套路;
我的博客便是选择了Hexo这个静态博客生成器。
Web服务器
有了博客生成器后,只需按照对应官方文档配置即可生成一个最简单的本地博客站点,如果想要让网络上人能够访问,你还需要将将其部署上服务器才行。对于服务器的选择,肯定要选择知名的服务器提供商,相对来说会比较稳定靠谱,国内的UCloud、阿里云、腾讯云、七牛云,国外的有亚马逊。如果使用静态博客生成器,还可以考虑用Github Pages,这样可以节省一笔租服务器的开销,对于还没有收入的在校学生,是个很不错的选择。不过,Github偶尔在国内无法访问,这点得做好心理准备。
图床服务器
上面的服务器用于存放网页,属于Web服务器,而图床是用于提供多媒体资源(图片、视频)存储的服务器,把网页和多媒体资源分开存储是有好处的,如果把图片都放Web服务器上,Web服务器的访问带宽会一下子就被占完,这样访问网站的体验会极差。图床的选择有很多,上网一搜可以找到很多免费的图床,这里不多做推荐,值得一提的是七牛云储存这家比较大的厂商,其免费用户拥有10G的存储空间和每个月10W次的PUT/DELETE请求,100万次GET请求,这个免费套餐对于小站点完全能够得到满足。
对于图床的选择,尽量选择稳定靠谱的,对于很多免费图床还是应该慎重考虑一下,说不定哪天它关闭了,对整个网站带来的负面影响还是极大的。
域名和备案
光有服务器还不够,此时你把网页部署上服务器后,只能通过服务器绑定的IP地址访问到你的站点。而这种对外开放的站点,基本没有使用IP来让人访问的,因为非常不方便记忆,所以,你需要购买一个域名。域名购买渠道很多,下面是三个我比较了解的渠道:
- Godaddy:https://www.godaddy.com/ ,老牌厂商。
- 阿里云:https://wanwang.aliyun.com/domain/ ,原中国万网,被阿里收购合并到阿里云。
- DNSPod:https://domains.dnspod.cn/ ,被腾讯收购。
购买域名之后,如果选择国外的服务器提供商,域名只需要设置好DNS解析即可使用,而在国内的服务器提供商上部署,你还需要进行域名备案,一般来说,知名的服务器提供商都会帮你安排好备案流程了,大致像我在UCloud的备案流程这样
最后,只需要按照步骤提交相应资料耐心等待工信部审核通过即可。
DNS解析
有了域名,等部署完服务器后,还要设置对应DNS解析,目的是为了告诉所有访问这个域名的浏览器,应该访问哪个IP地址的主机。关于DNS解析服务,这里推荐知名的老牌厂商DNSPod,服务不错,也有免费套餐。
界面美化
具备以上的条件后,已经满足一个博客站点基本功能了,如选择一个不错的主题、添加网站图标、新增一些小挂件、还有美化一下404页面等。像我的Hexo主题,来自开源的hexo-theme-cafe,然后我再稍作了一些自定义的修改。
上图的右侧可以看到新浪微博的挂件,在 http://app.weibo.com/tool/weiboshow 可以定制相应的样式代码。当然,除了微博之外,国外的Facebook、Twitter之类的也有类似,可以自行上官网找找。
添加网站图标,可以利用下面的工具
这个图标的显示位置,在于浏览器的打开你站点的Tab上,像下面是我的站点
如果我们在网站上输入一个不存在的URL,就会报404错误,爱美的人是连404页面都要弄得漂漂亮亮的,这里可以选择支持一下公益事业,用腾讯公益的404页面
下图是我的站点集成后腾讯公益404的效果
算为公益事业略尽绵力。
评论功能
如果读者在你网站阅读了文章,想发表评论,这时就需要用到评论功能了。同样,评论功能不需要我们从头开始实现,有很多提供商提供了集成服务,常见的有:
- 多说:http://duoshuo.com/ ,感觉有点没落了,而且垃圾评论很多,没有做任何处理。
- Disqus:https://disqus.com/ ,国外网站首选,国内网站慎选,因为某些原因,在国内无法加载访问。
- 畅言:http://changyan.kuaizhan.com/ ,搜狐出品,算是深得我心了,可惜没有备案的站点只能使用15天。
- 友言:http://www.uyan.cc/ ,相对比较小众,但体验还不错。
几个评论功能都可以免费使用,集成也非常简单,两三行代码即可搞定。
流量统计
如果你关心自己博客的访问数据,那么集成流量统计工具自然必不可少。统计站点流量访问的平台主要推荐以下三个:
- Google Analysis:https://www.google.com/intl/zh-CN/analytics/ ,功能强大不用多说,由于国内Google的服务用不了,所以推荐海外站点使用。
- CNZZ:http://web.umeng.com ,中文网站统计分析平台,口碑不错,目前和友盟合并被阿里收购。
- 百度统计:http://tongji.baidu.com ,正在研究,不多做评价。
统计功能同样集成简单,我索性把三家统计都集成了,做分析对比。
总结
整理之后就是以上的内容,最最最重要的是,明确你搭建博客的目的,是想认真的写点东西,还是只想折腾一下体验各种不同的框架或主题而已。
- 我的个人博客:http://blog.coderclock.com/
- 我的知乎专栏:https://zhuanlan.zhihu.com/coderclock
- 我的Diycode:https://www.diycode.cc/d_clock
- 我的新浪微博:D_clock爱吃葱花
- 我的微信公众号:技术视界