Blog Memo by Hugo with Typora
In 2021, the blog is upgraded to Hugo + Typora. It combines the notebook and blog into single system.
Set Up Env
- install GO and hugo
- install theme
cd <YOUR Bolg Root Dir>
git clone https://github.com/flysnow-org/maupassant-hugo themes/maupassant
Hugo Serve or Build
- hugo server -t maupassant
- it will server the website on local machine
- hugo -D -t maupassant
- it will generate the statistic-files to public folder
- Note that the asset (image/video) would not be copy to the public folders..
- Do not build while serving the localhost, it would generate some file inconsistently.
- In dev-mode, using ctrl+F5 to clean CSS cache
Tips When Writing Memos
-
Adding your md file into the contect and then compile
-
using H2 as the main-section in the md. file so that Web-Theme can parse
Handling Images in Hugo with Typora
- Notice that in Web, it would
- src = img.png –> https://kentchun33333.github.io/{your_file_location}/img.png
- src = /img.png –> https://kentchun33333.github.io/img.png
- In practical, using Typora With Hugo, we need to use YAML setting style on the top of md file, like following
typora-root-url: ..\..\static
title : "Career Roadmap"
description : "Personal Plan."
tags : ["Roadmap"]
- Then we put the image in static folder so it can be ranger directly
- Recommend in Typora with setting Image Inset to customized folder
# inter the folder on root-lvl with typora
# setting typora-root-url to Hugo-static folder
# put the image in the specific folder in hugo-static folder
../../static/img/${filename}
