Hey buddy, welcome to the third video of the series Markdown.
In this video I will show you how to setup the development environment for creating or
editing Markdown files.
Basically I will show you what are the things needed to create and edit Markdown files.
There are many ways you can edit a Markdown file but I will show you two of the best and
easy methods.
So, without wasting much time let's checkout the first method.
For this method you will just need an internet browser with proper internet connection.
In this method we will be using a website called Dillinger.
The link to this website is in the description box below.
Let's open the internet browser.
In this case I am using Google Chrome, but you can use any browser you like.
Now, click on the first link in the description box to go to this page.
This is Dillinger.
Its a website where you can edit Markdown files and get live preview.
It might take a second to load, so wait for it to complete loading.
Once its done, Dillinger will automatically load some Markdown data into the editor.
You can clear that and start writing your own document.
Once completed, enter the document name here.
After you have given your Markdown file a name, you can preview the file in three formats,
for that go to the preview as menu at the top.
Now there are different preview formats.
Select HTML, and it will show the preview in plain HTML.
This is useful if you want to first get the contents and then style the HTML separately.
The second option will also preview the Markdown document in HTML but will add some styling
to it.
This option is perfect if you want to create some documentation for a project that you
are working on.
The third option is pretty straight foreword.
It is just going to show you the Markdown code.
If you have an extension to your browser to render Markdown then it might render it as
Markdown file.
The forth option is also great for making local documentation.
It will create PDF file from the Markdown document.
Once you have previewed the file and happy with the result.
You can now save the file to your local PC.
For that hover over the Export As menu.
Now you can select different formats you want your document to be saved.
Click on that and your download should start instantly with your selected format.
If you want to push this Markdown file into different online cloud storage service then
click over the Save As menu.
Now these are the supported services by Dillinger, to save to.
Other than that Dillinger also can import form different services.
For that click on the import from menu.
Once you have successfully linked any of these services to Dillinger, you can save to them
or read from them.
Also if you have a local HTML or Markdown file.
Click on the following below options to load them.
After that you can see there is a settings icon, if you click that you will see a drop
down menu in which you can reset your profile, if you are facing any problems.
If you following this playlist, the I will be using this website for all of my Markdown
videos in the future.
Now as we saw the first method let's check the second method.
For this you will need a code editor.
I am using Sublime Text 3 for this video, but you can use any editor that supports Markdown.
You will also need an Internet Browser which has Markdown Preprocessing.
Generally most of the browsers don't support Markdown, so you need to install a extension.
I recommend you to use Google Chrome for this purpose as Google Chrome has the largest number
of extensions.
Now let's install Markdown Viewer.
For that open Google Chrome's web store.
Here on the search box search for "Markdown Viewer" and press enter to search.
Now click on Add To Chrome to install this extension.
The link to the extension is in the description box below, so make sure you check it.
Confirm the installation by clicking Add Extension at this popup.
The installation should take a few seconds.
Once completed the blue checking button should turn into green.
After you have installed the extension, you have to give it some permissions.
For that right click on the installed extension.
Now select Manage Extensions from this menu.
As you can see a new tab should open and should highlight the extension that we have installed.
Now check on the box called Allow access to file URLS.
Once you do that, you can close this page and webstore page.
Now the installation and configuration of your browser is complete.
Now create a file with extension ".md" and code some Markdown in it.
Once done, open it in the browser and you should get the result.
Just to should I will open a demo Markdown file.
To open a file in Google Chrome press Control + O.
In this dialog browse the markdown file you want to open and click on the open button
to open it.
Now as you can see the markdown file is rendered as Markdown instead of downloading the file
or showing the source code of it.
Those were the two was you can view markdown files.
If you are trying to learn Markdown then please follow my playlist and website archive.
Link to those will be in the description box below.
Also if you are interested in checking out written articles of my other videos then please
check out my website.
So, that was it for this video.
Please drop a like if you liked this video and subscribe if you loved this video.
This is Vasanth Developer signing off.
Không có nhận xét nào:
Đăng nhận xét