[Solution] The Easiest Way to Convert Notion to Blogger HTML [Solved: KaTeX & Code Formatting

 I have decided to start blogging for the first time.

 My primary motivation was that I thought it would be good to organize what I have studied to improve my understanding and share it with others. I plan to record various things, such as the restaurant reviews I usually write on KakaoMap, web services I occasionally build, and reviews of movies or books. I intend to visit often and write frequently.

Writing simple text on Blogger is not difficult. However, I am used to freely writing code or mathematical formulas in Notion, but doing the same on Blogger (Blogspot) is extremely difficult..

So, I thought it would be great if I could organize everything in Notion, use Notion's export function, and immediately input formulas or code into Blogger.

Since there are many Notion users, I thought creating a way to register Notion HTML files directly to Blogger would be convenient.

Pain Point: It is very tricky to input mathematical formulas and code blocks in Blogger.

Solution: Since I use Notion well, let's write in Notion, export to HTML, and solve it by copy-pasting into Blogger!





https://notion2blogger.vercel.app/


Currently, I do not have a custom domain and have deployed it via Vercel, but if I gain users, I plan to set up a domain as well.

The instructions are as follows:

1. Convert the content to HTML using the export feature in Notion.



2. Upload the HTML file to the page above, then click "Copy Fragment" on the result.


3. In the Blogger post editor, click the pencil icon and switch to "HTML view".

4. Paste the copied content.
At this point, even if you switch back to "Compose view", it converts well without HTML errors.
(If you find any errors, please report them..)

5. Re-upload the photos in their original positions to register them.
+ Regarding photos, I implemented it this way because directly uploading them to the blog seems better for future management.



I ask for your continued interest.


This content was translated from Korean to English using GPT.

#Notion2Blogger #NotionHtml #purehtml #Notion #Blogger #HoyaLab #webservice

Comments