听我说说我的博客: 月访问量过万的个人IT博客的技术史
过去曾经写过一系列的文章,试图去鼓励更多的人去写文章。从毕业前的《成为笔杆子》、《[写作驱动学习
](https://www.phodal.com/blog/write-driven-learning/)》、《[重新思考博客的意义
](https://www.phodal.com/blog/rethink-why-write-blog/)》,到工作后的《如何提高影响力》,都在试图去向人们展示写博客的可以促进自己学习、提高自己的影响力。
等到工作以后,发现想写的人是没有时间,不想写的人不存在时间。人们陷入生活的怪圈,越是加班越没有时间学技术,越是没有时间学技术越是需要加班。
前言
我尚不属于那些技术特别好的人——我只是广度特别广,从拿电烙铁到所谓的大数据。不过相比于所谓的大数据,我想我更擅长于焊电路板,笑~~。由于并非毕业于计算机专业,毕业前的实习过程中,我发现在某些特殊领域的技术比不上科班毕业的人,这意味着需要更多的学习。但是后来受益于工作近两年来从没有加班过,朝九晚六的生活带来了大量的学习时间。在这个漫长的追赶过程中,我发现开发博客相关的应用带来了很大的进步。
现在,我的博客是如何工作的?
HTTP服务器
当你开发在网页上访问我的博客的时候,你可能会注意到上面的协议是HTTPS。
但是并不会察觉到它是HTTP2.0。而这需要一个可以支持HTTP2.0的HTTP服务器,在不改变现在程序配置的情况下,你需要重新编译你的HTTP服务器。在这里,我的博客用的是Nginx,所以它在还只是试验版的时候,就已经被编译进去了。为了隐藏服务器的版本,还需要在编译的时候做了些手脚。除此,为了浏览器上的那个小绿锁,我们还需要一个HTTPS证书,并在Nginx上配置它。
在这时,我们还需要配置一个缓存服务器。过去,我在上面用过Varinsh、Nginx Cache。尽管对于个人博客来说,可能意义不是很大,但是总需要去尝试。于是用到了ngx_pagespeed,它会帮我们做很多事,从合并CSS、JS,到转图片转为webp格式等等。
Nginx对请求转发给了某个端口,就来到了WSGI。
WSGI
接着,我们就来到了Web服务器网关接口——是为Python语言定义的Web服务器和Web应用程序或框架之间的一种简单而通用的接口。现在,你或许已经知道了这个博客是基于Python语言的框架。但是在我们揭晓这个答案之前,我们还需要介绍个小工具——New Relic。如果你在Chrome浏览器上使用Ghosty插件,你就会看到下面的东西。
New Relic是一个网站监测工具,Google Analytics是一个分析工具。但是,不一样的是New Relic需要在我们启动的时候加进去:
nohup /PATH/bin/newrelic-admin run-program /PATH/bin/gunicorn --workers=2 MK_dream.wsgi -b 0.0.0.0:8080 --timeout=300&
现在这个请求总算来到了8080端口,接着到了Gunicorn的世界里,它是一个高效的Python WSGI Server。
过了上面几步这个请求终于交给了Django。
Django
Django这个天生带Admin的Web框架,就是适合CMS和博客。这并不意味着它的工作范围只限于此,它还有这么多用户:
请求先到了Django的URL层,这个请求接着交给了View层来处理,View层访问Model层以后,与Template层一起渲染出了HTML。Django是一个MTV框架(类似于MVC之于Spring MVC)。接着,HTML先给了浏览器,浏览器继续去请求前端的内容。
它也可以用Farbic部署哦~~。
Angluar & Material Design Lite vs Bootstrap & jQuery Mobile
这是一个现代浏览器的前端战争。最开始,博客的前端是Bootstrap框架主导的UI,而移动端是jQuery Mobile做的(PS: Mezzanine框架原先的结构)。
接着,在我遇到了Backbone后,响应了下Martin Folwer的编辑-发布分离模式。用Node.js与RESTify直接读取博客的数据库做了一个REST API。Backbone就负责了相应的Detail页和List页的处理。
尽管这样做的方式可以让用户访问的速度更快,但是我相信没有一个用户会一次性的把技术博客看完。而且我博客流量的主要来源是Google和百度。
然后,我试着用Angular去写一些比较特殊的页面,如全部文章。但是重写的过程并不是很顺畅,这意味着我需要重新考虑页面的渲染方式。
最后,出现了Material Design Lite,也就是现在这个丑丑的页面,还不兼容新IE(微信浏览器)。
作为一个技术博客,它也用到了HighLight.js的语法加亮。
API
在构建SPA的时候,做了一些API,然后就有了一个Auto Sugget的功能:
或者说,它是一个Auto Complete,可以直接借助于jQuery AutoComplete插件。
或许你已经猜到了,既然我们已经有博客详情页和列表页的API,并且我们也已经有了Auto Suggestion API。那么,我们就可以有一个APP了。
APP
偶然间发现了Ionic框架,它等于 = Angluar + Cordova。于是,在测试Google Indexing的时候,花了一个晚上做了博客的APP。
我们可以在上面做搜索,搜索的时候也会有Auto Suggestion。上面的注销意味着它有登录功能,而Hybird App的登录通常可以借用于JSON Web Token。即在第一次登录的时候生成一个Token,之后的请求,如发博客、创建事件,都可以用这个Token来进行,直到Token过期。如果你是第一次在手机上访问,也许你会遇到这个没有节操的广告:
然并卵,作为我的第七个Hybird应用,它只发布在Google Play上——因为不需要审核。
随后,我意识到了我需要将我的博客推送给读者,但是需要一个渠道。
微信公众平台
借助于Wechat-Python-SDK,花了一个下午做了一个基础的公众平台。除了可以查询最新的博客和搜索,它的主要作用就是让我发我的博客了。
对了,如果你用Python写代码,可以试试PyCharm。除了WebStorm以外,我最喜欢的IDE。因为WebStorm一直在与时俱进。
微信编辑器
作为下一个项目,我开始打算去做一个微信编辑器。一方面可以给我的女朋友用,她正在我们公司实习——新媒体运营。她写了之前的《极客爱情》系列的文章,或许你对实验室约会吧、我真的不是修电脑的、极客的神逻辑、技术宅不解风情等等的文章。如果可以的话,也可以给个相关关注哈哈~~,打个小小广告,下面是它的微信公众号——白米粥。
极客爱情是一段热恋的故事,白米粥更像是平淡生活的故事。
扯远了,这个编辑器主要是基于CKEDITOR,因为微信默认的是UEDITOR。尽管UEditor开源,但是已经很长时间没有维护了。这样的项目是被政治因素,以及加班的工程师文化的影响吧???
技术组成
So,在这个博客里会有三个用户来源,Web > 公众号 > App。
在网页上,每天大概会400个PV,其中大部分是来自Google、百度,接着就是偶尔推送的公众号,最后就是只有我一个人用的APP。。。
Web架构
服务器:
Nginx(含Nginx HTTP 2.0、PageSpeed 插件)
Gunicorn(2 Workers)
New Relic(性能监测)
DevOps:
Farbic(自动部署)
Web应用后台:
Mezzaine(基于Django的CMS)
REST Framework (API)
REST Framework JWT (JSON Web Token)
Wechat Python SDK
Mezzanine Pagedown (Markdown
Web应用前台:
Material Design Lite (用户)
BootStrap (后台)
jQuery + jQuery.autocomplete + jquery.githubRepoWidget
HighLight.js
Angluar.js
Backbone (已不维护)
移动端:
Ionic
Angular + ngCordova
Cordova
highlightjs
showdown.js(Markdown Render)
Angular Messages + Angular-elastic
微信端:
Wechat-Python-SDK
That's All...
其他
博客源码: Phodal Dev
App源码: Phodal App
Clone前不烦先请先关注:
哈哈,人生难得可以打一次广告,只是是我女朋友的~~~
听我说说我的博客: 月访问量过万的个人IT博客的技术史相关推荐
- 听我说说我的博客: 月访问量过万的个人IT博客的技术史 1
过去曾经写过一系列的文章,试图去鼓励更多的人去写文章.从毕业前的<成为笔杆子>.<写作驱动学习 >.<重新思考博客的意义 >,到工作后的<如何提高影响力> ...
- 他们做淘宝客月赚1万很容易 淘宝客赚钱本质分析
在密密麻麻的网站赚钱博客赚钱的方法中,做淘宝客算不上最来钱的活,我倒是觉得做淘宝客是最容易来钱的活.做淘宝客门槛低.限制少,竞争激烈的话可以抛开不讲,因为没有人会愿意为了块骨头去跟人家拼抢,显然淘宝客 ...
- 「技术播客月」Day 10: Meta Podcast: 聊聊播客这件事
首届·技术播客月第10天的直播正在火热进行中~ 今晚将由 「Nebula Graph 星球」 「编码人声」 「开源面对面」 三档播客节目为我们带来精彩的议题: 「Meta Podcast: 聊聊播客这 ...
- 博客总访问量一万了,感觉有点不真实
如题,写博客没多少时间,写的内容也很水,发现很奇怪的一点:写完的博客,在刚开始会阅读量增加的很快,但是过了几天之后,阅读量就一点也不变了,而且在自己阅读自己博客貌似也算在阅读量里了. 很奇怪啊,就好像 ...
- 双11淘宝客月入过万,淘客手机推广技巧
以前做个人网站的时候就研究过淘宝客,那时候最高一个月赚过四万多块,后来因为百度的封杀,就放弃了,从13年开始就转向做移动营销去了.那个时候主要做微商,通过软件群发和加人效果也很明显,但是15年就急转直 ...
- 纪念正月十六工作室博客总访问量突破百万
古有政通人和,百废俱兴,乃重修岳阳楼,并属予作文以记之.虽类比堪堪勉强,但IT人性情率直,不免也潦草抒情.固也称:我们亦有我们的"岳阳楼"!此间初露锋芒,崭露头角,事业经营蒸蒸日上 ...
- 思考如何提高博客的访问量
这次回来写博客已经有好多天了.通过查看自己博客的访问量发现几个现象? 1.Cs模式与BS模式 刚开发写这个纯粹是为了记录下自己的例程和做笔记,后来发现最刚开始写的几个关于html和js的文章访问量还是 ...
- 博客园访问量有些小,我就没有必要在复制一份了,博客园就这样吧,继续CSDN了。...
博客园访问量有些小,我就没有必要在复制一份了,博客园就这样吧,继续CSDN了. 转载于:https://www.cnblogs.com/Silence-AC/p/3953046.html
- 爆肝1个多月,严选10大热门静态博客框架,官方文档、教学视频、经典案例、热门插件一应俱全,强烈建议收藏
[文章编号 t001] 凌晨 12 点,我有一位朋友,在电话里,气愤地说他的博客文章又被平台删掉了. 我很好奇为什么,原来是他在某平台发布了一篇技术类原创文章,读者都比较喜欢.后来,他把这篇文章转发到 ...
最新文章
- LeetCode简单题之递增顺序搜索树
- java scope=prototype_spring mvc 设置@Scope(prototype)
- 华为stfal00是什么手机_opporeno5pro和华为p40pro有什么区别 哪款手机更好
- 【推荐】由浅入深学FI—获利能力分析
- kerberos 主从安装
- Maven笔记——maven下载与配置
- OpenSSL的Heartbleed漏洞原理及简单模拟
- 若依集成jwt实现登录授权访问(单体版)
- ansible+Jenkins+supervisor(Jenkins守护进程)
- SQL Server审核最佳做法
- oracle体系结构图
- nginx php mysql zend_性能测试基本功 - 手动配置nginx+php-cgi+zend+mysql
- Linux shell 查找操作
- Oracle查询重复数据
- java 文章目录递归(一级标题,二级标题)
- 按键精灵的5级开发认证,笔试题参考
- 小程序毕业设计选题springboot+vue自习室预约小程序 图书馆预约小程序 自习室预约系统java
- Linux OS7 常用
- Word2vec模型原理与keras、tensorflow实现word2vec
- 连载《国培计划》骨干教师的研修日志之七:N个老师的日志