Head Style Tag didn't load #1784
-
Bug ReportI wanted to add some style to my document, then I input this to the <head> <!--The above is omitted--> <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@4/lib/themes/vue.css"> <style type="text/css"> p { text-indent: 2em; } </style>But it didn't make text indent. What's the matter? Why? I can't understand.
Please create a reproducible sandbox
Mention the docsify version in which this bug was not present (if any) |
Beta Was this translation helpful? Give feedback.
Replies: 9 comments 8 replies
-
| I can't reproduce the problem you mentioned.
|
Beta Was this translation helpful? Give feedback.
-
| Oh... But here...
So I have to use the 2 full-width spaces ( , 　) to make indent. I think that it has produced by GitHub Pages, or because I'm in Chinese Mainland, then... Wait, I've put the You can look at these file and check the problems below: |
Beta Was this translation helpful? Give feedback.
-
| You only added it in zh-cn/index.html, which is normal when using zh-cn as an entry.
|
Beta Was this translation helpful? Give feedback.
-
| @sy-records Thank you very much! |
Beta Was this translation helpful? Give feedback.
-
| But I want to let the /zh-cn/ become a child folder, not main folder, the main folder is en-us. Hmm, has this caused by "fallbackLanguages", its value is: |
Beta Was this translation helpful? Give feedback.
-
| you should add it to /index.html and handle the style according to the language. |
Beta Was this translation helpful? Give feedback.
-
It doesn't give attention to the How to do this? Add the Or use below? I don't want the English text indents, I only want the Chinese text indents I don't want the English text indents, I only want the Chinese text indents I don't want the English text indents, I only want the Chinese text indents <style type="text/css> /* But this is not very good, because when I use below: */ /* <p class="zh-cn">**内容**</p> */ /* It won't render the markdown text. */ p .zh-cn{ text-indent: 2em; } </style>So, what can I do? |
Beta Was this translation helpful? Give feedback.
-
<script> // Set html "lang" attribute based on URL var lang = location.hash.match(/#\/(de-de|es|ru-ru|zh-cn)\//); if (lang) { document.documentElement.setAttribute('lang', lang[1]); } </script>Add css: :lang(zh-cn) #main p { text-indent: 2em; } |
Beta Was this translation helpful? Give feedback.
-
| It doesn't indent yet. But where should I put these code at, respectively? I don't know that should be put in the Can you tell me, please? I've tried to put the css in |
Beta Was this translation helpful? Give feedback.
-
| All are tested by me. |
Beta Was this translation helpful? Give feedback.
-
| It still doesn't indent... I don't want to say more... See here: https://github.com/ersrohu/mingyues-daily-life/blob/main/index.html |
Beta Was this translation helpful? Give feedback.
-
|
|
Beta Was this translation helpful? Give feedback.
-
| What????????????????? I'm so speechless
|
Beta Was this translation helpful? Give feedback.
-
| Oh, I have come back. |
Beta Was this translation helpful? Give feedback.
-
| Do you get it? <!--It should be this--> <html lang='zh-cn'> <!--But it's turned to this--> <html lang='en'> <!--Focus on here--> |
Beta Was this translation helpful? Give feedback.
-
|
|
Beta Was this translation helpful? Give feedback.
-
| Ah, this... document.documentElement.setAttribute('lang', lang[1]); //Note "documentElement" var lang = location.hash.match(/#\/(de-de|es|ru-ru|zh-cn)\//); //You are meaning that you want to use the URL to set its attribute? // But it seems that is not very good at the compatibility.Two lines of these of code is very suspicious, maybe because you didn't declare what is |
Beta Was this translation helpful? Give feedback.
Add css: