ThreePerson博客

### css ``` body{ #不要设置宽高 否则在某些版本webview中无法自适应屏幕尺寸 #width:720px; #height:1280px; margin: 0; } #bg { position: fixed; width: 100%; height:100%; } /* #telecom{ posi

[Threeperson](http://www.threeperson.com)代码块添加了行号，阅读代码更加清晰，这个也是为了方便后续的评论功能。代码行号样式并不是我写的，本人css资历有限，其实js也是弱的不行，不过拿来即用的本事还是有一点。闲话少说，上代码。 #### 1. 第一步引入pretty css和js ``` <link href="http://cdn.bootcss.com/prettify/r224/prettify.css" rel="stylesheet"> <script src="http://cdn.bootcss.com/prettify/r2

近日小生闲来无事，工作不是太多，利用业余时间学习了一下golang，并学以致用，搭建了个人的博客。 博客后端基于beego framework，前端基于bootstrap。 由于博客功能仍在逐步完善，gopher看了我的博客，发现博文样式不错，问我如何实现的，我在此简单概述一下实现方式。[threeperson](http://www.threeperson.com)博文创建主要依赖Bootstrap Markdown Editor js插件实现。下面贴出主要代码。 * 1）引入依赖css和js ``` <link href="../static/css/bootstrap.

<p><p><p><h2 id="threeperson-">threeperson 左边栏实现描述</h2></p></p></p> <p><p><p><p> 左边栏参考了<a href="http://www.bootcss.com/p/bootstrap-v3/css.html">bootstrap</a>实现方式，下面给出主要的代码片段</p></p></p></p> <p><p><p><h3 id="-html-">左边栏html代码</h3></p></p></p> <pre><code>&lt;div class=&quot;span3 bs-docs-sidebar&q