一起来写博客吧！

by Tom Zeng

起源

大约两年前，学网页设计的时候，不满足于静态的页面搭建，于是申请了OpenShift的免费帐号。

先从Wordpress这种现成的博客开始，学习PHP，然后简单搭建个人主页。这些都依赖OpenShift的免费服务器。直到后来租了自己的服务器，也无暇搭建网站了，仅仅用于艹墙之类的。。

后来，由于平时做笔记需要，学习了Markdown这种简洁漂亮的语法。看到，Ghost这个由markdown作为基础的博客框架（而且可以学Node.js =-=），像发现新大陆一样：“原来用markdown写文章是这么的方便！”

至于博客

大概远古时候，流行过一阵子博客吧，当时还不怎么上网（拨号的小水管=-=）。后来被微博、朋友圈这些方便快捷的SNS取代（也没赶尽杀绝）。其实，博客更多的是记录自己的一些状态，而不一定期待有人参与讨论，更私人一些。也许微信公众号的流行也是由于这方面的需求，但是公众号似乎太开放公开了些。

于是，我决定好好地开启博客之旅（估计根本没人会看T^T）。其实企鹅的空间日志以前也写了不少，但是，依托于那种几乎不再维护，功能简陋的服务，实在是不爽（嗯，找个几年前写的东西要翻好几页，指不定就像巨硬的MSN Spaces，说停就停）。说是博客，其实主要就记录一些平时的阅读、游戏、音乐之类的感受，还有实用的计算机软硬件设定（存档及布道用）。

目的

写了这么多，其实是想找人一块儿写博客 =-=

平台已经搭建好了，只要1个邀请（不要999不要999），你就可以在这儿发表文章。用的是纯文本的Markdown，以后你要去Medium（被墙）当独立记者之类的可以无缝过度。

由于OpenShift的服务器空闲24小时就会关机待命，如果流量够的话，就可以免去麻烦呢=-=。。虽然红帽的产品稳定性不容质疑，如果觉得不好，我还可以用自己的服务器搭建，这一切都好商量关键是要有人一起玩。而且不要担心数据丢失，我会定时备份的（如果我记得的话 =-=）。

如果你想写点儿博客，请不要犹豫！，PM我。

简介Markdown

好，开始介绍，这个博客唯一可以吸引到博主的亮点--Markdown（其实我觉得主题很简洁很美啊）。

首先，我们平时写的网页元素，都是由Markup，即：html语言写成的。其特点就是标签化的语句：

<html>  
<body>  
<h1>My First Heading</h1>  
<p>My first paragraph.</p>  
</body>  
</html>

虽然html很利于排版，但是直接写起来很不方便，于是就有了markdown这种语法，可以很方便地“翻译”成html，同时兼容html输入。具体的教程，可以参考这个cheatsheet，或者Ghost的帮助

最基础的，空一行表示分段。

章节设置也很简单，比如：各级标题就用#表示，记得之后要加空格

# This is an <h1> tag
## This is an <h2> tag
###### This is an <h6> tag

对文字进行一些格式化（注意！与文字间没有空格）：

斜体： *asterisks* or _underscores_
加粗： **asterisks** or __underscores__
同时加粗和斜体： **asterisks and _underscores_**
划掉(误，应该是左右各两个波浪线~）： <del>text</del>

如果需要列表，也很方便：

1. 数字加`.`，然后空格，表示一级有序列表；  
3. 自动加1，与写的具体数字无关；  
  1. 下一级列表，开头空2格
  2. 下一级列表

列表间由普通文字段落隔开，否则会连接在一起。

* 无序的列表可以用这三种符号加空格表示 asterisks
- Or minuses
+ Or pluses

插入超链接的格式为：

[显示的字符](https://www.google.com)

插入图片的格式为（在Ghost中只需![]()，然后上传图片）：

![名称](图片路径)

特殊用法：页内跳转的链接这么写[传送门](#portal)，然后在目标处设置锚点<a name="portal"></a>。

下表是Ghost里常用的快捷键：

ResultMarkdownShortcut
Bold **text** Ctrl/⌘ + B
Emphasize *text* Ctrl/⌘ + I
Strike-through (误，应该是左右各两个波浪线）text Ctrl + Alt + U
Link [title](http://) Ctrl/⌘ + K
Inline Code `code` Ctrl/⌘ + Shift + K
Image ![alt](http://) Ctrl/⌘ + Shift + I
List * item Ctrl + L
Blockquote > quote Ctrl + Q
H1 # Heading  
H2 ## Heading Ctrl/⌘ + H
H3 ### Heading Ctrl/⌘ + H (x2)

额外

简单吧！！！而且格式化之后排版很优雅。

如果你像我一样，有着各种奇怪的需求，这里是附加的功能（嗯，不是Ghost官方支持的）。

代码块高亮

因为时常要贴一些代码，所以对不同语言的高亮支持是必须的。这里采用prism.js实现，使用方法就是在代码块加入语言的名称，比如：

```python
import sys, math

def hash_fraction(m, n):
    ...
    if m < 0:
        hash_value = -hash_value
    if hash_value == -1:
        hash_value = -2
    return hash_value
```

效果：

import sys, math

def hash_fraction(m, n):  
    ...
    if m < 0:
        hash_value = -hash_value
    if hash_value == -1:
        hash_value = -2
    return hash_value

LaTeX公式

用MathJax实现，两种用法，行内的话就用单个$（似乎还有Bug），单行的用俩。比如：

我们假设
$\sigma = 1, \mu = 0$

可以得到标准正态分布的概率密度函数：
$G(x) = \dfrac{1}{\sqrt{2\pi}}e^{-\dfrac{x^2}{2}}$

我们假设 $\sigma = 1, \mu = 0$

可以得到标准正态分布的概率密度函数： $G(x) = \dfrac{1}{\sqrt{2\pi}}e^{-\dfrac{x^2}{2}}$

插入音视频

音视频可以由各串流服务提供的分享（生成外链）方式嵌入，比如：网易云音乐、B站和YouTube的链接分别为：

<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="http://music.163.com/outchain/player?type=2&id=22681125&auto=0&height=66"></iframe>  

<embed height="415" width="544" quality="high" allowfullscreen="true" type="application/x-shockwave-flash" src="http://static.hdslb.com/miniloader.swf" flashvars="aid=1914294&page=1" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"></embed>  


<iframe width="560" height="315" src="https://www.youtube.com/embed/JpMTS_PM1ws" frameborder="0" allowfullscreen></iframe>

这里存在一个问题是，网易和Bilibili都没有提供https的外链，所以博文访问时会由安全警告，Chrome和firefox直接屏蔽掉外链。。。。而https是不翻墙访问openshift服务的前提。所以其实不太方便就是啦。

评论系统

独乐乐不如众乐乐，开放评论区也是博客交流的重要方式，目前嵌入disqus。。。捣鼓一阵子，才发现，这玩意儿被墙了=-=

大家凑和儿用吧。。。。

表格

如果简单的排版已经满足不了你了，Ghost对表格的支持好像很麻烦=-=

解决方案1，用html写表格，反正兼容：

<table>  
  <tr>
    <th>Firstname</th>
    <th>Lastname</th> 
    <th>Age</th>
  </tr>
  <tr>
    <td>tom</td>
    <td>zeng</td> 
    <td>50</td>
  </tr>
  <tr>
    <td>amy</td>
    <td>zeng</td> 
    <td>50</td>
  </tr>
</table>

解决方案2，有个不错的转换网站：tablesgenerator，可以在LaTeX、html、markdown几种表格中转换，再把html贴过来。

结语

其实，独自写着博客，评论系统又是墙外的，访问量近似为零，也是挺无聊的事。（所以本文也是灌水罢了）