From 61eae5c5f9881cab29712f6e696085baa977e1f9 Mon Sep 17 00:00:00 2001 From: Jeffrey Tse Date: Wed, 11 Sep 2019 12:19:34 +0800 Subject: release: v1.0.0 --- _posts/2015-02-28-test-markdown.md | 76 ++++++++++ _posts/2016-05-19-super-short-article.md | 7 + _posts/2016-05-20-super-long-article.md | 11 ++ _posts/2016-08-12-my-example-post.md | 13 ++ ...0-this-post-demonstrates-post-content-styles.md | 100 +++++++++++++ _posts/2017-06-10-quick-mardown-example.md | 164 +++++++++++++++++++++ _posts/2018-12-05-an-exhibit-of-markdown.md | 94 ++++++++++++ _posts/2018-12-07-welcome-to-jekyll.md | 74 ++++++++++ 8 files changed, 539 insertions(+) create mode 100644 _posts/2015-02-28-test-markdown.md create mode 100644 _posts/2016-05-19-super-short-article.md create mode 100644 _posts/2016-05-20-super-long-article.md create mode 100644 _posts/2016-08-12-my-example-post.md create mode 100644 _posts/2017-05-20-this-post-demonstrates-post-content-styles.md create mode 100644 _posts/2017-06-10-quick-mardown-example.md create mode 100644 _posts/2018-12-05-an-exhibit-of-markdown.md create mode 100644 _posts/2018-12-07-welcome-to-jekyll.md (limited to '_posts') diff --git a/_posts/2015-02-28-test-markdown.md b/_posts/2015-02-28-test-markdown.md new file mode 100644 index 0000000..ff63e2a --- /dev/null +++ b/_posts/2015-02-28-test-markdown.md @@ -0,0 +1,76 @@ +--- +layout: post +title: Test markdown +subtitle: Each post also has a subtitle +categories: markdown +tags: [test] +--- + +You can write regular [markdown](http://markdowntutorial.com/) here and Jekyll will automatically convert it to a nice webpage. I strongly encourage you to [take 5 minutes to learn how to write in markdown](http://markdowntutorial.com/) - it'll teach you how to transform regular text into bold/italics/headings/tables/etc. + +**Here is some bold text** + +## Here is a secondary heading + +Here's a useless table: + +| Number | Next number | Previous number | +| :------ |:--- | :--- | +| Five | Six | Four | +| Ten | Eleven | Nine | +| Seven | Eight | Six | +| Two | Three | One | + + +How about a yummy crepe? + +![Crepe](https://s3-media3.fl.yelpcdn.com/bphoto/cQ1Yoa75m2yUFFbY2xwuqw/348s.jpg) + +It can also be centered! + +![Crepe](https://s3-media3.fl.yelpcdn.com/bphoto/cQ1Yoa75m2yUFFbY2xwuqw/348s.jpg){: .center-block :} + +Here's a code chunk: + +~~~ +var foo = function(x) { + return(x + 5); +} +foo(3) +~~~ + +And here is the same code with syntax highlighting: + +```javascript +var foo = function(x) { + return(x + 5); +} +foo(3) +``` + +And here is the same code yet again but with line numbers: + +{% highlight javascript linenos %} +var foo = function(x) { + return(x + 5); +} +foo(3) +{% endhighlight %} + +## Boxes +You can add notification, warning and error boxes like this: + +### Notification + +{: .box-note} +**Note:** This is a notification box. + +### Warning + +{: .box-warning} +**Warning:** This is a warning box. + +### Error + +{: .box-error} +**Error:** This is an error box. diff --git a/_posts/2016-05-19-super-short-article.md b/_posts/2016-05-19-super-short-article.md new file mode 100644 index 0000000..c925c64 --- /dev/null +++ b/_posts/2016-05-19-super-short-article.md @@ -0,0 +1,7 @@ +--- +layout: post +title: "Some articles are just so short that we have to make the footer stick" +categories: misc +--- + +Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. diff --git a/_posts/2016-05-20-super-long-article.md b/_posts/2016-05-20-super-long-article.md new file mode 100644 index 0000000..5652a9a --- /dev/null +++ b/_posts/2016-05-20-super-long-article.md @@ -0,0 +1,11 @@ +--- +layout: post +title: "Some articles are just so long they deserve a really long title to see if things will break well" +categories: misc +--- + +Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce bibendum neque eget nunc mattis eu sollicitudin enim tincidunt. Vestibulum lacus tortor, ultricies id dignissim ac, bibendum in velit. Proin convallis mi ac felis pharetra aliquam. Curabitur dignissim accumsan rutrum. In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris. Proin eget nibh a massa vestibulum pretium. Suspendisse eu nisl a ante aliquet bibendum quis a nunc. Praesent varius interdum vehicula. Aenean risus libero, placerat at vestibulum eget, ultricies eu enim. Praesent nulla tortor, malesuada adipiscing adipiscing sollicitudin, adipiscing eget est. + +Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce bibendum neque eget nunc mattis eu sollicitudin enim tincidunt. Vestibulum lacus tortor, ultricies id dignissim ac, bibendum in velit. Proin convallis mi ac felis pharetra aliquam. Curabitur dignissim accumsan rutrum. In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris. Proin eget nibh a massa vestibulum pretium. Suspendisse eu nisl a ante aliquet bibendum quis a nunc. Praesent varius interdum vehicula. Aenean risus libero, placerat at vestibulum eget, ultricies eu enim. Praesent nulla tortor, malesuada adipiscing adipiscing sollicitudin, adipiscing eget est. + +Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce bibendum neque eget nunc mattis eu sollicitudin enim tincidunt. Vestibulum lacus tortor, ultricies id dignissim ac, bibendum in velit. Proin convallis mi ac felis pharetra aliquam. Curabitur dignissim accumsan rutrum. In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris. Proin eget nibh a massa vestibulum pretium. Suspendisse eu nisl a ante aliquet bibendum quis a nunc. Praesent varius interdum vehicula. Aenean risus libero, placerat at vestibulum eget, ultricies eu enim. Praesent nulla tortor, malesuada adipiscing adipiscing sollicitudin, adipiscing eget est. diff --git a/_posts/2016-08-12-my-example-post.md b/_posts/2016-08-12-my-example-post.md new file mode 100644 index 0000000..d64a84d --- /dev/null +++ b/_posts/2016-08-12-my-example-post.md @@ -0,0 +1,13 @@ +--- +layout: post +categories: junk +--- + +Eos eu docendi tractatos sapientem, brute option menandri in vix, quando vivendo accommodare te ius. Nec melius fastidii constituam id, viderer theophrastus ad sit, hinc semper periculis cum id. Noluisse postulant assentior est in, no choro sadipscing repudiandae vix. Vis in euismod delenit dignissim. Ex quod nostrum sit, suas decore animal id ius, nobis solet detracto quo te. + +{% comment %} +Might you have an include in your theme? Why not try it here! +{% include my-themes-great-include.html %} +{% endcomment %} + +No laudem altera adolescens has, volumus lucilius eum no. Eam ei nulla audiam efficiantur. Suas affert per no, ei tale nibh sea. Sea ne magna harum, in denique scriptorem sea, cetero alienum tibique ei eos. Labores persequeris referrentur eos ei. diff --git a/_posts/2017-05-20-this-post-demonstrates-post-content-styles.md b/_posts/2017-05-20-this-post-demonstrates-post-content-styles.md new file mode 100644 index 0000000..ec675ca --- /dev/null +++ b/_posts/2017-05-20-this-post-demonstrates-post-content-styles.md @@ -0,0 +1,100 @@ +--- +layout: post +title: "This post demonstrates post content styles" +categories: junk +author: "Bart Simpson" +meta: "Springfield" +--- + +Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce bibendum neque eget nunc mattis eu sollicitudin enim tincidunt. Vestibulum lacus tortor, ultricies id dignissim ac, bibendum in velit. + +## Some great heading (h2) + +Proin convallis mi ac felis pharetra aliquam. Curabitur dignissim accumsan rutrum. In arcu magna, aliquet vel pretium et, molestie et arcu. + +Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris. Proin eget nibh a massa vestibulum pretium. Suspendisse eu nisl a ante aliquet bibendum quis a nunc. Praesent varius interdum vehicula. Aenean risus libero, placerat at vestibulum eget, ultricies eu enim. Praesent nulla tortor, malesuada adipiscing adipiscing sollicitudin, adipiscing eget est. + +## Another great heading (h2) + +Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce bibendum neque eget nunc mattis eu sollicitudin enim tincidunt. Vestibulum lacus tortor, ultricies id dignissim ac, bibendum in velit. + +### Some great subheading (h3) + +Proin convallis mi ac felis pharetra aliquam. Curabitur dignissim accumsan rutrum. In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. + +Phasellus et hendrerit mauris. Proin eget nibh a massa vestibulum pretium. Suspendisse eu nisl a ante aliquet bibendum quis a nunc. + +### Some great subheading (h3) + +Praesent varius interdum vehicula. Aenean risus libero, placerat at vestibulum eget, ultricies eu enim. Praesent nulla tortor, malesuada adipiscing adipiscing sollicitudin, adipiscing eget est. + +> This quote will change your life. It will reveal the secrets of the universe, and all the wonders of humanity. Don't misuse it. + +Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce bibendum neque eget nunc mattis eu sollicitudin enim tincidunt. + +### Some great subheading (h3) + +Vestibulum lacus tortor, ultricies id dignissim ac, bibendum in velit. Proin convallis mi ac felis pharetra aliquam. Curabitur dignissim accumsan rutrum. + +```html + + + +

Hello, World!

+ + +``` + +In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris. + +#### You might want a sub-subheading (h4) + +In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris. + +In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris. + +#### But it's probably overkill (h4) + +In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris. + +### Oh hai, an unordered list!! + +In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris. + +- First item, yo +- Second item, dawg +- Third item, what what?! +- Fourth item, fo sheezy my neezy + +### Oh hai, an ordered list!! + +In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris. + +1. First item, yo +2. Second item, dawg +3. Third item, what what?! +4. Fourth item, fo sheezy my neezy + +## Headings are cool! (h2) + +Proin eget nibh a massa vestibulum pretium. Suspendisse eu nisl a ante aliquet bibendum quis a nunc. Praesent varius interdum vehicula. Aenean risus libero, placerat at vestibulum eget, ultricies eu enim. Praesent nulla tortor, malesuada adipiscing adipiscing sollicitudin, adipiscing eget est. + +Praesent nulla tortor, malesuada adipiscing adipiscing sollicitudin, adipiscing eget est. + +Proin eget nibh a massa vestibulum pretium. Suspendisse eu nisl a ante aliquet bibendum quis a nunc. + +### Tables + +| Title 1 | Title 2 | Title 3 | Title 4 | +| --------------------- | --------------------- | --------------------- | --------------------- | +| lorem | lorem ipsum | lorem ipsum dolor | lorem ipsum dolor sit | +| lorem ipsum dolor sit | lorem ipsum dolor sit | lorem ipsum dolor sit | lorem ipsum dolor sit | +| lorem ipsum dolor sit | lorem ipsum dolor sit | lorem ipsum dolor sit | lorem ipsum dolor sit | +| lorem ipsum dolor sit | lorem ipsum dolor sit | lorem ipsum dolor sit | lorem ipsum dolor sit | + +| Title 1 | Title 2 | Title 3 | Title 4 | +| -------------------------- | -------------------------------------- | -------------------------- | -------------------------------------- | +| lorem | lorem ipsum | lorem ipsum dolor | lorem ipsum dolor sit | +| lorem ipsum dolor sit amet | lorem ipsum dolor sit amet consectetur | lorem ipsum dolor sit amet | lorem ipsum dolor sit | +| lorem ipsum dolor | lorem ipsum | lorem | lorem ipsum | +| lorem ipsum dolor | lorem ipsum dolor sit | lorem ipsum dolor sit amet | lorem ipsum dolor sit amet consectetur | diff --git a/_posts/2017-06-10-quick-mardown-example.md b/_posts/2017-06-10-quick-mardown-example.md new file mode 100644 index 0000000..27c3e68 --- /dev/null +++ b/_posts/2017-06-10-quick-mardown-example.md @@ -0,0 +1,164 @@ +--- +layout: post +title: Quick markdown example +subtitle: This is a quick markdown example +categories: markdown +tags: [example] +--- + +Paragraphs are separated by a blank line. + +2nd paragraph. *Italic*, **bold**, and `monospace`. Itemized lists +look like: + + * this one + * that one + * the other one + +Note that --- not considering the asterisk --- the actual text +content starts at 4-columns in. + +> Block quotes are +> written like so. +> +> They can span multiple paragraphs, +> if you like. + +Use 3 dashes for an em-dash. Use 2 dashes for ranges (ex., "it's all +in chapters 12--14"). Three dots ... will be converted to an ellipsis. +Unicode is supported. ☺ + + + +An h2 header +------------ + +Here's a numbered list: + + 1. first item + 2. second item + 3. third item + +Note again how the actual text starts at 4 columns in (4 characters +from the left side). Here's a code sample: + + # Let me re-iterate ... + for i in 1 .. 10 { do-something(i) } + +As you probably guessed, indented 4 spaces. By the way, instead of +indenting the block, you can use delimited blocks, if you like: + +~~~ +define foobar() { + print "Welcome to flavor country!"; +} +~~~ + +(which makes copying & pasting easier). You can optionally mark the +delimited block for Pandoc to syntax highlight it: + +~~~python +import time +# Quick, count to ten! +for i in range(10): + # (but not *too* quick) + time.sleep(0.5) + print(i) +~~~ + + + +### An h3 header ### + +Now a nested list: + + 1. First, get these ingredients: + + * carrots + * celery + * lentils + + 2. Boil some water. + + 3. Dump everything in the pot and follow + this algorithm: + + find wooden spoon + uncover pot + stir + cover pot + balance wooden spoon precariously on pot handle + wait 10 minutes + goto first step (or shut off burner when done) + + Do not bump wooden spoon or it will fall. + +Notice again how text always lines up on 4-space indents (including +that last line which continues item 3 above). + +Here's a link to [a website](http://foo.bar), to a [local +doc](local-doc.html), and to a [section heading in the current +doc](#an-h2-header). Here's a footnote [^1]. + +[^1]: Some footnote text. + +Tables can look like this: + +Name Size Material Color +------------- ----- ------------ ------------ +All Business 9 leather brown +Roundabout 10 hemp canvas natural +Cinderella 11 glass transparent + +Table: Shoes sizes, materials, and colors. + +(The above is the caption for the table.) Pandoc also supports +multi-line tables: + +-------- ----------------------- +Keyword Text +-------- ----------------------- +red Sunsets, apples, and + other red or reddish + things. + +green Leaves, grass, frogs + and other things it's + not easy being. +-------- ----------------------- + +A horizontal rule follows. + +*** + +Here's a definition list: + +apples + : Good for making applesauce. + +oranges + : Citrus! + +tomatoes + : There's no "e" in tomatoe. + +Again, text is indented 4 spaces. (Put a blank line between each +term and its definition to spread things out more.) + +Here's a "line block" (note how whitespace is honored): + +| Line one +| Line too +| Line tree + +and images can be specified like so: + +![example image](http://www.unexpected-vortices.com/sw/rippledoc/example-image.jpg "An exemplary image") + +Inline math equation: $\omega = d\phi / dt$. Display +math should get its own line like so: + +$$I = \int \rho R^{2} dV$$ + +And note that you can backslash-escape any punctuation characters +which you wish to be displayed literally, ex.: \`foo\`, \*bar\*, etc. diff --git a/_posts/2018-12-05-an-exhibit-of-markdown.md b/_posts/2018-12-05-an-exhibit-of-markdown.md new file mode 100644 index 0000000..dc43714 --- /dev/null +++ b/_posts/2018-12-05-an-exhibit-of-markdown.md @@ -0,0 +1,94 @@ +--- +layout: post +title: An exhibit of Markdown +subtitle: Each post also has a subtitle +categories: markdown +tags: [example, markdown] +--- + +This note demonstrates some of what [Markdown][1] is capable of doing. + +## An exhibit of Markdown + + + +*Note: Feel free to play with this page. Unlike regular notes, this doesn't automatically save itself.* + +## Basic formatting + +Paragraphs can be written like so. A paragraph is the basic block of Markdown. A paragraph is what text will turn into when there is no reason it should become anything else. + +Paragraphs must be separated by a blank line. Basic formatting of *italics* and **bold** is supported. This *can be **nested** like* so. + +## Lists + +### Ordered list + +1. Item 1 +2. A second item +3. Number 3 +4. Ⅳ + +*Note: the fourth item uses the Unicode character for [Roman numeral four][2].* + +### Unordered list + +* An item +* Another item +* Yet another item +* And there's more... + +## Paragraph modifiers + +### Code block + + Code blocks are very useful for developers and other people who look at code or other things that are written in plain text. As you can see, it uses a fixed-width font. + +You can also make `inline code` to add code into other things. + +### Quote + +> Here is a quote. What this is should be self explanatory. Quotes are automatically indented when they are used. + +## Headings + +There are six levels of headings. They correspond with the six levels of HTML headings. You've probably noticed them already in the page. Each level down uses one more hash character. + +### Headings *can* also contain **formatting** + +### They can even contain `inline code` + +Of course, demonstrating what headings look like messes up the structure of the page. + +I don't recommend using more than three or four levels of headings here, because, when you're smallest heading isn't too small, and you're largest heading isn't too big, and you want each size up to look noticeably larger and more important, there there are only so many sizes that you can use. + +## URLs + +URLs can be made in a handful of ways: + +* A named link to [MarkItDown][3]. The easiest way to do these is to select what you want to make a link and hit `Ctrl+L`. +* Another named link to [MarkItDown](http://www.markitdown.net/) +* Sometimes you just want a URL like . + +## Horizontal rule + +A horizontal rule is a line that goes across the middle of the page. + +--- + +It's sometimes handy for breaking things up. + +## Images + +Markdown can also contain images. I'll need to add something here sometime. + +## Finally + +There's actually a lot more to Markdown than this. See the official [introduction][4] and [syntax][5] for more information. However, be aware that this is not using the official implementation, and this might work subtly differently in some of the little things. + + + [1]: http://daringfireball.net/projects/markdown/ + [2]: http://www.fileformat.info/info/unicode/char/2163/index.htm + [3]: http://www.markitdown.net/ + [4]: http://daringfireball.net/projects/markdown/basics + [5]: http://daringfireball.net/projects/markdown/syntax diff --git a/_posts/2018-12-07-welcome-to-jekyll.md b/_posts/2018-12-07-welcome-to-jekyll.md new file mode 100644 index 0000000..3e0ef2a --- /dev/null +++ b/_posts/2018-12-07-welcome-to-jekyll.md @@ -0,0 +1,74 @@ +--- +layout: post +title: Welcome to Jekyll! +author: Jeffrey +categories: jekyll +tags: jekyll theme yat +--- + +You’ll find this post in your `_posts` directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run `jekyll serve`, which launches a web server and auto-regenerates your site when a file is updated. + +To add new posts, simply add a file in the `_posts` directory that follows the convention `YYYY-MM-DD-name-of-post.ext` and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works. + +## section 1 +Jekyll also offers powerful support for code snippets: + +{% highlight ruby %} +def print_hi(name) +puts "Hi, #{name}" +end +print_hi('Tom') +#=> prints 'Hi, Tom' to STDOUT. +{% endhighlight %} + +## section 2 +### section 2.1 +### section 2.2 +#### section 2.2.1 +##### section 2.2.1.1 +#### section 2.2.2 +##### section 2.2.2.1 + +123 + +## section 3 +### section 3.1 +### section 3.2 +### section 3.3 +## section 4 +## section 5 + +Check out the [Jekyll docs][jekyll-docs] for more info on how to get the most out of Jekyll. File all bugs/feature requests at [Jekyll’s GitHub repo][jekyll-gh]. If you have questions, you can ask them on [Jekyll Talk][jekyll-talk]. + +[jekyll-docs]: https://jekyllrb.com/docs/home +[jekyll-gh]: https://github.com/jekyll/jekyll +[jekyll-talk]: https://talk.jekyllrb.com/ + +$ a * b = c ^ b $ + +$ 2^{\frac{n-1}{3}} $ + +$ \int\_a^b f(x)\,dx. $ + +```cpp +#include +using namespace std; + +int main() { + cout << "Hello World!"; + return 0; +} +// prints 'Hi, Tom' to STDOUT. +``` + +```python +class Person: + def __init__(self, name, age): + self.name = name + self.age = age + +p1 = Person("John", 36) + +print(p1.name) +print(p1.age) +``` -- cgit v1.2.3