add responsive styles for images in main.css

Author: liuning0820

_posts/2019-04-18-play-with-debian.md

@@ -4,7 +4,7 @@ layout: default
 
 # Play With Debian
 
-![debian-logo]({{ site.url }}{{site.baseurl}}/images/debian-logo.png){:height="50%" width="50%"}
+![debian-logo]({{ site.url }}{{site.baseurl}}/images/debian-logo.png)
 
 Records tools installation when playing with Debian.
 
@@ -155,7 +155,7 @@ sslocal -c sslocal.conf # connect to the proxy server.
 
 ```
 
-![Firefox Proxy Setting]({{ site.url }}{{site.baseurl}}/images/shadowsocks-firefox.png){:height="50%" width="50%"}
+![Firefox Proxy Setting]({{ site.url }}{{site.baseurl}}/images/shadowsocks-firefox.png)
 
 ## Firefox Flash Player
 

_posts/2019-05-07-家乡水美.md

@@ -17,17 +17,17 @@ tags: [hometown]
 
 记得小时候去姑母家，屋后是条臭水河，现在屋后是宽宽的大马路和一个花圃带。
 
-![屋后花圃](/images/hometown-01.jpg){:height="50%" width="50%"}
+![屋后花圃](/images/hometown-01.jpg)
 
-![屋后马路人家](/images/hometown-02.jpg){:height="50%" width="50%"}
+![屋后马路人家](/images/hometown-02.jpg)
 
 饭后，带着小孩，打算围着村东边的河岸转转，才知道原来五条支流汇合的中央的一塘水还有一个名字叫大龙塘。
 
-![大龙塘桥](/images/hometown-04.jpg){:height="50%" width="50%"}
+![大龙塘桥](/images/hometown-04.jpg)
 
 河边横斜的水泥船早已破败半没在水里，也暗示着人们早已找到更便捷的运输工具，不禁想起小时候我趁大人午休悄悄的攥着一根竹篙并偷偷地在
 河边解开一户人家的船，然后学着在水里撑船，可是不知怎么的，我的船就是在那里原地打转转。
 
-![大龙塘](/images/hometown-03.jpg){:height="50%" width="50%"}
+![大龙塘](/images/hometown-03.jpg)
 
 来到一处景观亭子里，面朝这一塘水，整个天地，除了我和孩子的问答声，就只剩下路边花丛里蜜蜂的嗡嗡声了，或许还有那一潭水，在静水深流。

_posts/2019-05-20-jenkins-anchore-container-images-scanner.md

@@ -44,7 +44,7 @@ Engine Password: the Anchore Engine password. default: foobar
 
 Add a FreeStyle Job, and configure as below:
 
-![Anchore Build Options]({{ site.url }}{{site.baseurl}}/images/jenkins-anchore-image-scan.jpg){:height="50%" width="50%"}
+![Anchore Build Options]({{ site.url }}{{site.baseurl}}/images/jenkins-anchore-image-scan.jpg)
 
 An scanning report can be found at http://{my-jenkins-ip}:8080/job/anchore-test/25/anchore-results/
 

_posts/2019-05-24-usage-of-historical-data.md

@@ -22,7 +22,7 @@ comments: true
 
 写微信公众号断断续续也有2年的时间了，虽然是用心的写了每一篇，但是对公众号的运营和数据的增长没有太上心。 不过通过微信助手，第一次看到有人订阅，第一次看到订阅量超过40，第一次看到单篇阅读量超过200，第一次看到读者分布国内20几个城市和国外4个城市，内心中还是有小小激动和大大的鼓舞。
 
-![wechat-data-growth]({{ site.url }}{{site.baseurl}}/images/data-growth-02.jpg){:height="50%" width="50%"}
+![wechat-data-growth]({{ site.url }}{{site.baseurl}}/images/data-growth-02.jpg)
 
 然后我慢慢觉得这样的历史数据的统计和趋势分析很有价值，它为你的公众号或者博客的数据增长提供了可以持续改进的直观反馈。
 

_posts/2019-05-25-警惕忽悠.md

@@ -5,7 +5,7 @@ author: liuning0820
 comments: true
 ---
 
-![警惕忽悠是一辈子的事情]({{ site.url }}{{site.baseurl}}/images/jingtihuyou.jpg){:height="50%" width="50%"}
+![警惕忽悠是一辈子的事情]({{ site.url }}{{site.baseurl}}/images/jingtihuyou.jpg)
 
 小品《卖拐》 把我们忽悠的开怀大笑， 电视购物广告中“某某产品原价999，现在只要99” 也已成为我们的讥笑对象。我们的笑里有开心，更多的是对上当受骗者的嘲笑。
 但是这些个能忽悠之人以及他们说的忽悠人的话，确对受众百试不爽。

_posts/2019-06-30-the-future-of-devops-as-a-service.md

@@ -25,7 +25,7 @@ CI工具能够及时从SVN中央服务器定时获取代码进行编译，来防
 这几年来，容器化发展，各种DevOps的工具层出不穷，各大企业纷纷构建出了企业级的DevOps平台来完成CI/CD。 我们称之为 Enterprise DevOps 时代。
 这里开始会有很多开销，比如各种环境的云资源的申请和闲置，比如海量管理软件包的存储仓库的开销等。
 
-![DevOps Pipeline]({{ site.url }}{{site.baseurl}}/images/devops-pipeline.jpg){:height="50%" width="50%"}
+![DevOps Pipeline]({{ site.url }}{{site.baseurl}}/images/devops-pipeline.jpg)
 
 这两年，一些个龙头企业，包括微软，亚马逊整合了自己Cloud 服务方面的各方面的能力，推出了DevOps 服务。一些中小企业，以后完全没有必要自建DevOps平台，直接SRE团队对接这些DevOps服务。我赞同这可能是趋势，以后你看着服务的账单，服务方也会给你一些报告建议，如何节约不必要的浪费。
 

_posts/2019-07-27-mindset-2019.md

@@ -13,7 +13,7 @@ comments: true
 
 <! --more-- >
 
-![Growth Mindset](/images/mindset-change.jpg){:height="50%" width="50%"}
+![Growth Mindset](/images/mindset-change.jpg)
 
 Table Of Context:
 
@@ -103,22 +103,22 @@ We should all own the content we're creating.
 
 2019/05/24网易相册停止运营
 
-![网易相册停止运营]({{ site.url }}{{site.baseurl}}/images/网易相册关闭通告.jpg){:height="50%" width="50%"}
+![网易相册停止运营]({{ site.url }}{{site.baseurl}}/images/网易相册关闭通告.jpg)
 
 ### 云原生 (Cloud Native) 的目的
 
 以微服务，容器化技术为代表的云原生(Cloud Native)的最终目的可能不仅仅上Cloud, 更有可能包含广泛的分布式IOT设备群。你的应用或者服务既可以运行在公有云，私有云，混合云上，也可以运行在万物互联的任何终端设备上。
 
 ### 和合- 匹配和谐之美的价值观
 
-![和合扇面]({{ site.url }}{{site.baseurl}}/images/harmony-hehe.jpg){:height="50%" width="50%"}
+![和合扇面]({{ site.url }}{{site.baseurl}}/images/harmony-hehe.jpg)
 
 正像一个陶瓷茶杯，如果把陶瓷杯盖换成黄金杯盖，虽然更金贵，但不协调。
 如果把杯盖换成更大的盖子，如锅盖那般大小，盖在上面也不美观。
 
 我们的人生也要追求这样的匹配和谐才能成其美。
 
-![陶瓷茶杯]({{ site.url }}{{site.baseurl}}/images/taocichabei.jpg){:height="50%" width="50%"}
+![陶瓷茶杯]({{ site.url }}{{site.baseurl}}/images/taocichabei.jpg)
 
 ### 最美的生活
 
@@ -137,7 +137,7 @@ We should all own the content we're creating.
 
  “When they built The University of California at Irvine they just put the buildings in. They did not put any sidewalks; they just planted grass. The next year, they came back and put the sidewalks where the trails were in the grass.”
 
-![路上本没有路]({{ site.url }}{{site.baseurl}}/images/trails-in-the-gras-as-feedback-to-put-sidewalks.jpg){:height="50%" width="50%"}
+![路上本没有路]({{ site.url }}{{site.baseurl}}/images/trails-in-the-gras-as-feedback-to-put-sidewalks.jpg)
 
 ## 2019-09
 
@@ -171,7 +171,7 @@ We should all own the content we're creating.
 
 为了强化这种动力，跑步类的APP，比如小米运动里有达标天数，周报，获得勋章等活动，并且建立排行榜，看看朋友里面谁领先、谁落后。里面有社交健身达人的分享和秀身材和肌肉的美照，它还提供各种健身课程，帮助你提高。有了这样的措施，很多人就真的坚持下来了，跑步从健身运动，变成了社交活动和心灵修炼。
 
-![Activities]({{ site.url }}{{site.baseurl}}/images/quantified_self.jpg){:height="50%" width="50%"}
+![Activities]({{ site.url }}{{site.baseurl}}/images/quantified_self.jpg)
 
 其实我想问的是，这种商业模式为什么会成功？这里到底是社交的欲望，还是自省反馈获取自知之明的人性的精神需求？
 
@@ -197,7 +197,7 @@ We should all own the content we're creating.
 出去真的是一种冒险吗？
 那坚守平凡不也是一种冒险吗？
 
-![内心之战]({{ site.url }}{{site.baseurl}}/images/勇于冒险去甘于平凡.jpg){:height="50%" width="50%"}
+![内心之战]({{ site.url }}{{site.baseurl}}/images/勇于冒险去甘于平凡.jpg)
 
 相比之下，觉察到潜在的威胁（物质生活的，精神生活的，抑或是所谓焦虑产生的），然后力求改变，大胆地走出去，面对一些陌生人和事去接受所谓的挑战，再学点新的知识，其实并没有那么难。
 
@@ -217,7 +217,7 @@ We should all own the content we're creating.
 
 国庆回了趟老家，临别的时候，84岁的太奶奶嘱咐我说：“要照顾好自己，天将冷了，要买点猪蹄之类的炖炖给自己保本。身体就是本钱，有个好身体，就是保本。”
 
-![退出熬夜界]({{ site.url }}{{site.baseurl}}/images/熬夜界.jpg){:height="50%" width="50%"}
+![退出熬夜界]({{ site.url }}{{site.baseurl}}/images/熬夜界.jpg)
 
 ### Less or Mass
 
@@ -226,7 +226,7 @@ We should all own the content we're creating.
 古代的半部论语治天下的例子就不必说了，就算30年前，搞IT的能搞懂经典的基本教材就可以开疆拓土了。
 而今天书籍是铺天盖地，技术的发展是层出不穷，网络的资源更是爆炸井喷式的，很容易就迷失在找寻与盲目跟随中。
 
-![迷失方向]({{ site.url }}{{site.baseurl}}/images/迷失.jpg){:height="50%" width="50%"}
+![迷失方向]({{ site.url }}{{site.baseurl}}/images/迷失.jpg)
 
 对此，现在我认为经典的，基础的越来越重要，而对于新书籍，新知识，新技术，新框架，我们首先搞清楚他的缘由，为什么
 会有这种新技术、框架的诞生，它能解决什么问题。读书也不光是获取资讯新知，更要带着增强理解的目的去阅读。
@@ -235,8 +235,8 @@ We should all own the content we're creating.
 
 数字淘汰是指数字资源由于其过时的格式而不再可读的情况。主要分两个类别。
 
-![Floppy-Disk]({{ site.url }}{{site.baseurl}}/images/floppy-disk.jpg){:height="50%" width="50%"}
-![磁带]({{ site.url }}{{site.baseurl}}/images/magnetic-tape.jpg){:height="50%" width="50%"}
+![Floppy-Disk]({{ site.url }}{{site.baseurl}}/images/floppy-disk.jpg)
+![磁带]({{ site.url }}{{site.baseurl}}/images/magnetic-tape.jpg)
 
 - **硬件过时** 比如软盘和软盘驱动器，比如磁带和录音机，还有即将被淘汰的CD与光盘驱动器。
 - **软件过时** 比如某软件自带封闭的数据格式被商业化或者因淘汰而不再可用
@@ -265,7 +265,7 @@ We should all own the content we're creating.
 
 这个世界有个非常怪的现象： 我们向往悠闲自得的生活，可是每当我们有一点空闲时，大部分的人就去寻找某种形式的让人分心的事情去做。比如听歌，刷手机，追剧，读书，运动等娱乐形式。我们害怕独处，总是不断需要娱乐，被外界的事物牵着鼻子走。
 
-![life-is-a-crazy-ride]({{ site.url }}{{site.baseurl}}/images/life-is-a-crazy-ride.jpg){:height="50%" width="50%"}
+![life-is-a-crazy-ride]({{ site.url }}{{site.baseurl}}/images/life-is-a-crazy-ride.jpg)
 
 ### 视频广告与会员-时间与金钱
 
@@ -278,7 +278,7 @@ We should all own the content we're creating.
 
 当年，雅虎/新浪的信息中枢曾是互联网用户的第一入口，后来Google/百度凭借自己强大的搜索引擎抢占了人口，现在移动互联网时代，手机端的一些社会网络化服务(social networking services)软件比如Facebook/微信/支付宝又把入口夺了过来。你现在可以一天不上浏览器查百度，但你肯定会在刷朋友圈/公众号文章/小程序。
 
-![internet-entrance]({{ site.url }}{{site.baseurl}}/images/internet-entrance.jpg){:height="50%" width="50%"}
+![internet-entrance]({{ site.url }}{{site.baseurl}}/images/internet-entrance.jpg)
 
 有人的地方，就有江湖。人往哪里，资本就涌向哪里，江湖的入口就在哪里。
 那下个时代的网络入口在哪里呢？

_posts/2019-08-03-呵呵所谓的营销.md

@@ -21,7 +21,7 @@ comments: true
 客服还是用“祝您生活愉快”很友好地跟我结束了这通电话。
 
 下图是我从电信的微信公众号里截取的图片，注意这里没有提用不满10G流量的违约金的问题，有隐瞒嫌疑。
-![营销-电信-宽带升级]({{ site.url }}{{site.baseurl}}/images/营销-电信-宽带升级.jpg){:height="50%" width="50%"}
+![营销-电信-宽带升级]({{ site.url }}{{site.baseurl}}/images/营销-电信-宽带升级.jpg)
 
 我假想一下，如果我贪大求快地接受了这个升级，会发生下面2种情况：
 

_posts/2019-08-14-history-witness.md

@@ -20,7 +20,7 @@ title: "历史见证者"
 
 可是现在伴随平板，移动互联网长大的小孩，等他们长大，这些个历史会离他们越来越远，保留这些亲历者的口述历史，不管对错，将来至少是可研究，可探索的资源。
 
-![忘记历史意味着背叛]({{ site.url }}{{site.baseurl}}/images/忘记历史意味着背叛.jpg){:height="50%" width="50%"}
+![忘记历史意味着背叛]({{ site.url }}{{site.baseurl}}/images/忘记历史意味着背叛.jpg)
 
 我的外婆，今年83岁，给我讲述了1947年她的一段经历，这是历史，也是关系我家族的命运史，我纪录一下。
 

_posts/2019-08-31-CD光盘还能活多久.md

@@ -18,14 +18,14 @@ title: "复制防盗版CD光盘"
 光驱加载CD后，发现里面是一堆*.cda 结尾的文件，显示大小只是几十kb，用播放器直接播放CD是没有问题的，但是当我把内容拷贝到U盘后，
 用播放器播放U盘内的文件时，却报错说无法加载，原因是从CD拷贝过来的文件被加密了。
 
-![CD 翻录]({{ site.url }}{{site.baseurl}}/images/cd-front.jpg){:height="50%" width="50%"}
+![CD 翻录]({{ site.url }}{{site.baseurl}}/images/cd-front.jpg)
 
 到底是定价5元一张的CD，倒是在防盗版，防COPY 传播上做足了功课。可是作为孩子的学习的教育资源，希望随着科技的发展，教育资源的传播媒介，介质能更丰富和紧跟时代一点。
 
-![CD 翻录]({{ site.url }}{{site.baseurl}}/images/cd-back.jpg){:height="50%" width="50%"}
+![CD 翻录]({{ site.url }}{{site.baseurl}}/images/cd-back.jpg)
 
 ## 解决方法，光盘文件翻录
 
 把cd放入光驱后，用Windows Media Player播放。点击“翻录”选项卡，点击右下角的“开始翻录”。可以看到进度条前进，100%的时候出现提示“已复制到媒体库”。在媒体库里面就可以看到翻录的文件了，系统默认是.wav的，你可以在翻录选项卡里对文件格式和各参数进行修整。
 
-![CD 翻录]({{ site.url }}{{site.baseurl}}/images/cd-burn-windows-media-player.jpg){:height="50%" width="50%"}
+![CD 翻录]({{ site.url }}{{site.baseurl}}/images/cd-burn-windows-media-player.jpg)