一起来写博客吧!

起源

大约两年前,学网页设计的时候,不满足于静态的页面搭建,于是申请了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贴过来。

结语

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