Denny's Blog

好多网站都会有这样的需求，展示一个地图，上面标记出一些地名或者城市。如下图所示。

众所周知，Google和baidu都提供了地图服务，象上述这个小功能肯定提供了API来实现。本人没有开发过GIS，上网搜索后，找到了一个解决办法，纪录之，已供学习用。参考

• 首先在Html的标记中添加如下语句

<script src="//maps.googleapis.com/maps/api/js?sensor=false&key=Your_API_Key" type="text/javascript"></script>

• 然后添加初始化地图的js函数initialize()

  var map = new google.maps.Map(
    document.getElementById('map_canvas'), {
      center: new google.maps.LatLng(39.943096343663754,116.4474801854858),
      zoom: 11,
      mapTypeId: google.maps.MapTypeId.ROADMAP
  });
  
  var marker = new google.maps.Marker({
        position: new google.maps.LatLng(39.943096343663754,116.4474801854858),
        map: map
  });
  
  var marker1 = new google.maps.Marker({
        position: new google.maps.LatLng(39.99855,116.470013),
        map: map
  });
  

  google.maps.event.addDomListener(window, 'load', initialize);

• 接下来，在页面中添加map的div，代码如下

<div id="map_canvas"></div>

这样就可以在网页中看到有标志的Google地图了。

那么如何得到某个城市或者地方的准确经纬度呢？可以访问这个网址，输入地名，就可以得到对应的经纬度。

http://www.gpsspg.com/maps.htm

第四天

网站功能

博客不用太复杂，能发文章，评论即可，文章可以按类别和时间归类就行。

Jekyll提供了基本的Post维护，虽然说有category，tag等标记功能，但是文章的归档就没有。幸好它提供plugin，自己能够实现想要的功能。

对于一篇Post文章，其中包含两类数据：

• YAML Front Matter标记：记录文章的属性，例如layout，title，category，以及任何自己想定义的属性，这些标记都会被Liquid templating engine解析，并且记录到data数据中，等到render这些页面的时候，用Liquid标记来获得这些数据，展示在新生成的页面中。参考

• Liquid标记：两种语法，一是显示数据，二是操作数据。参考

有了如上的知识，可以发表自己的post，可是如果想让文章归类显示，在首页中弄个category list块，还是需要plugin的帮助。

起初想自己按照说明实现categary和archive的文章生成功能和categary_list列表块。可是不知道什么原因，generate总是不执行，无法生成页面，而且还找不到好的调试手段。 改变策略，直接把现成的plugin copy过来还是无法生成，最后翻看文档才明白，我在config配置文件中，把safe设置为true，这样所有的plugins都被屏蔽。

算是搞定一个问题，继续中…

第五天

优化layout，使用include，layout可以嵌套，layout中大量使用Liquid标记。

第六天

完善plugin，给网站添加comment功能。

第七天

学习markdown语法，部署代码

github page不支持unsafe plugin， 所以我自己写的plugin在page上无法执行，刚碰到这个问题时，让我很是疑惑，在本地一点问题都没有，怎么放上去就是没有效果，最后才找到，page的config文件中safe默认是打开的。 为了解决这个问题，github提供了两种方案，参见，思来想去，我还是觉得采取第一种方案比较简单。

至此，我的博客重新搞定，坚持写下去是目前的首要任务，这个建站过程就是新开篇吧！

序

三年前，为了体验heroku这个新东西，用rails写了一个简单的个人博客；

两年前，知道github page的功能，依据官方文档，仿照别人的博客，构建了自己在github的博客，还增加了一些博文，这次动作还比较大，用自己的名字申请了域名，可是写博文的习惯没有形成；

一年前，域名没有续费，停止解析；

年前，感觉到压力，重新审视自己，迷茫…

年后，压力依然在，最低目标确定——继续好好写博文，增加知名度，迷茫减少中…，犹豫和紧迫感剧增。

不怕慢只怕站——从小事做起——马上开始

第一天

最低目标确定后，决定拥有一个漂亮好用的博客是首要任务。

怎样才能拥有这样的博客呢？途径有二：

• 在各种流行的技术网站申请一个帐号，开通自己的博客
• 自己手动写，租个空间，自己部署维护

作为一个技术人员，毫不犹豫的选择二。脑海中马上出现如下问题：

要不要自己的域名？

直接上Godaddy上查询，自己想要的域名还在，每年的费用是9.9美元。

虚拟空间租用哪里的？

大家都知道的原因，直接考虑国外的空间，免费空间有点不靠谱。网上找了好几家， 最便宜的是ipage，1.99美元／月，其他像bluehost，justhost，godaddy，webhost等都是每月5美元左右。

走什么技术路线，用开源还是自己开发？

最近几年都是rails用开发，想当然的想用rails开发自己的博客，可是这样的空间不多；去年也用drupal，wordpress等开源的东西搭建了几个小网站，一时间也定不下采用那种方案。

博客想要那些功能？

最基本的写文章，评论。

博客风格是什么样的？

简单，好看

第二天

纠结于技术路线的选取。

模仿是我的能力，了解一下牛人是怎么搭建博客的，于是上网查看了一些人的网站。 Robbin最近更新了自己的博客，用ruby写了一个简单清新好运的博客，Seven用github的page功能作为自己的技术博客，Richard 也是用github。

阮一峰的一篇文章，让我有了决定，文章请参见

最后决定更新我在github上的博客，注意是更新，因为两年前我都建立了它，只是一直没有维护和更新博文内容。

第三天

技术定了后，博客的风格就是接下来要解决的问题。

在google里，所有blog template，找到好多都是blogger的模板文件。咱在blogger中也是有帐号的，可惜一篇文章都没有。下载几个模板在blogger后台试用后，觉得这些模板都不错，可惜拿来用还是有一定工作量的。

继续我们的模板探索路。

其实首先想到的是bootstrap，功能很强大，总感觉用到这里有点别扭，也许下一个版本可以尝试一下用这个。

除了github外，wordpress写博客也很方便，而且有很多现成的模板。找呀找，终于找到一个觉得不错的模板，可是怎么才能把wordpress的模板转化可用的博客模板呢？采用了最原始的查看源代码，也不知道有没有比这个更好的办法。

虽说是查看源代码，毕竟是要弄个新东西，所以，整个页面的每个部分，header，right，left，footer，一一都要调整好才行。

求其他好办法…