Code blocks within Markdown tables

Fri, 09 Apr 2021 17:10:00 +0300

Markdown provides support for tables, but only basic text formatting (such as bold, italics, inline code, etc.) is supported within table cells. More complex text formatting, such as code blocks and horizontal lines, is not supported. If you need to add support for complex formatting within tables and you are using Github Flavored Markdown, one approach is to use HTML to define the table structure and then include inline Markdown text within it. Here is an example:

Please note the following:

The <td> and </td> tags for the corresponding table cells should be placed at the beginning of a new line (without any indentation).
There should be a blank line between the Markdown text inside the table cell and the <td> and </td> tags.

Example:

Column 1 Column 2

Code Block

print("hello world")

Horizontal Line

Markdown

Some Text

Code: Note that the code block should end with 3 tildes (I’m using two here because three would cause rendering errors and prematurely end the code block).

<table>
<tr>
<td> Column 1 </td> <td> Column 2 </td>
</tr>
<tr>
<td> Code Block </td>
<td> <!--line start-->
 <!--empty line-->
```python
print("hello world")
`` <!--Should be 3 tilt here!-->
 <!--empty line-->
</td> <!--line start-->
</tr>
<tr>
<td> Horizontal Line </td>
<td>

**Markdown**

---

Some Text

</td>
</tr>
</table>

Reference link:

https://stackoverflow.com/a/60502719

Integrating Disqus with Hugo

Sat, 03 Apr 2021 22:30:00 +0300

Hugo has built-in support for Disqus. In theory, you only need to set the disqusShortname attribute at the top level of your site’s config.toml file. However, there are some pitfalls when actually using it. Here are the specific steps.

Register your own account on the Disqus website.
After logging in to the Disqus website, go to Settings in the upper right corner, then select Moderation on the left side. Here, create a new site, and the site name ({site_name}.disqus.com) should be used as the value for disqusShortname.
Once the site is created, choose the Free Plan on the Billing page.
Set the disqusShortname in the config.toml file of Hugo.

Other minor issues:

No comments displayed locally: In the theme’s disqus.html file (located at {site_folder}\themes\{theme_name}\layouts\partials\disqus.html), the comment box will not load when the condition (indow.location.hostname == "localhost") is met. If you need to debug, you can add a comment to this condition, and it will display normally locally.

Pitfall on Nekonull's Garden

Code blocks within Markdown tables

Integrating Disqus with Hugo