iovxw

Golang IntelliJ IDEA

换了个IDE玩

LiteIDE用了好久,觉得有些地方不是很符合要求

于是又去试了几个Golang的编辑器

发现IntelliJ IDEA还挺顺手的

各种IDE该有的功能都有了(这不废话么)

配合Golang的插件我认为应该是最好用的Go IDE了

当然缺点就是CPU占用略高

1.1Ghz的渣本有点发热


CPU已经撑不住了


鼠标放到右侧滚轮条可以预览相应的代码


提示功能


自动补全

不知道什么时候能有个中文语言包呢

开始折腾OpenGL

生命在于折腾啊。生命不息,折腾不止。

嗯,准备写一个类似Mineccraft的游戏

基本设定已经弄好了

不过目测是个大坑

希望到时候别弃坑吧

求有经验的人帮忙啊……

下面是go-gl的example源码

顺便测试一下代码高亮

  1. package main
  2. import (
  3. "errors"
  4. "fmt"
  5. "github.com/go-gl/gl"
  6. glfw "github.com/go-gl/glfw3"
  7. "image"
  8. "image/png"
  9. "io"
  10. "os"
  11. )
  12. const (
  13. Title = "Spinning Gopher"
  14. Width = 640
  15. Height = 480
  16. )
  17. var (
  18. texture gl.Texture
  19. rotx, roty float32
  20. ambient []float32 = []float32{0.5, 0.5, 0.5, 1}
  21. diffuse []float32 = []float32{1, 1, 1, 1}
  22. lightpos []float32 = []float32{-5, 5, 10, 0}
  23. )
  24. func errorCallback(err glfw.ErrorCode, desc string) {
  25. fmt.Printf("%v: %v\n", err, desc)
  26. }
  27. func main() {
  28. glfw.SetErrorCallback(errorCallback)
  29. if !glfw.Init() {
  30. panic("Can't init glfw!")
  31. }
  32. defer glfw.Terminate()
  33. window, err := glfw.CreateWindow(Width, Height, Title, nil, nil)
  34. if err != nil {
  35. panic(err)
  36. }
  37. window.MakeContextCurrent()
  38. glfw.SwapInterval(1)
  39. gl.Init()
  40. if err := initScene(); err != nil {
  41. fmt.Fprintf(os.Stderr, "init: %s\n", err)
  42. return
  43. }
  44. defer destroyScene()
  45. for !window.ShouldClose() {
  46. drawScene()
  47. window.SwapBuffers()
  48. glfw.PollEvents()
  49. }
  50. }
  51. func createTexture(r io.Reader) (gl.Texture, error) {
  52. img, err := png.Decode(r)
  53. if err != nil {
  54. return gl.Texture(0), err
  55. }
  56. rgbaImg, ok := img.(*image.NRGBA)
  57. if !ok {
  58. return gl.Texture(0), errors.New("texture must be an NRGBA image")
  59. }
  60. textureId := gl.GenTexture()
  61. textureId.Bind(gl.TEXTURE_2D)
  62. gl.TexParameterf(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR)
  63. gl.TexParameterf(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR)
  64. // flip image: first pixel is lower left corner
  65. imgWidth, imgHeight := img.Bounds().Dx(), img.Bounds().Dy()
  66. data := make([]byte, imgWidth*imgHeight*4)
  67. lineLen := imgWidth * 4
  68. dest := len(data) - lineLen
  69. for src := 0; src < len(rgbaImg.Pix); src += rgbaImg.Stride {
  70. copy(data[dest:dest+lineLen], rgbaImg.Pix[src:src+rgbaImg.Stride])
  71. dest -= lineLen
  72. }
  73. gl.TexImage2D(gl.TEXTURE_2D, 0, 4, imgWidth, imgHeight, 0, gl.RGBA, gl.UNSIGNED_BYTE, data)
  74. return textureId, nil
  75. }
  76. func initScene() (err error) {
  77. gl.Enable(gl.TEXTURE_2D)
  78. gl.Enable(gl.DEPTH_TEST)
  79. gl.Enable(gl.LIGHTING)
  80. gl.ClearColor(0.5, 0.5, 0.5, 0.0)
  81. gl.ClearDepth(1)
  82. gl.DepthFunc(gl.LEQUAL)
  83. gl.Lightfv(gl.LIGHT0, gl.AMBIENT, ambient)
  84. gl.Lightfv(gl.LIGHT0, gl.DIFFUSE, diffuse)
  85. gl.Lightfv(gl.LIGHT0, gl.POSITION, lightpos)
  86. gl.Enable(gl.LIGHT0)
  87. gl.Viewport(0, 0, Width, Height)
  88. gl.MatrixMode(gl.PROJECTION)
  89. gl.LoadIdentity()
  90. gl.Frustum(-1, 1, -1, 1, 1.0, 10.0)
  91. gl.MatrixMode(gl.MODELVIEW)
  92. gl.LoadIdentity()
  93. goph, err := os.Open("gopher.png")
  94. if err != nil {
  95. panic(err)
  96. }
  97. defer goph.Close()
  98. texture, err = createTexture(goph)
  99. return
  100. }
  101. func destroyScene() {
  102. texture.Delete()
  103. }
  104. func drawScene() {
  105. gl.Clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT)
  106. gl.MatrixMode(gl.MODELVIEW)
  107. gl.LoadIdentity()
  108. gl.Translatef(0, 0, -3.0)
  109. gl.Rotatef(rotx, 1, 0, 0)
  110. gl.Rotatef(roty, 0, 1, 0)
  111. rotx += 0.5
  112. roty += 0.1
  113. texture.Bind(gl.TEXTURE_2D)
  114. gl.Color4f(1, 1, 1, 1)
  115. gl.Begin(gl.QUADS)
  116. gl.Normal3f(0, 0, 1)
  117. gl.TexCoord2f(0, 0)
  118. gl.Vertex3f(-1, -1, 1)
  119. gl.TexCoord2f(1, 0)
  120. gl.Vertex3f(1, -1, 1)
  121. gl.TexCoord2f(1, 1)
  122. gl.Vertex3f(1, 1, 1)
  123. gl.TexCoord2f(0, 1)
  124. gl.Vertex3f(-1, 1, 1)
  125. gl.Normal3f(0, 0, -1)
  126. gl.TexCoord2f(1, 0)
  127. gl.Vertex3f(-1, -1, -1)
  128. gl.TexCoord2f(1, 1)
  129. gl.Vertex3f(-1, 1, -1)
  130. gl.TexCoord2f(0, 1)
  131. gl.Vertex3f(1, 1, -1)
  132. gl.TexCoord2f(0, 0)
  133. gl.Vertex3f(1, -1, -1)
  134. gl.Normal3f(0, 1, 0)
  135. gl.TexCoord2f(0, 1)
  136. gl.Vertex3f(-1, 1, -1)
  137. gl.TexCoord2f(0, 0)
  138. gl.Vertex3f(-1, 1, 1)
  139. gl.TexCoord2f(1, 0)
  140. gl.Vertex3f(1, 1, 1)
  141. gl.TexCoord2f(1, 1)
  142. gl.Vertex3f(1, 1, -1)
  143. gl.Normal3f(0, -1, 0)
  144. gl.TexCoord2f(1, 1)
  145. gl.Vertex3f(-1, -1, -1)
  146. gl.TexCoord2f(0, 1)
  147. gl.Vertex3f(1, -1, -1)
  148. gl.TexCoord2f(0, 0)
  149. gl.Vertex3f(1, -1, 1)
  150. gl.TexCoord2f(1, 0)
  151. gl.Vertex3f(-1, -1, 1)
  152. gl.Normal3f(1, 0, 0)
  153. gl.TexCoord2f(1, 0)
  154. gl.Vertex3f(1, -1, -1)
  155. gl.TexCoord2f(1, 1)
  156. gl.Vertex3f(1, 1, -1)
  157. gl.TexCoord2f(0, 1)
  158. gl.Vertex3f(1, 1, 1)
  159. gl.TexCoord2f(0, 0)
  160. gl.Vertex3f(1, -1, 1)
  161. gl.Normal3f(-1, 0, 0)
  162. gl.TexCoord2f(0, 0)
  163. gl.Vertex3f(-1, -1, -1)
  164. gl.TexCoord2f(1, 0)
  165. gl.Vertex3f(-1, -1, 1)
  166. gl.TexCoord2f(1, 1)
  167. gl.Vertex3f(-1, 1, 1)
  168. gl.TexCoord2f(0, 1)
  169. gl.Vertex3f(-1, 1, -1)
  170. gl.End()
  171. }

博客优化完成

因为某些原因,优化博客访问速度

因为某些众所周知的原因,谷歌访问不稳定,而这个博客本身的字体是用的谷歌的API,所以打开死慢= =

于是刚刚把整个css和字体都下载到了本地,访问速度应该会提升

希望Github别不稳定啊……不然就真挂了

Go语言GLFW3库的安装

编译&&安装GLFW3

因为想要写一个小游戏玩玩,然后需要安装GLFW3

于是写了这么一个教程备用

首先,安装需要的lib库

sudo apt-get install libxrandr-dev libxi-dev

当然已经安装过的就不用了,不过反正也不会重复安装,忘记的话就运行一遍试试吧

下载GLFW源码

http://www.glfw.org

编译

cmake -DBUILD_SHARED_LIBS=ON

cmake_install.cmake

打开cmake_install.cmake,修改SET(CMAKE_INSTALL_PREFIX "/usr/local")SET(CMAKE_INSTALL_PREFIX "/usr")

然后make+sudo make install

go get -u github.com/go-gl/glfw3

======END======

让XP继续接受更新

通过修改注册表来让XP继续接受更新

Betanews看到了让XP继续更新的方法

大体过程如下:

1.新建一个文件扩展名为.reg的文件(例如updates.reg

2.用文本编辑器打开

3.修改内容为

Windows Registry Editor Version 5.00
[HKEY_LOCAL_MACHINE\SYSTEM\WPA\PosReady]
"Installed"=dword:00000001

4.保存,然后双击它

现在打开更新管理器就会发现有新的更新可用了

这个的原理是欺骗Windows Update,让它把你的电脑识别为Windows Embedded POSReady 2009

而Windows Embedded POSReady 2009的支持日期一直到2019年4月9日

当然这不是最好的解决办法,要想一直有免费升级的话,还是去用Linux吧

最起码你不用再担心系统是不是安全了

Github Page自定义404页面

404呦

想给博客自定义一个404页面,毕竟老用Github默认的也不太好

于是乎上网翻了一下,发现貌似没中文介绍

然后在Github Page官方帮助找到了

很简单

只需要在根目录新建一个404.html即可

当然有个前提,就是你必须要先绑定独立域名,不然会出错的

至于怎么绑定……还是百度吧,也很简单……

手机版搞定!

弄好了博客的手机版

我是图

如图,把浏览器缩放到手机大小就可以预览了

测试TEST

用来测试主题控件

  <div class="page-header" id="banner">
    <div class="row">
      <div class="col-lg-6">
        <h1>Yeti</h1>
        <p class="lead">A friendly foundation</p>
      </div>
      <div class="col-lg-6" style="padding: 15px 15px 0 15px;">
        <div class="well sponsor">
          <a href="http://srv.buysellads.com/direct/click/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onclick="_gaq.push(['_trackEvent', 'banner', 'click', 'treehouse']);" rel="nofollow" target="_blank">
            <span style="float: left; margin-right: 15px;">
              <img src="http://srv.buysellads.com/direct/image/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onload="_gaq.push(['_trackEvent', 'banner', 'impression', 'treehouse']);" height="135" width="175">
            </span>
          </a>
          <a href="http://srv.buysellads.com/direct/click/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onclick="_gaq.push(['_trackEvent', 'banner', 'click', 'treehouse']);" rel="nofollow" target="_blank">
            <h4 style="margin-bottom: 0.4em;">Treehouse</h4>
            <div class="clearfix">
              <p>Learn Web Design, Coding, Mobile App Development &amp; More.</p>
              <p>Start Learning for Free!</p>
            </div>
          </a>
        </div>
      </div>
    </div>
  </div>
  <!-- Navbar
  ================================================== -->
  <div class="bs-docs-section clearfix">
    <div class="row">
      <div class="col-lg-12">
        <div class="page-header">
          <h1 id="navbar">Navbar</h1>
        </div>
        <div class="bs-component">
          <div class="navbar navbar-default">
            <div class="navbar-header">
              <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
              <a class="navbar-brand" href="#">Brand</a>
            </div>
            <div class="navbar-collapse collapse navbar-responsive-collapse">
              <ul class="nav navbar-nav">
                <li class="active"><a href="#">Active</a></li>
                <li><a href="#">Link</a></li>
                <li class="dropdown">
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
                  <ul class="dropdown-menu">
                    <li><a href="#">Action</a></li>
                    <li><a href="#">Another action</a></li>
                    <li><a href="#">Something else here</a></li>
                    <li class="divider"></li>
                    <li class="dropdown-header">Dropdown header</li>
                    <li><a href="#">Separated link</a></li>
                    <li><a href="#">One more separated link</a></li>
                  </ul>
                </li>
              </ul>
              <form class="navbar-form navbar-left">
                <input class="form-control col-lg-8" placeholder="Search" type="text">
              </form>
              <ul class="nav navbar-nav navbar-right">
                <li><a href="#">Link</a></li>
                <li class="dropdown">
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
                  <ul class="dropdown-menu">
                    <li><a href="#">Action</a></li>
                    <li><a href="#">Another action</a></li>
                    <li><a href="#">Something else here</a></li>
                    <li class="divider"></li>
                    <li><a href="#">Separated link</a></li>
                  </ul>
                </li>
              </ul>
            </div>
          </div>
        </div>
        <div class="bs-component">
          <div class="navbar navbar-inverse">
            <div class="navbar-header">
              <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-inverse-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
              <a class="navbar-brand" href="#">Brand</a>
            </div>
            <div class="navbar-collapse collapse navbar-inverse-collapse">
              <ul class="nav navbar-nav">
                <li class="active"><a href="#">Active</a></li>
                <li><a href="#">Link</a></li>
                <li class="dropdown">
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
                  <ul class="dropdown-menu">
                    <li><a href="#">Action</a></li>
                    <li><a href="#">Another action</a></li>
                    <li><a href="#">Something else here</a></li>
                    <li class="divider"></li>
                    <li class="dropdown-header">Dropdown header</li>
                    <li><a href="#">Separated link</a></li>
                    <li><a href="#">One more separated link</a></li>
                  </ul>
                </li>
              </ul>
              <form class="navbar-form navbar-left">
                <input class="form-control col-lg-8" placeholder="Search" type="text">
              </form>
              <ul class="nav navbar-nav navbar-right">
                <li><a href="#">Link</a></li>
                <li class="dropdown">
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
                  <ul class="dropdown-menu">
                    <li><a href="#">Action</a></li>
                    <li><a href="#">Another action</a></li>
                    <li><a href="#">Something else here</a></li>
                    <li class="divider"></li>
                    <li><a href="#">Separated link</a></li>
                  </ul>
                </li>
              </ul>
            </div>
          </div>
        </div><!-- /example -->
      </div>
    </div>
  </div>
  <!-- Buttons
  ================================================== -->
  <div class="bs-docs-section">
    <div class="page-header">
      <div class="row">
        <div class="col-lg-12">
          <h1 id="buttons">Buttons</h1>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-6">
        <p class="bs-component">
          <button type="button" class="btn btn-default">Default</button>
          <button type="button" class="btn btn-primary">Primary</button>
          <button type="button" class="btn btn-success">Success</button>
          <button type="button" class="btn btn-info">Info</button>
          <button type="button" class="btn btn-warning">Warning</button>
          <button type="button" class="btn btn-danger">Danger</button>
          <button type="button" class="btn btn-link">Link</button>
        </p>
        <p class="bs-component">
          <button type="button" class="btn btn-default disabled">Default</button>
          <button type="button" class="btn btn-primary disabled">Primary</button>
          <button type="button" class="btn btn-success disabled">Success</button>
          <button type="button" class="btn btn-info disabled">Info</button>
          <button type="button" class="btn btn-warning disabled">Warning</button>
          <button type="button" class="btn btn-danger disabled">Danger</button>
          <button type="button" class="btn btn-link disabled">Link</button>
        </p>
        <div style="margin-bottom: 15px;">
          <div class="btn-toolbar bs-component" style="margin: 0;">
            <div class="btn-group">
              <button type="button" class="btn btn-default">Default</button>
              <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
              <ul class="dropdown-menu">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li class="divider"></li>
                <li><a href="#">Separated link</a></li>
              </ul>
            </div>
            <div class="btn-group">
              <button type="button" class="btn btn-primary">Primary</button>
              <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
              <ul class="dropdown-menu">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li class="divider"></li>
                <li><a href="#">Separated link</a></li>
              </ul>
            </div>
            <div class="btn-group">
              <button type="button" class="btn btn-success">Success</button>
              <button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
              <ul class="dropdown-menu">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li class="divider"></li>
                <li><a href="#">Separated link</a></li>
              </ul>
            </div>
            <div class="btn-group">
              <button type="button" class="btn btn-info">Info</button>
              <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
              <ul class="dropdown-menu">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li class="divider"></li>
                <li><a href="#">Separated link</a></li>
              </ul>
            </div>
            <div class="btn-group">
              <button type="button" class="btn btn-warning">Warning</button>
              <button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
              <ul class="dropdown-menu">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li class="divider"></li>
                <li><a href="#">Separated link</a></li>
              </ul>
            </div>
          </div>
        </div>
        <p class="bs-component">
          <button type="button" class="btn btn-primary btn-lg">Large button</button>
          <button type="button" class="btn btn-primary">Default button</button>
          <button type="button" class="btn btn-primary btn-sm">Small button</button>
          <button type="button" class="btn btn-primary btn-xs">Mini button</button>
        </p>
      </div>
      <div class="col-lg-6">
        <p class="bs-component">
          <button type="button" class="btn btn-default btn-lg btn-block">Block level button</button>
        </p>
        <div class="bs-component" style="margin-bottom: 15px;">
          <div class="btn-group btn-group-justified">
            <a href="#" class="btn btn-default">Left</a>
            <a href="#" class="btn btn-default">Middle</a>
            <a href="#" class="btn btn-default">Right</a>
          </div>
        </div>
        <div class="bs-component" style="margin-bottom: 15px;">
          <div class="btn-toolbar">
            <div class="btn-group">
              <button type="button" class="btn btn-default">1</button>
              <button type="button" class="btn btn-default">2</button>
              <button type="button" class="btn btn-default">3</button>
              <button type="button" class="btn btn-default">4</button>
            </div>
            <div class="btn-group">
              <button type="button" class="btn btn-default">5</button>
              <button type="button" class="btn btn-default">6</button>
              <button type="button" class="btn btn-default">7</button>
            </div>
            <div class="btn-group">
              <button type="button" class="btn btn-default">8</button>
              <div class="btn-group">
                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                  Dropdown
                  <span class="caret"></span>
                </button>
                <ul class="dropdown-menu">
                  <li><a href="#">Dropdown link</a></li>
                  <li><a href="#">Dropdown link</a></li>
                  <li><a href="#">Dropdown link</a></li>
                 </ul>
              </div>
            </div>
          </div>
        </div>
        <div class="bs-component">
          <div class="btn-group-vertical">
              <button type="button" class="btn btn-default">Button</button>
              <button type="button" class="btn btn-default">Button</button>
              <button type="button" class="btn btn-default">Button</button>
              <button type="button" class="btn btn-default">Button</button>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- Typography
  ================================================== -->
  <div class="bs-docs-section">
    <div class="row">
      <div class="col-lg-12">
        <div class="page-header">
          <h1 id="type">Typography</h1>
        </div>
      </div>
    </div>
    <!-- Headings -->
    <div class="row">
      <div class="col-lg-4">
        <div class="bs-component">
          <h1>Heading 1</h1>
          <h2>Heading 2</h2>
          <h3>Heading 3</h3>
          <h4>Heading 4</h4>
          <h5>Heading 5</h5>
          <h6>Heading 6</h6>
          <p class="lead">Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p>
        </div>
      </div>
      <div class="col-lg-4">
        <div class="bs-component">
          <h2>Example body text</h2>
          <p>Nullam quis risus eget <a href="#">urna mollis ornare</a> vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.</p>
          <p><small>This line of text is meant to be treated as fine print.</small></p>
          <p>The following snippet of text is <strong>rendered as bold text</strong>.</p>
          <p>The following snippet of text is <em>rendered as italicized text</em>.</p>
          <p>An abbreviation of the word attribute is <abbr title="attribute">attr</abbr>.</p>
        </div>
      </div>
      <div class="col-lg-4">
        <div class="bs-component">
          <h2>Emphasis classes</h2>
          <p class="text-muted">Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.</p>
          <p class="text-primary">Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
          <p class="text-warning">Etiam porta sem malesuada magna mollis euismod.</p>
          <p class="text-danger">Donec ullamcorper nulla non metus auctor fringilla.</p>
          <p class="text-success">Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p>
          <p class="text-info">Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
        </div>
      </div>
    </div>
    <!-- Blockquotes -->
    <div class="row">
      <div class="col-lg-12">
        <h2 id="type-blockquotes">Blockquotes</h2>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-6">
        <div class="bs-component">
          <blockquote>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
            <small>Someone famous in <cite title="Source Title">Source Title</cite></small>
          </blockquote>
        </div>
      </div>
      <div class="col-lg-6">
        <div class="bs-component">
          <blockquote class="pull-right">
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
            <small>Someone famous in <cite title="Source Title">Source Title</cite></small>
          </blockquote>
        </div>
      </div>
    </div>
  </div>
  <!-- Tables
  ================================================== -->
  <div class="bs-docs-section">
    <div class="row">
      <div class="col-lg-12">
        <div class="page-header">
          <h1 id="tables">Tables</h1>
        </div>
        <div class="bs-component">
          <table class="table table-striped table-hover ">
            <thead>
              <tr>
                <th>#</th>
                <th>Column heading</th>
                <th>Column heading</th>
                <th>Column heading</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>1</td>
                <td>Column content</td>
                <td>Column content</td>
                <td>Column content</td>
              </tr>
              <tr>
                <td>2</td>
                <td>Column content</td>
                <td>Column content</td>
                <td>Column content</td>
              </tr>
              <tr class="info">
                <td>3</td>
                <td>Column content</td>
                <td>Column content</td>
                <td>Column content</td>
              </tr>
              <tr class="success">
                <td>4</td>
                <td>Column content</td>
                <td>Column content</td>
                <td>Column content</td>
              </tr>
              <tr class="danger">
                <td>5</td>
                <td>Column content</td>
                <td>Column content</td>
                <td>Column content</td>
              </tr>
              <tr class="warning">
                <td>6</td>
                <td>Column content</td>
                <td>Column content</td>
                <td>Column content</td>
              </tr>
              <tr class="active">
                <td>7</td>
                <td>Column content</td>
                <td>Column content</td>
                <td>Column content</td>
              </tr>
            </tbody>
          </table>
        </div><!-- /example -->
      </div>
    </div>
  </div>
  <!-- Forms
  ================================================== -->
  <div class="bs-docs-section">
    <div class="row">
      <div class="col-lg-12">
        <div class="page-header">
          <h1 id="forms">Forms</h1>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-6">
        <div class="well bs-component">
          <form class="form-horizontal">
            <fieldset>
              <legend>Legend</legend>
              <div class="form-group">
                <label for="inputEmail" class="col-lg-2 control-label">Email</label>
                <div class="col-lg-10">
                  <input class="form-control" id="inputEmail" placeholder="Email" type="text">
                </div>
              </div>
              <div class="form-group">
                <label for="inputPassword" class="col-lg-2 control-label">Password</label>
                <div class="col-lg-10">
                  <input class="form-control" id="inputPassword" placeholder="Password" type="password">
                  <div class="checkbox">
                    <label>
                      <input type="checkbox"> Checkbox
                    </label>
                  </div>
                </div>
              </div>
              <div class="form-group">
                <label for="textArea" class="col-lg-2 control-label">Textarea</label>
                <div class="col-lg-10">
                  <textarea class="form-control" rows="3" id="textArea"></textarea>
                  <span class="help-block">A longer block of help text that breaks onto a new line and may extend beyond one line.</span>
                </div>
              </div>
              <div class="form-group">
                <label class="col-lg-2 control-label">Radios</label>
                <div class="col-lg-10">
                  <div class="radio">
                    <label>
                      <input name="optionsRadios" id="optionsRadios1" value="option1" checked="" type="radio">
                      Option one is this
                    </label>
                  </div>
                  <div class="radio">
                    <label>
                      <input name="optionsRadios" id="optionsRadios2" value="option2" type="radio">
                      Option two can be something else
                    </label>
                  </div>
                </div>
              </div>
              <div class="form-group">
                <label for="select" class="col-lg-2 control-label">Selects</label>
                <div class="col-lg-10">
                  <select class="form-control" id="select">
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                    <option>5</option>
                  </select>
                  <br>
                  <select multiple="" class="form-control">
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                    <option>5</option>
                  </select>
                </div>
              </div>
              <div class="form-group">
                <div class="col-lg-10 col-lg-offset-2">
                  <button class="btn btn-default">Cancel</button>
                  <button type="submit" class="btn btn-primary">Submit</button>
                </div>
              </div>
            </fieldset>
          </form>
        </div>
      </div>
      <div class="col-lg-4 col-lg-offset-1">
          <form class="bs-component">
            <div class="form-group">
              <label class="control-label" for="focusedInput">Focused input</label>
              <input class="form-control" id="focusedInput" value="This is focused..." type="text">
            </div>
            <div class="form-group">
              <label class="control-label" for="disabledInput">Disabled input</label>
              <input class="form-control" id="disabledInput" placeholder="Disabled input here..." disabled="" type="text">
            </div>
            <div class="form-group has-warning">
              <label class="control-label" for="inputWarning">Input warning</label>
              <input class="form-control" id="inputWarning" type="text">
            </div>
            <div class="form-group has-error">
              <label class="control-label" for="inputError">Input error</label>
              <input class="form-control" id="inputError" type="text">
            </div>
            <div class="form-group has-success">
              <label class="control-label" for="inputSuccess">Input success</label>
              <input class="form-control" id="inputSuccess" type="text">
            </div>
            <div class="form-group">
              <label class="control-label" for="inputLarge">Large input</label>
              <input class="form-control input-lg" id="inputLarge" type="text">
            </div>
            <div class="form-group">
              <label class="control-label" for="inputDefault">Default input</label>
              <input class="form-control" id="inputDefault" type="text">
            </div>
            <div class="form-group">
              <label class="control-label" for="inputSmall">Small input</label>
              <input class="form-control input-sm" id="inputSmall" type="text">
            </div>
            <div class="form-group">
              <label class="control-label">Input addons</label>
              <div class="input-group">
                <span class="input-group-addon">$</span>
                <input class="form-control" type="text">
                <span class="input-group-btn">
                  <button class="btn btn-default" type="button">Button</button>
                </span>
              </div>
            </div>
          </form>
      </div>
    </div>
  </div>
  <!-- Navs
  ================================================== -->
  <div class="bs-docs-section">
    <div class="row">
      <div class="col-lg-12">
        <div class="page-header">
          <h1 id="nav">Navs</h1>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-4">
        <h2 id="nav-tabs">Tabs</h2>
        <div class="bs-component">
          <ul class="nav nav-tabs" style="margin-bottom: 15px;">
            <li class="active"><a href="#home" data-toggle="tab">Home</a></li>
            <li><a href="#profile" data-toggle="tab">Profile</a></li>
            <li class="disabled"><a>Disabled</a></li>
            <li class="dropdown">
              <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                Dropdown <span class="caret"></span>
              </a>
              <ul class="dropdown-menu">
                <li><a href="#dropdown1" data-toggle="tab">Action</a></li>
                <li class="divider"></li>
                <li><a href="#dropdown2" data-toggle="tab">Another action</a></li>
              </ul>
            </li>
          </ul>
          <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade active in" id="home">
              <p>Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.</p>
            </div>
            <div class="tab-pane fade" id="profile">
              <p>Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit.</p>
            </div>
            <div class="tab-pane fade" id="dropdown1">
              <p>Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork.</p>
            </div>
            <div class="tab-pane fade" id="dropdown2">
              <p>Trust fund seitan letterpress, keytar raw denim keffiyeh etsy art party before they sold out master cleanse gluten-free squid scenester freegan cosby sweater. Fanny pack portland seitan DIY, art party locavore wolf cliche high life echo park Austin. Cred vinyl keffiyeh DIY salvia PBR, banh mi before they sold out farm-to-table VHS viral locavore cosby sweater.</p>
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-4">
        <h2 id="nav-pills">Pills</h2>
        <div class="bs-component">
          <ul class="nav nav-pills">
            <li class="active"><a href="#">Home</a></li>
            <li><a href="#">Profile</a></li>
            <li class="disabled"><a href="#">Disabled</a></li>
            <li class="dropdown">
              <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                Dropdown <span class="caret"></span>
              </a>
              <ul class="dropdown-menu">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li class="divider"></li>
                <li><a href="#">Separated link</a></li>
              </ul>
            </li>
          </ul>
        </div>
        <br>
        <div class="bs-component">
          <ul class="nav nav-pills nav-stacked" style="max-width: 300px;">
            <li class="active"><a href="#">Home</a></li>
            <li><a href="#">Profile</a></li>
            <li class="disabled"><a href="#">Disabled</a></li>
            <li class="dropdown">
              <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                Dropdown <span class="caret"></span>
              </a>
              <ul class="dropdown-menu">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li class="divider"></li>
                <li><a href="#">Separated link</a></li>
              </ul>
            </li>
          </ul>
        </div>
      </div>
      <div class="col-lg-4">
        <h2 id="nav-breadcrumbs">Breadcrumbs</h2>
        <div class="bs-component">
          <ul class="breadcrumb">
            <li class="active">Home</li>
          </ul>
          <ul class="breadcrumb">
            <li><a href="#">Home</a></li>
            <li class="active">Library</li>
          </ul>
          <ul class="breadcrumb" style="margin-bottom: 5px;">
            <li><a href="#">Home</a></li>
            <li><a href="#">Library</a></li>
            <li class="active">Data</li>
          </ul>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-4">
        <h2 id="pagination">Pagination</h2>
        <div class="bs-component">
          <ul class="pagination">
            <li class="disabled"><a href="#">«</a></li>
            <li class="active"><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
            <li><a href="#">»</a></li>
          </ul>
          <ul class="pagination pagination-lg">
            <li class="disabled"><a href="#">«</a></li>
            <li class="active"><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">»</a></li>
          </ul>
          <ul class="pagination pagination-sm">
            <li class="disabled"><a href="#">«</a></li>
            <li class="active"><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
            <li><a href="#">»</a></li>
          </ul>
        </div>
      </div>
      <div class="col-lg-4">
        <h2 id="pager">Pager</h2>
        <div class="bs-component">
          <ul class="pager">
            <li><a href="#">Previous</a></li>
            <li><a href="#">Next</a></li>
          </ul>
          <ul class="pager">
            <li class="previous disabled"><a href="#">← Older</a></li>
            <li class="next"><a href="#">Newer →</a></li>
          </ul>
        </div>
      </div>
      <div class="col-lg-4">
      </div>
    </div>
  </div>
  <!-- Indicators
  ================================================== -->
  <div class="bs-docs-section">
    <div class="row">
      <div class="col-lg-12">
        <div class="page-header">
          <h1 id="indicators">Indicators</h1>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-12">
        <h2>Alerts</h2>
        <div class="bs-component">
          <div class="alert alert-dismissable alert-warning">
            <button type="button" class="close" data-dismiss="alert">×</button>
            <h4>Warning!</h4>
            <p>Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, <a href="#" class="alert-link">vel scelerisque nisl consectetur et</a>.</p>
          </div>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-4">
        <div class="bs-component">
          <div class="alert alert-dismissable alert-danger">
            <button type="button" class="close" data-dismiss="alert">×</button>
            <strong>Oh snap!</strong> <a href="#" class="alert-link">Change a few things up</a> and try submitting again.
          </div>
        </div>
      </div>
      <div class="col-lg-4">
        <div class="bs-component">
          <div class="alert alert-dismissable alert-success">
            <button type="button" class="close" data-dismiss="alert">×</button>
            <strong>Well done!</strong> You successfully read <a href="#" class="alert-link">this important alert message</a>.
          </div>
        </div>
      </div>
      <div class="col-lg-4">
        <div class="bs-component">
          <div class="alert alert-dismissable alert-info">
            <button type="button" class="close" data-dismiss="alert">×</button>
            <strong>Heads up!</strong> This <a href="#" class="alert-link">alert needs your attention</a>, but it's not super important.
          </div>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-4">
        <h2>Labels</h2>
        <div class="bs-component" style="margin-bottom: 40px;">
          <span class="label label-default">Default</span>
          <span class="label label-primary">Primary</span>
          <span class="label label-success">Success</span>
          <span class="label label-warning">Warning</span>
          <span class="label label-danger">Danger</span>
          <span class="label label-info">Info</span>
        </div>
      </div>
      <div class="col-lg-4">
        <h2>Badges</h2>
        <div class="bs-component">
          <ul class="nav nav-pills">
            <li class="active"><a href="#">Home <span class="badge">42</span></a></li>
            <li><a href="#">Profile <span class="badge"></span></a></li>
            <li><a href="#">Messages <span class="badge">3</span></a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <!-- Progress bars
  ================================================== -->
  <div class="bs-docs-section">
    <div class="row">
      <div class="col-lg-12">
        <div class="page-header">
          <h1 id="progress">Progress bars</h1>
        </div>
        <h3 id="progress-basic">Basic</h3>
        <div class="bs-component">
          <div class="progress">
            <div class="progress-bar" style="width: 60%;"></div>
          </div>
        </div>
        <h3 id="progress-alternatives">Contextual alternatives</h3>
        <div class="bs-component">
          <div class="progress">
            <div class="progress-bar progress-bar-info" style="width: 20%"></div>
          </div>
          <div class="progress">
            <div class="progress-bar progress-bar-success" style="width: 40%"></div>
          </div>
          <div class="progress">
            <div class="progress-bar progress-bar-warning" style="width: 60%"></div>
          </div>
          <div class="progress">
            <div class="progress-bar progress-bar-danger" style="width: 80%"></div>
          </div>
        </div>
        <h3 id="progress-striped">Striped</h3>
        <div class="bs-component">
          <div class="progress progress-striped">
            <div class="progress-bar progress-bar-info" style="width: 20%"></div>
          </div>
          <div class="progress progress-striped">
            <div class="progress-bar progress-bar-success" style="width: 40%"></div>
          </div>
          <div class="progress progress-striped">
            <div class="progress-bar progress-bar-warning" style="width: 60%"></div>
          </div>
          <div class="progress progress-striped">
            <div class="progress-bar progress-bar-danger" style="width: 80%"></div>
          </div>
        </div>
        <h3 id="progress-animated">Animated</h3>
        <div class="bs-component">
          <div class="progress progress-striped active">
            <div class="progress-bar" style="width: 45%"></div>
          </div>
        </div>
        <h3 id="progress-stacked">Stacked</h3>
        <div class="bs-component">
          <div class="progress">
            <div class="progress-bar progress-bar-success" style="width: 35%"></div>
            <div class="progress-bar progress-bar-warning" style="width: 20%"></div>
            <div class="progress-bar progress-bar-danger" style="width: 10%"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- Containers
  ================================================== -->
  <div class="bs-docs-section">
    <div class="row">
      <div class="col-lg-12">
        <div class="page-header">
          <h1 id="container">Containers</h1>
        </div>
        <div class="bs-component">
          <div class="jumbotron">
            <h1>Jumbotron</h1>
            <p>This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p>
            <p><a class="btn btn-primary btn-lg">Learn more</a></p>
          </div>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-12">
        <h2>List groups</h2>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-4">
        <div class="bs-component">
          <ul class="list-group">
            <li class="list-group-item">
              <span class="badge">14</span>
              Cras justo odio
            </li>
            <li class="list-group-item">
              <span class="badge">2</span>
              Dapibus ac facilisis in
            </li>
            <li class="list-group-item">
              <span class="badge">1</span>
              Morbi leo risus
            </li>
          </ul>
        </div>
      </div>
      <div class="col-lg-4">
        <div class="bs-component">
          <div class="list-group">
            <a href="#" class="list-group-item active">
              Cras justo odio
            </a>
            <a href="#" class="list-group-item">Dapibus ac facilisis in
            </a>
            <a href="#" class="list-group-item">Morbi leo risus
            </a>
          </div>
        </div>
      </div>
      <div class="col-lg-4">
        <div class="bs-component">
          <div class="list-group">
            <a href="#" class="list-group-item">
              <h4 class="list-group-item-heading">List group item heading</h4>
              <p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
            </a>
            <a href="#" class="list-group-item">
              <h4 class="list-group-item-heading">List group item heading</h4>
              <p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
            </a>
          </div>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-12">
        <h2>Panels</h2>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-4">
        <div class="bs-component">
          <div class="panel panel-default">
            <div class="panel-body">
              Basic panel
            </div>
          </div>
          <div class="panel panel-default">
            <div class="panel-heading">Panel heading</div>
            <div class="panel-body">
              Panel content
            </div>
          </div>
          <div class="panel panel-default">
            <div class="panel-body">
              Panel content
            </div>
            <div class="panel-footer">Panel footer</div>
          </div>
        </div>
      </div>
      <div class="col-lg-4">
        <div class="bs-component">
          <div class="panel panel-primary">
            <div class="panel-heading">
              <h3 class="panel-title">Panel primary</h3>
            </div>
            <div class="panel-body">
              Panel content
            </div>
          </div>
          <div class="panel panel-success">
            <div class="panel-heading">
              <h3 class="panel-title">Panel success</h3>
            </div>
            <div class="panel-body">
              Panel content
            </div>
          </div>
          <div class="panel panel-warning">
            <div class="panel-heading">
              <h3 class="panel-title">Panel warning</h3>
            </div>
            <div class="panel-body">
              Panel content
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-4">
        <div class="bs-component">
          <div class="panel panel-danger">
            <div class="panel-heading">
              <h3 class="panel-title">Panel danger</h3>
            </div>
            <div class="panel-body">
              Panel content
            </div>
          </div>
          <div class="panel panel-info">
            <div class="panel-heading">
              <h3 class="panel-title">Panel info</h3>
            </div>
            <div class="panel-body">
              Panel content
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-12">
        <h2>Wells</h2>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-4">
        <div class="bs-component">
          <div class="well">
            Look, I'm in a well!
          </div>
        </div>
      </div>
      <div class="col-lg-4">
        <div class="bs-component">
          <div class="well well-sm">
            Look, I'm in a small well!
          </div>
        </div>
      </div>
      <div class="col-lg-4">
        <div class="bs-component">
          <div class="well well-lg">
            Look, I'm in a large well!
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- Dialogs
  ================================================== -->
  <div class="bs-docs-section">
    <div class="row">
      <div class="col-lg-12">
        <div class="page-header">
          <h1 id="tables">Dialogs</h1>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-6">
        <h2>Modals</h2>
        <div class="bs-component">
          <div class="modal">
            <div class="modal-dialog">
              <div class="modal-content">
                <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                  <h4 class="modal-title">Modal title</h4>
                </div>
                <div class="modal-body">
                  <p>One fine body…</p>
                </div>
                <div class="modal-footer">
                  <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                  <button type="button" class="btn btn-primary">Save changes</button>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-6">
        <h2>Popovers</h2>
        <div class="bs-component">
          <button title="" data-original-title="" type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="left" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">Left</button>
          <button title="" data-original-title="" type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="top" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">Top</button>
          <button title="" data-original-title="" type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="bottom" data-content="Vivamus
          sagittis lacus vel augue laoreet rutrum faucibus.">Bottom</button>
          <button title="" data-original-title="" type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="right" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">Right</button>
        </div>
        <h2>Tooltips</h2>
        <div class="bs-component">
          <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="left" title="" data-original-title="Tooltip on left">Left</button>
          <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="top" title="" data-original-title="Tooltip on top">Top</button>
          <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Tooltip on bottom">Bottom</button>
          <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="right" title="" data-original-title="Tooltip on right">Right</button>
        <div style="display: none;" id="source-button" class="btn btn-primary btn-xs">&lt; &gt;</div></div>
      </div>
    </div>
  </div>
  <div id="source-modal" class="modal fade">
    <div class="modal-dialog modal-lg">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
          <h4 class="modal-title">Source Code</h4>
        </div>
        <div class="modal-body">
          <pre></pre>
        </div>
      </div>
    </div>
  </div>

Hello World!

嗯,国际惯例。

第一篇帖子,庆祝在Github Page上搭建成功!使用了Go语言写的Hugo作为静态页面生成工具。有时间写个前端什么的,不然直接写MarkDown太痛苦了

下面是Hugo自带的文章示例

A Section

Here's a simple titled section where you can place whatever information you want.

You can use inline HTML if you want, but really there's not much that markdown can't do.

Showing Off With Markdown

A full cheat sheet can be found here or through google.

There are some easy examples for styling, though. I can't emphasize that enough. Creating links or inline code blocks are very straightforward.

There are some *easy* examples for styling, though. I can't **emphasize** that enough.
Creating [links](https://google.com/) or `inline code` blocks are very straightforward.

Front Matter For Fun

This is the meta data for this post. It is located at the top of the content/post/hello-hugo.md markdown file.

---
title: "Hello Hugo!"
description: "Saying 'Hello' from Hugo"
date: "2014-04-09"
categories:
  - "example"
  - "hello"
tags:
  - "example"
  - "hugo"
  - "blog"
---

This section, called 'Front Matter', is what tells Hugo about the content in this file. The title of the item,the description, the date it was posted. In our example we're adding two custom bits of data, too. The categories and tags sections are used in this example for indexing/grouping content. You will learn more about what that means by examining the code in this example and through reading the Hugo documentation

关于

关于我

这是一个憋了很久还是没有写完的页面, 于是阅读以下内容可能会感受到

如有任何不适还请装作没事