From 6bc33c5978f44ac663c42fcf7fc0f5a0e5bb7a74 Mon Sep 17 00:00:00 2001 From: coder-lg <76845820+coder-lg@users.noreply.github.com> Date: Thu, 29 Jul 2021 19:16:33 +0530 Subject: [PATCH 1/7] final version of blog 2 --- src/markdown/2021-07-27_mdch2.md | 231 +++++++++++++++++-------------- 1 file changed, 127 insertions(+), 104 deletions(-) diff --git a/src/markdown/2021-07-27_mdch2.md b/src/markdown/2021-07-27_mdch2.md index 4dddc48..46e8212 100644 --- a/src/markdown/2021-07-27_mdch2.md +++ b/src/markdown/2021-07-27_mdch2.md @@ -18,111 +18,134 @@ The whole lesson in Markdown will be based on GitHub Flavored Markdown that is u To get things started, I have put a tabbed section set with the most important snippets for your Markdown perfection. -# Tab snippets +# Learn section +### Bold and italic + +Bold can be used to bolden a text while italic is... well, you know. +```markdown | bold+italic.md +**This is bold** +*This is italic* +__This is also bold__ +_And this is also italic_ +When conbined, you get ***this*** or __*this*__ or even **_this_** +``` +> :Buttons +> > :CopyButton -> :Tabs -> > :Tab title=Bold and italic -> > -> > Bold can be used to bolden a text while italic is... well, you know. -> > ```markdown | bold+italic.md -> > **This is bold** -> > *This is italic* -> > __This is also bold__ -> > _And this is also italic_ -> > When conbined, you get ***this*** or __*this*__ or even **_this_** -> > ``` -> > ------ -> > The result: -> > -> > **This is bold** -> > -> > *This is italic* -> > -> > __This is also bold__ -> > -> > _And this is also italic_ -> > -> > When combined, you get ***this*** or __*this*__ or even **_this_** -> > ------ -> -> > :Tab title=Tasks -> > -> > Tasks are a way in Markdown, especially the GitHub flavored one to make a checklist. -> > It can be useful in a task list for a new feature in GitHub. -> > ```markdown | tasks.md -> > - [ ] put a space in the parenthesis -> > - [x] tasks that are done have an x instead of a space inside the parenthesis -> > this is in code mode. let's switch now! -> > ``` -> > ------ -> > Result(***put this in Typora***): -> > -> > - [ ] put a space in the ***parenthesis*** -> > - [x] tasks that are done have an x instead of a space inside the ***parenthesis*** -> > ----- -> -> > :Tab title=Headers -> > -> > headers are useful in Readmes for bold text with just this: `# ` -> > used as: -> > ```markdown | Headers.md -> > # h1 -> > ## h2 -> > ### h3 -> > #### h4 -> > ##### h5 -> > ###### h6 -> > ``` -> > Result: -> > -> > # h1 -> > ## h2 -> > ### h3 -> > #### h4 -> > ##### h5 -> > ###### h6 -> > only 6 sizes of headers -> -> > :Tab title=Strikethrough -> > -> > This is the only piece which needs the HTML tag `whatever` -> > ```markdown | strikethrough.md -> > test -> > ``` -> > ------ -> > Result: -> > -> > test -> -> > :Tab title=Bulleted and numbered points -> > ### Bulleted points -> > Bulleted points can be used if you want a concise list of points if you are studying. -> > ```markdown | bulleted-points.md -> > - hi -> > - my name is LG -> > - :laugh: :+1: -> > ``` -> > ----- -> > Result: -> > -> > - hi -> > - my name is LG -> > - :laugh: :+1: -> > ------ -> > ### Numbered points -> > Same way you wrote questions and answers when you were young(not a joke) -> > ```markdown | numbered-points.md -> > 1. hi -> > 2. bye -> > 3. joking -> > ``` -> > ------ -> > Result: -> > -> > 1. hi -> > 2. bye -> > 3. joking -> +------ +The result: + +**This is bold** + +*This is italic* + +__This is also bold__ + + _And this is also italic_ + +When combined, you get ***this*** or __*this*__ or even **_this_** +------ +### Links +Links are a fun way to share links in suspense way and in different ways too. You can highlight it like code highlights too. Bold italic are main here. Let's go(claps like GothamChess)! +```markdown | links.md +[homepage redirect](https://coderlg.coding.blog) +[`homepage redirect with code highlight`](https://coderlg.codng.blog) +[***hi***](https://coderlg.coding.blog) +``` +> :Buttons +> > :CopyButton + +The result: +[homepage redirect](https://coderlg.coding.blog) + +[`homepage redirect with code highlight`](https://coderlg.codng.blog) + +[***hi***](https://coderlg.coding.blog) + +### Task list +Tasks are a way in Markdown, especially the GitHub flavored one to make a checklist. +It can be useful in a task list for a new feature in GitHub. +```markdown | tasks.md +- [ ] put a space in the parenthesis +- [x] tasks that are done have an x instead of a space inside the parenthesis +this is in code mode. let's switch now! +``` +> :Buttons +> > :CopyButton + +------ +Result(***put this in Typora***): +- [ ] put a space in the ***parenthesis*** +- [x] tasks that are done have an x instead of a space inside the ***parenthesis*** +------ +### Headers +Headers are useful in Readmes for bold text with just this: `# ` +used as: +```markdown | Headers.md +# h1 +## h2 +### h3 +#### h4 +##### h5 +###### h6 +``` +> :Buttons +> > :CopyButton + +Result: + +# h1 +## h2 +### h3 +#### h4 +##### h5 +###### h6 +`only 6 sizes of headers` + +### Strikethrough +This is the only piece which needs the HTML tag `whatever` +```markdown | strikethrough.md +test +``` +> :Buttons +> > :CopyButton + +------ +Result: +test + +### Bulleted and numbered points +#### Bulleted points +Bulleted points can be used if you want a concise list of points if you are studying. +```markdown | bulleted-points.md +- hi +- my name is LG +- :laugh: :+1: +``` +> :Buttons +> > :CopyButton + +------ +Result: +- hi +- my name is LG +- :laugh: :+1: +------ +#### Numbered points +Same way you wrote questions and answers when you were young(not a joke) +```markdown | numbered-points.md +1. hi +2. bye +3. joking +``` +> :Buttons +> > :CopyButton + +------ +Result: +1. hi +2. bye +3. joking So, till now, we learnt: 1. The most famous flavor of Markdown [GitHub Flavored Markdown](:Footnote) From 1886cd358b82e4e282cb2e0a0dfd512e9e716552 Mon Sep 17 00:00:00 2001 From: coder-lg <76845820+coder-lg@users.noreply.github.com> Date: Thu, 29 Jul 2021 19:17:04 +0530 Subject: [PATCH 2/7] Final release of Blog 2 --- src/markdown/2021-07-27_mdch2.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/markdown/2021-07-27_mdch2.md b/src/markdown/2021-07-27_mdch2.md index 46e8212..f9a2eb1 100644 --- a/src/markdown/2021-07-27_mdch2.md +++ b/src/markdown/2021-07-27_mdch2.md @@ -163,7 +163,7 @@ The [tags feature of Coding Blog Plugin](https://connect-platform.github.io/codi > :Watermark > :Buttons -> > :Button icon=true, label=code, url=https://github.com/coder-lg +> > :Button label=GitHub, url=https://github.com/coder-lg Made and deployed by [`coding.blog`](https://coding.blog/) # Comments From cb6aa911122243f2f9ed03effe320ae72713f133 Mon Sep 17 00:00:00 2001 From: coder-lg <76845820+coder-lg@users.noreply.github.com> Date: Thu, 29 Jul 2021 19:19:35 +0530 Subject: [PATCH 3/7] woah --- src/markdown/2021-07-27_mdch2.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/markdown/2021-07-27_mdch2.md b/src/markdown/2021-07-27_mdch2.md index f9a2eb1..a7df08a 100644 --- a/src/markdown/2021-07-27_mdch2.md +++ b/src/markdown/2021-07-27_mdch2.md @@ -16,7 +16,7 @@ Till now, you must have got the prerequisites. If you didn't, go to the last blo 3. Markdown has many flavours. The most comonly used Markdown flavor is `GitHub Flavored Markdown`. The whole lesson in Markdown will be based on GitHub Flavored Markdown that is used in a lot of things in GitHub. [issues, PRs, `./README.md` files and more in GitHub](:Footnote) -To get things started, I have put a tabbed section set with the most important snippets for your Markdown perfection. +To get things started, I have put a section set with the most important snippets for your Markdown perfection. # Learn section ### Bold and italic From 59bb1ee71f243cfc8c8985dbdbc03e3c9a8edea9 Mon Sep 17 00:00:00 2001 From: coder-lg <76845820+coder-lg@users.noreply.github.com> Date: Thu, 29 Jul 2021 19:19:57 +0530 Subject: [PATCH 4/7] grammar :)(: --- src/markdown/2021-07-27_mdch2.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/markdown/2021-07-27_mdch2.md b/src/markdown/2021-07-27_mdch2.md index a7df08a..ec5bda7 100644 --- a/src/markdown/2021-07-27_mdch2.md +++ b/src/markdown/2021-07-27_mdch2.md @@ -27,7 +27,7 @@ Bold can be used to bolden a text while italic is... well, you know. *This is italic* __This is also bold__ _And this is also italic_ -When conbined, you get ***this*** or __*this*__ or even **_this_** +When combined, you get ***this*** or __*this*__ or even **_this_** ``` > :Buttons > > :CopyButton From 5de88c79d991ddee136115603af62630253bc381 Mon Sep 17 00:00:00 2001 From: coder-lg <76845820+coder-lg@users.noreply.github.com> Date: Thu, 29 Jul 2021 19:27:53 +0530 Subject: [PATCH 5/7] final!!!!!!! --- src/markdown/2021-07-27_mdch2.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/markdown/2021-07-27_mdch2.md b/src/markdown/2021-07-27_mdch2.md index ec5bda7..0c610e2 100644 --- a/src/markdown/2021-07-27_mdch2.md +++ b/src/markdown/2021-07-27_mdch2.md @@ -48,9 +48,9 @@ When combined, you get ***this*** or __*this*__ or even **_this_** ### Links Links are a fun way to share links in suspense way and in different ways too. You can highlight it like code highlights too. Bold italic are main here. Let's go(claps like GothamChess)! ```markdown | links.md -[homepage redirect](https://coderlg.coding.blog) -[`homepage redirect with code highlight`](https://coderlg.codng.blog) -[***hi***](https://coderlg.coding.blog) +[homepage redirect](https://coderlg.coding.blog) Basic syntax of links --> +[`homepage redirect with code highlight`](https://coderlg.coding.blog) Code highlighted--> +[***hi***](https://coderlg.coding.blog) bold and italic, either one or both in any combination :)--> ``` > :Buttons > > :CopyButton From 48cdd409a653e913403ac058d1c92e0323d03647 Mon Sep 17 00:00:00 2001 From: coder-lg <76845820+coder-lg@users.noreply.github.com> Date: Thu, 29 Jul 2021 19:38:03 +0530 Subject: [PATCH 6/7] finalllllll --- src/markdown/2021-07-27_mdch2.md | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/src/markdown/2021-07-27_mdch2.md b/src/markdown/2021-07-27_mdch2.md index 0c610e2..ac9bb66 100644 --- a/src/markdown/2021-07-27_mdch2.md +++ b/src/markdown/2021-07-27_mdch2.md @@ -147,7 +147,19 @@ Result: 2. bye 3. joking -So, till now, we learnt: +# Images +Images are interesting. Basically, you add it like a link but do it like this: +```markdown | image.md +![image!](./src/assets/images/markdown.png) takes from root dir--> +``` +> :Buttons +> > :CopyButton + +Result is this: +![image](./src/assets/images/markdown.png) + +# In the end... +We learnt: 1. The most famous flavor of Markdown [GitHub Flavored Markdown](:Footnote) 2. Syntax used mainly by devs in Markdown [`bold`, `italic`, `strikethrough`, `bulleted points`, `numbered points`, and last, `Headers`](:Footnote) From 4012e1331fb65ab64a78a6a10b5740ed02096d6f Mon Sep 17 00:00:00 2001 From: LG <76845820+coder-lg@users.noreply.github.com> Date: Thu, 29 Jul 2021 19:44:57 +0530 Subject: [PATCH 7/7] Update 2021-07-27_mdch2.md --- src/markdown/2021-07-27_mdch2.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/markdown/2021-07-27_mdch2.md b/src/markdown/2021-07-27_mdch2.md index ac9bb66..0259372 100644 --- a/src/markdown/2021-07-27_mdch2.md +++ b/src/markdown/2021-07-27_mdch2.md @@ -177,7 +177,7 @@ The [tags feature of Coding Blog Plugin](https://connect-platform.github.io/codi > :Buttons > > :Button label=GitHub, url=https://github.com/coder-lg -Made and deployed by [`coding.blog`](https://coding.blog/) +Made and deployed by [`coding.blog`](https://coding.blog/) and CODEDOC # Comments > :DarkLight