起源
大约两年前,学网页设计的时候,不满足于静态的页面搭建,于是申请了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里常用的快捷键:
Result | Markdown | Shortcut |
---|---|---|
Bold | **text** | Ctrl/⌘ + B |
Emphasize | *text* | Ctrl/⌘ + I |
(误,应该是左右各两个波浪线) |
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贴过来。
结语
其实,独自写着博客,评论系统又是墙外的,访问量近似为零,也是挺无聊的事。(所以本文也是灌水罢了)