search

lxndrblz / anatole

Anatole is a minimalistic two-column theme for Hugo.
https://themes.gohugo.io/themes/anatole/
MIT License
651 stars 363 forks source link

How to use table in markdown #364

Closed JacksonK9 closed 1 month ago

JacksonK9 commented 2 years ago

Describe the bug Hello Thanks for your nice theme. BTW, Can I use table in anatole? When I upload to github, same markdown works well, but In anatole, It looks something weird.

image image

upper one is In anatole, lower one is in markdown preview in VSCode.

Thank you

lxndrblz commented 2 years ago

Hi there,

the reason why your table looks different is because Anatole currently does not ship with a style for tables and therefore tables will be styled like default HTML tables.

You can either create a custom CSS for yourself or open a PR if you want to see a specific style being added.

JacksonK9 commented 2 years ago

Hello there.

I tried to change the style of table, But I don't know where to change.

I tried with themes\anatole\assets\scss\partials\components_post.scss

Is this file not correct for changing these table style?

or, Do I have to delete public folder and retry to build?

Could you give me some hints for me?

JacksonK9 commented 2 years ago

I change my config.toml and head.html, so It works for my page.

But I don't know how to Pull Request these function.

please give me some hints for Pull Requests.

lxndrblz commented 2 years ago

See this guide:

https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/creating-a-pull-request

JacksonK9 commented 2 years ago

I didn't mean I don't know how to Pull Request.

I meant that I don't know where to update the anatole theme for update the css style for table.

DonaldNA commented 2 years ago

@JacksonK9

I'm pretty sure you don't need to modify the scss files. Just add a custom css as detailed in the documentation here.

JacksonK9 commented 2 years ago

@DonaldNA Yeah, I'm already in use of custom css I mean this is for enhancement of theme. If not needed, I will close this issue.

lxndrblz commented 2 years ago

@JacksonK9 The appropriate way of adding your changes would be to create a "_table.scss" file in the vendors folder. This file would then be linked within the main.scss.

JacksonK9 commented 2 years ago

I am trying to update the table.scss file

By the way, Can you tell me where to find how to rebuild the theme?

I changed the table.scss file, but It does not update automatically, So I want to rebuild the theme for check.

lxndrblz commented 2 years ago

@JacksonK9 Make sure to add it the table.scss to the main.scss. Afterwards, if you run it using hugo serve, all changes should be display automatically.