搭建个人博客心得---godaddy+WordPress

  本文是记录如何搭建个人博客系列的第一篇。该系列有3篇:1.付费虚拟云主机+WordPress;2.免费github+Hexo;3.个人站点yaojx.net的优化之路。

  搭建个人博客的第一篇,理应分析一下为什么要弄这件事。

  作为一个CS开发人员,现在转型手游/端游开发,和网站开发还是没挂钩,怎么会想到做一个网站?其实,不应该是前端开发人员才做网站,谁都可以做,只是使用的工具不同而已:从事网站开发的,一般都是自己搭整套系统来显示自己的实力;非网页开发的程序员,靠搜索+工具,也是能搭出来一个网站的;再特殊点,非技术人员,花点钱,想弄怎样的网站就能弄怎样的网站。这样实现过程并不是重点,重点是为什么要做网站?

  写代码有好几年了,但是,现在回头发现什么都没留下。为什么会这样?因为平时,虽然经常逛技术论坛和技术博客,但是也是看过后,觉得好的,就收藏网址,几年下来还真保存了几兆的网站链接,下载了不少工程。但是收藏得越多,去回顾的动力就越弱,如果加上这个技术点使用得少,时间一久就会模糊的,导致后面遇到,头脑有个印象,但是就是想不起来。特别是在一次硬盘出问题后就没后文了。

  后面接触了GitHub,明白了一个道理:技术无国界,技术需要让人知道。技术应该是分享出来让更多人了解的,大家一起探讨,才能优化改善。GitHub的开源,实际上是他们分享给我们,他们是怎么做到这样的。如果有人能看得懂,并且加入优化改善,一方面对开源方是利好,另一方面,对贡献方,是磨练,也是一种承认,承认你的技术,你对该系统的贡献。久而久之,大家都会一起进步,同时带动更大的群体,发展到现在科技圈的繁荣,越来越多高新技术人才出现。

  而如果我还是像之前那样,学到一点东西就悄悄保存在自己的硬盘上,有什么用?这就和你到github上下载东西,用到自己的工程中,却把水印去掉,甚至偷偷改了变量名一样。这并不是你学到东西的体现,只是你会运用的表现。这样并不能进步,永远只能偷偷跟在别人后面。

  真正学到东西,是你摸清楚整个流程,然后能用自己的话讲出来。所以这个时候弄一个分享记录平台就有好处了。你学了这个东西,分析记录到平台上,别人看到后,会进行点评,指正里面的错误,或者和你一起讨论。这样才是真正的技术精髓。

  所以我就建了这个个人博客了。

  整个流程蛮折腾的,也花了点钱,不过好在体验过,学到了东西,也值了。

  这里建个人博客,有不花钱的:博客园、CSDN等等,甚至微博、FaceBook都可以。如果想逼格高点,就得注册个人域名了。

  我这里用了GoDaddy 注册域名,现在GoDaddy和中国合作了,网站也有中文版,但是由于是国外的,国内访问速度一般般,好处就是不用备案。在阿里腾讯那些注册,得备案,然后要花300+大洋去买主机,不然不给办。不过如果有学生优惠,还是可以在国内弄的。

  这里贴一下我当时参考的链接 吧。注意“免费的东西才是最贵的”这个道理。

  当时我遇到活动价,基础Linux虚拟主机,1$/m,然后买一年送一个域名,相当于12x7=84¥=一年期限的“域名”+“博客主机”。当然这里的“博客主机”,可定制性不是很高,没有给Linux的root权限,所以不能自己搭整个网页程序放上去,只能用自带现成的程序。而这个现成程序,就是WordPress。可定制性不高,虽然可以自己改文件,然后更新到主机,但是由于网速问题,我还是放弃了这个念头。

下面记录一下怎么弄:

Result pic 1

  买了虚拟主机送域名后,登陆帐号,进到“主机管理”页面。目前,这个管理网页,我们用到的操作就是登陆cPanel,还有设置DNS转址(不过响应很慢,改了后等很久才响应过来,建议使用其他的服务商来处理。第三篇博文将介绍这个DNS转址处理)。其他的都不用用到(包括SSH登陆,买包月wordpress套餐等等)。点击“cPanel管理员”登陆。

Result pic 2

  跳转到“应用程序”–>“My Applications”,可以看到这里已经有一个wordpress,不用理会,直接删除掉。删除要选上面那一排,下面一排的设计不合理,是批量的情况下使用的。

  删除完,回到“Applications Browser”,里面有很多现成的程序,不过都是国外的,有时间可以自己试试。找到WordPress,安装。这样才能进行自由定制。安装完后要登陆配置wordpress,流程很简单的,只不过网络问题,得等而已。这里就不记录。

  这样,虽然看起来是安装程序,但是仔细看一下,我们看得到文件夹的,是可以上传下载的,数据库也是。管理文件有ftp方式,数据库有一个php页面,都是智能化的,不用自己在linux界面打命令(cPanel的作用–可视化操作)。这样,只要我们能忍受0.3kb/s和经常性断流,是可以把整个博客压缩下载下来,同时把数据库爬一份下来,布到本地,就能随便自己改css、js文件等等那些了,改完再传回去。

  怎么玩这个wordpress的,我就不详细说了,网上教程好多,这里贴个链接从零起步搭建Wordpress个人博客——Windows 平台篇(上)

按教程,这里会遇到问题:

  网页打不开,报“iis运行php网站提示FastCgiModule错误模块”:打开控制面板,打开“启动或关系Windows功能”,选择iis下的“应用程序开发功能”,开启“CGI”即可。

Result pic 3

  可以自己加几个挂件上去,写写js脚本,还是蛮好玩的。注意写脚本要区分desktop还是phone,我没接触过前端,所以只是简单的使用了窗口大小来判断,不同情况下,某些插件应该区别对待的。例如我引用了蜘蛛网浮动 的特效。里面设置的是对应电脑端:99个浮动点。如果放到手机端,会密集恐惧症,所以这里就得改小了。这里360浏览器,反应wordpress的大小还是比较有趣的,双击时是变成移动端的宽度大小,所以可以粗略用这个来看效果。当然,还是谷歌浏览器写js脚本比较好。其他还有一个时钟挂件,代码是网上找到。js代码很好找,有现成的,实在不行,F12定位,也能看出来是那些代码,然后复制粘贴+修改,凑齐css+js+html就能跑出来效果了。这样抄了几个小特效,发现前端蛮好玩的,就是代码写起来没vs的美观,一直在想怎么会有人写代码不换行的?还有可视化编程,不能改的时候就能看到效果,只能改后,到浏览器刷新才能看到,这样调位置时超级烦(不过后面发现可以在浏览器中的缓存中改,就能实时看到效果,改好后复制回来就行)。总体上,还是推荐多多接触js的,短短的代码量就能实现很强大的功能。

  这里也提一下一些心得吧,在挂饰中,是可以添加js代码的,我的两个特效就是这样加进去的,就不用拉文件下来改,然后发回去的。然后就是发布后,是显示成全文的,所以在编写文章时,开头写大概内容后,添加“more标签”,这样显示出来的才是“大概内容”+“继续阅读”。

Result pic 4

  说实话,这个买买买,然后建站的过程不耗时,真正耗时是DNS问题。

  第一天搭好后,第二天访问,发现404,登cPanel那边跳过去也不行。当时想不明白,只能删了重装。单独删wordpress是不行的,还是不能访问,所以问题不在wordpress上。后面重置cPanel就可以了,同时发现,主机IP变了。说明是服务器问题,后面找了相关的文章,了解到是用的人多,服务器承载不过来,就经常出现这个情况。当时改谷歌的dns、换手机热点、联通移动等等都试过没用。证明问题真不是出在我这边,真的是服务端那边的。ping域名ip,会发现基本不通。

  确实,一开始ping自己的域名,400+的延迟,然后挂DNSpod(现在和腾讯合作),没用,因为ip是国外的,所以需要用CDN加速。

  后面还是用的国外免费的:cloudflare

  登陆注册,设置好域名后,隔几个小时候再来ping,延迟只有200+了。

Result pic 5

Result pic 6

Result pic 7

  当然,最好也做一下wordpress的优化,就是把插件全部删除,装两个加速的插件上去(有专门对应cloudflare的插件)。这样,虽然不能让第一次打开能快到什么地步,但是第二次打开却是能很快的(使用缓存加速功能)。

  这里能挂载,当然也能解除了:

Result pic 8

  这个虚拟主机+WordPress,性价比不高,访问很慢,还经常性断网。后面我还是转战GitPage。


The End

姚佳鑫 wechat
如果您对我的文章感兴趣,可以添加我的微信
感谢您的支持