1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
|
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta content="pandoc" name="generator"/>
<meta content="Zhiming Wang" name="author"/>
<meta content="2014-10-20T16:53:00-0700" name="date"/>
<title>Hello, Octopress!</title>
<link href="/img/apple-touch-icon-152.png" rel="apple-touch-icon-precomposed"/>
<meta content="#FFFFFF" name="msapplication-TileColor"/>
<meta content="/img/favicon-144.png" name="msapplication-TileImage"/>
<meta content="width=device-width, initial-scale=1" name="viewport"/>
<link href="/css/normalize.min.css" media="all" rel="stylesheet" type="text/css"/>
<link href="/css/theme.css" media="all" rel="stylesheet" type="text/css"/>
<link href="/css/highlight.css" media="all" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="archival-notice">This blog has been archived.<br/>Visit my home page at <a href="https://zhimingwang.org">zhimingwang.org</a>.</div>
<nav class="nav">
<a class="nav-icon" href="/" title="Home"><!--blog icon--></a>
<a class="nav-title" href="/"><!--blog title--></a>
<a class="nav-author" href="https://github.com/zmwangx" target="_blank"><!--blog author--></a>
</nav>
<article class="content">
<header class="article-header">
<h1 class="article-title">Hello, Octopress!</h1>
<div class="article-metadata">
<time class="article-timestamp" datetime="2014-10-20T16:53:00-0700">October 20, 2014</time>
</div>
</header>
<p>This post marks my transition from Tumblr to Octopress & GitHub Pages.</p>
<p>I've been microblogging for a while at <a href="http://zshello3.tumblr.com">zshello3.tumblr.com</a> and I liked it. Not because of readers, which I suspect I have none; but there are certainly a huge amount of information I want to dump off my mind. Back in the days I <em>loved</em> my handwritten journals, and I really poured a lot into them. Peers were usually amazed when they saw my journals. These days typing seems to be a more robust solution to keeping my thoughts, especially when the thoughts are mostly technical.</p>
<p>Tumblr is awesome. Compared to WordPress (.com for pedantic people), it is both lightweight and beautiful (you get all the customization for free), so you quickly get to the writing. However, it is not designed for geeks, so</p>
<ul>
<li>Customization is capped at some point;</li>
<li>I had the impression that the Markdown parser is herrendous;</li>
<li>Email publishing is a mightmare, by the way;</li>
<li>Code rendering always falls short — unless I spend a lot of time customizing (I'm pretty bad at HTML, CSS, and JS stuff).</li>
</ul>
<p>Speaking of the last point, I've always been envious of the beautiful code blocks found on Octopress blogs. So here I come!</p>
<p>(Let me give it a try first.)</p>
<div class="sourceCode"><pre class="sourceCode c"><code class="sourceCode c"><span class="pp">#include </span><span class="im"><stdio.h></span>
<span class="dt">int</span> main(<span class="dt">int</span> argc, <span class="dt">char</span> **argv) {
printf(<span class="st">"Hello, Octopress!</span><span class="sc">\n</span><span class="st">"</span>)
}</code></pre></div>
<p>Gorgeous. I'll get to the theme customization later. I'm actually busy as crazy this week.</p>
<p>Before I close this post, let me also try to embed a random gist I authored yesterday (for brewing):</p>
<pre><code>{% gist 828fd00bdecd6611cf40 brew.sh %}</code></pre>
</article>
<hr class="content-separator"/>
<footer class="footer">
<span class="rfooter">
<a class="rss-icon" href="/rss.xml" target="_blank" title="RSS feed"><!--RSS feed icon--></a><a class="atom-icon" href="/atom.xml" target="_blank" title="Atom feed"><!--Atom feed icon--></a><a class="cc-icon" href="https://creativecommons.org/licenses/by/4.0/" target="_blank" title="Released under the Creative Commons Attribution 4.0 International license."><!--CC icon--></a>
<a href="https://github.com/zmwangx" target="_blank">Zhiming Wang</a>
</span>
</footer>
</body>
</html>
|
