搭建个人博客,你需要知道这些

一个多月前开始筹备搭建自己的个人博客,由于要等国内备案完成,因此直到这两天才算完全搞定。今天把个人博客搭建需要了解的相关知识整理一下,希望可以给同样想建站的同学提供一点参考。

博客生成器

一个网站最基础的部分就是网页,如果想从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来让人访问的,因为非常不方便记忆,所以,你需要购买一个域名。域名购买渠道很多,下面是三个我比较了解的渠道:

购买域名之后,如果选择国外的服务器提供商,域名只需要设置好DNS解析即可使用,而在国内的服务器提供商上部署,你还需要进行域名备案,一般来说,知名的服务器提供商都会帮你安排好备案流程了,大致像我在UCloud的备案流程这样

最后,只需要按照步骤提交相应资料耐心等待工信部审核通过即可。

DNS解析

有了域名,等部署完服务器后,还要设置对应DNS解析,目的是为了告诉所有访问这个域名的浏览器,应该访问哪个IP地址的主机。关于DNS解析服务,这里推荐知名的老牌厂商DNSPod,服务不错,也有免费套餐。

界面美化

具备以上的条件后,已经满足一个博客站点基本功能了,如选择一个不错的主题、添加网站图标、新增一些小挂件、还有美化一下404页面等。像我的Hexo主题,来自开源的hexo-theme-cafe,然后我再稍作了一些自定义的修改。

上图的右侧可以看到新浪微博的挂件,在 http://app.weibo.com/tool/weiboshow 可以定制相应的样式代码。当然,除了微博之外,国外的Facebook、Twitter之类的也有类似,可以自行上官网找找。

添加网站图标,可以利用下面的工具

http://www.faviconer.com

这个图标的显示位置,在于浏览器的打开你站点的Tab上,像下面是我的站点

如果我们在网站上输入一个不存在的URL,就会报404错误,爱美的人是连404页面都要弄得漂漂亮亮的,这里可以选择支持一下公益事业,用腾讯公益的404页面

http://www.qq.com/404/

下图是我的站点集成后腾讯公益404的效果

算为公益事业略尽绵力。

评论功能

如果读者在你网站阅读了文章,想发表评论,这时就需要用到评论功能了。同样,评论功能不需要我们从头开始实现,有很多提供商提供了集成服务,常见的有:

  • 多说:http://duoshuo.com/ ,感觉有点没落了,而且垃圾评论很多,没有做任何处理。
  • Disqus:https://disqus.com/ ,国外网站首选,国内网站慎选,因为某些原因,在国内无法加载访问。
  • 畅言:http://changyan.kuaizhan.com/ ,搜狐出品,算是深得我心了,可惜没有备案的站点只能使用15天。
  • 友言:http://www.uyan.cc/ ,相对比较小众,但体验还不错。

几个评论功能都可以免费使用,集成也非常简单,两三行代码即可搞定。

流量统计

如果你关心自己博客的访问数据,那么集成流量统计工具自然必不可少。统计站点流量访问的平台主要推荐以下三个:

统计功能同样集成简单,我索性把三家统计都集成了,做分析对比。

总结

整理之后就是以上的内容,最最最重要的是,明确你搭建博客的目的,是想认真的写点东西,还是只想折腾一下体验各种不同的框架或主题而已。最后,感谢赞助本站点的服务器提供商UCloud。

本站服务器由 UCloud 赞助

喜欢我的文章可以搜索并关注我的微信公众号:技术视界

推荐文章