Tumblr Markdown

Posted on  by admin
Text 3588
  1. Markdown Online
  2. Markdown Blog System
  3. Tumblr Markdown Theme

The default theme comes with some Vue.js components you can use directly in your markdown content. Type: String Default: 'info' Values: 'info', 'success', 'warning', 'danger'. Download for free markup-cliparts #3180202, download othes markdown clipart for free. Tumblr to markdown. Contribute to satooshi/tumblr2markdown development by creating an account on GitHub. Reblogged 6 years ago from sherlockstuff (Originally from fyeahfreebatch). My blog All of Tumblr.

Markdown Online


Notes

Heh… I guess the jig is up…

It’s been fun but it seems as though my clever ruse has unraveled so allow me to finally introduce myself…

The mastermind of your most misbegotten memories! The dashing designer of your most dastardly dreams! The ne’er do well that knows your nastiest nightmares!

You may have sleuthed me out this time… but the war has only just begun!Have your precious “champions” back if they’re so important to you! You’ll find them in the garden shed behind the Hunger Dome™️, the combination code is 2702.

Markdown Blog System

But mark my words!


Oh except for GRORG. He’s actually dead. I was gonna kidnap him but he was dead when I got there…

…honestly I have no idea how he died…

Blog with R Markdown and tumblr: Part II

In Part I of this series I described how to set up your tumblr blog so that you can create posts like those on the example site R Markdown Blog.

Now I’ll describe how you can actually create such posts. I’ll be using the RStudio IDE for the desktop in all the steps below, but know that you can use your own version of R and your own editor for steps 1, 2, and 4. I personaly like the the RStudio knitr integration. It provides a really easy and fast iterative process to quickly edit markdown and render to HTML.

Step 1: Install The Latest Version of the R markdown package

markdown version 0.5.2 is needed for this process, and since it’s currently not on CRAN (it’s on its way) you will need to get it from github. This is easily done with Hadley Wickam’s devtools package. Follow these steps to install devtools, markdown, and knitr which you will need in later steps:

Step 2: Create a New R Markdown Document

In RStudio, click on File -> New -> R Markdown. This will create a new untitled file with some example markdown text. The first two lines of the file contain a proper title for the document in markdown syntax, but we won’t need that for our blog post. Go ahead and delete them.

Save the file and name it First-Post.Rmd.

Step 3: Click the “Knit HTML” Button

That button is just above the first line of the file. You should see a ball of yarn with a knitting needle sticking in it. After clicking the button you should see a couple of windows flicker by with info, and then ultimately this:

If your window looks like this, then congratulations! You just created a valid R Markdown document and rendered it into an HTML page. This step automatically creates a new file called First-Post.html, but we’re not ready to blog just yet.

Side Note About Iterative Development

If your window doesn’t look like the above, then you’ve got some editing to do. You will now enter an iterative edit/save/knit loop, and this is where RStudio really shines. Here are the steps:

Tumblr Markdown Theme

  1. Make your edits to First-Post.Rmd.
  2. Type Ctrl-s to save.
  3. Type Ctrl-Shift-h to re-knit the document. equivalent to clicking the “Knit HTML” button.
  4. If you get the output you want, your done, if not go to 1.

Simple as that!

Suppose you’re not using RStudio. Then you can still get pretty close to the above. Using your favorite editor, your favorite browser, and another R IDE, follow these steps:

  1. Make your edits to First-Post.Rmd, then save.
  2. Execute the following commands in R:

Your browser should open with First-Post.html displayed. If you get the output you want, hurray! Otherwise go to step 1.

So goes iterative development ;) Now on to blogging…

Step 4: Execute knit() and markdown2HTML() Manually

Up to this step, we’ve been using knit commands to create complete HTML documents, those that contain beginning HTML tags like <html>, <head>, and <body>… tags that every blogging platform will not accept in their blog posts. These commands also inject javascript code to render math equations and highlight R code chunks, which is nice, but those are already in our tumblr theme we created in Part I (something I didn’t tell you before).

So now our job is to prepare the HTML without these tags and extra javascript. We need to call knit() and then markdownToHTML() with the fragment.only option set to TRUE. Run these steps manually in RStudio (or R):

Now open up First-Post.html in your editor and you should see the following:

I’ve highlighted lines 1 and 22 with a red circle. Notice on line 1 that there’s no beginning HTML markup as I described above. That’s good, and your output should look similar if not the same.

Also notice on line 22 that the <img> tag looks a little unusual. That’s because by default markdownToHTML will automatically embed locally linked images using base64 encoding. You really don’t need to know how it’s encoded, but just know that your browser will show you the image that you were expecting. That’s the beauty of the markdown package. You have just one HTML document that contains all your codes and plots!

Okay, now we leave RStudio for a second and go to tumblr…

Step 5: Log In to tumblr and Click the “Gear” Icon

I’ve highlighted it in red:

Step 6: Click the “plain text/HTML” Radio Button, Then Click “Save”

The blog posts we are creating will contain HTML, so we want to ensure that we’re using the correct editor, highlighted in red:

Note that the “Save” button is at the bottom of the page, so you’ll probably have to use the scroll bar on your browser to get there.

Step 6: Click on the “Text” Icon to Start a New Blog Post

I still get tripped up on this as I haven’t blogged much in the past, but once you log in to your tumblr account and click on your blog name, you will want to click the icon circled in red below to start a new “Text” blog post:

Be sure that you see “HTML enabled” highlighted below in red:

Go ahead and fill out the Title with “Text” (or something else to your liking).

Step 7: Copy First-Post.html

Tumblr Markdown

Switch back to RStudio, and copy the entire text of First-Post.html using Ctrl-a then Ctrl-c (or your favorite incantation).

Step 8: Paste First-Post.html Into the tumblr Editor, Then Click “Create Post”

Now switch back to your browser, Paste First-Post.html (Ctrl-v) into the tumblr editor, scroll down to the bottom of the page and click the “Create Post” button.

You will now be taken back to your Dashboard and you should see something like this:

What you are now looking at is your Dashboard’s interpretation of your blog post. That’s okay, but what you really want to see is your blog. Click on the button I’ve highlighted in red above to get to your blog, and you should see something like the example I created at http://jeffrey-horner.tumblr.com/.

Step 8: Done!

Congratulations! You just created your first blog post with R Markdown. Now go back to R and create some meaninguful statistical content that we can all learn from! And don’t forget to blog about it!

Cheers!

1:31pm URL: https://tmblr.co/Zf5rDyOAOLKZ
(View comments)
  1. ohmyitzerika liked this
  2. classifierdiagnostic-blog liked this
  3. dataandme liked this
  4. batpig liked this
  5. horizons87-blog liked this
  6. rnanalytics-blog liked this
  7. paulusj8 liked this
  8. tumblsmarter reblogged this from jeffreyhorner
  9. tumblsmarter liked this
  10. pseudointellectualabsurdities liked this
  11. liurht-blog1 liked this
  12. chasingcorrelations liked this
  13. xiaojunsun liked this
  14. mctenshi-blog liked this
  15. sungpil liked this
  16. leetucksing reblogged this from jeffreyhorner and added:
    Using tumblr to blog about your learning for R. This post will help you.
  17. leetucksing liked this
  18. booringdata liked this
  19. nottamuntown liked this
  20. isomorphismes liked this
  21. poemcao liked this
  22. joshlaurito-blog liked this
  23. jeffreyhorner posted this
View the discussion thread