tmyam's blog

time run off...

Mac下编写blog

1.编写

  • 下载markdown的编辑工具,Mou

  • 在终端的octopress目录下，输入

1

rake new_post['article name']

然后可以在source/_post/目录下找到一个.markdown文件，使用Mou打开它，写入你想写的内容。

  • 特殊需求
    由于markdown无法插入空格，这里可以使用html的&nbsp;代替，同样换行可以使用<br/>。
    另外由于无法调整文字的颜色和大小，这里也需要使用html代替。
    <font color=green>绿色</font>   绿色
    <font size=+2>大2号字</font>     大2号字
    +表示比当前字号大，-表示比当前字号小。

  • 段落缩进
    半方大的空白&ensp;或&#8194;
    全方大的空白&emsp;或&#8195;
    空白格&nbsp;或&#160;

  • 图片
    如果要在文章中使用图片，直接copy到/source/images目录下即可。在文章中可以直接使用![temp](/images/temp.png)。也可以选一些大的图床站点，使用链接的方式。
    例如：temp
    如果需要调整图片大小，则可以使用html。
    <img src="/images/temp.png" alt="faild" width="100"/>
    faild

  • 首页缩略显示
    在首页展示文章的一部分内容，而不是显示全部。
    只需要在文章的markdown文件中，在需要显示在首页的文字后面添加<!-- more -->就行了。

如果想将Read on 修改为中文，可以修改_config.yml文件
excerpt_link: “Read on →” # “Continue reading” link text at the bottom of excerpted articles 中的Read on 改为 阅读全文。

2.代码高亮

octopress原生支持代码高亮，参考链接
使用Backtick来实现语法高亮，参考链接

  • 语法

    ` ` ` [language] [title] [url] [link text] [linenos:false] [start:#] [mark:#,#-#]
    code snippet
    ` ` `

language: 指明你所使用的语言
title: 代码标题
url: 代码链接，点击这个可以下载你的代码
link text: 对链接的解释文本，默认是link
start:#: 行号从哪里开始
mark:#,#-#: 标记某一行代码
linenos:false: 对高亮代码块不添加行号

例如：

` ` ` sh
rake new_post[‘article name’]
` ` `

显示为

1

rake new_post['article name']


由于一旦设置了高亮格式，之后所有的代码高亮都会使用这种格式，有好处也有坏处。可以在下一个代码高亮的地方将language设置成text来取消对下面的影响。

  • 常用的高亮格式，参考链接
    text: 无格式
    sh: shell脚本
    objc: Objective-C

3.生成

  • 生成静态文件
1

rake generate
  • 预览
    地址 http://localhost:4000 ,时时的修改markdown文件，可以刷新网页看到刚刚修改的效果。
1

rake preview
  • 部署到GitHub上
1

rake deploy

4.备份

将文件更新备份到github上。

1
2
3

git add -A
git commit -m 'your message'
git push origin source

如果遇到warning

warning: push.default is unset; its implicit value is changing in Git 2.0 from ‘matching’ to ‘simple’. To squelch this messageand maintain the current behavior after the default changes, use:…

推荐使用下面命令设置。

1

git config --global push.default simple


参考

http://blog.devtang.com/blog/2012/02/10/setup-blog-based-on-github/

评论