Comments (10)
@kbmts There's something in the code (not CSS style) that is generating the character.
Here is the source markdown file:
https://kbmts.github.io/docsify-test/README.md
# Docsify Test
## content1
ps -ef | grep 'web'
## content2
du -h --max-depth
A simple solution to this @kbmts is to wrap the code with backticks symbols (`
). Change the markdown content to the following:
# Docsify Test
## content1
`ps -ef | grep 'web'`
## content2
`du -h --max-depth`
Here is a sample output:
Docsify Test
content1
ps -ef | grep 'web'
content2
du -h --max-depth
If you do this, then the normal text will have nicer looking quotes, but the inline code will not be transformed.
Also curious, if you remove docsify-themeable.min.js, does it stop transforming the quotes?
from docsify.
@trusktr @Koooooo-7 Thank you very much. It's the docsify-themeable js issue!
from docsify.
Bug confirmed and fixed.
From this comment:
It turns out the docsify-themeable JS was setting the markdown processor's
smartypants
option totrue
. Enabling this option "turns plain ASCII punctuation characters into "smart" typographic punctuation HTML entities" according to the SmartyPants project description. Mystery solved.I've made the necessary change on the dev branch. I will publish an updated version when the next version of Docsify is released. That will hopefully happen in the next few weeks. In the meantime, you have two options:
- Wrap affected text in backticks (e,.g.
ps -ef | grep 'web'
) as @trusktr recommended here.- Download and locally host the current preview build of
docsify-themeable.min.js
which contains the fix.Thanks!
from docsify.
Nice!
from docsify.
Hi @kbmts , could you provide an reproduce?
It sounds weird and I can not reproduce it either.
from docsify.
Markdown does what it does, not sure how to avoid. Do you add plugins? Can't see your issue directly. Can you link to an example?
If you want to show pieces of code, use back ticks. For example,
Provide some `--option` to enable some feature. Internal code receives the string `'foo'`.
The output looks like this:
Provide some --option
to enable some feature. Internal code receives the string 'foo'
.
from docsify.
from docsify.
Hi, it seems the docsify-themeable
plugin styling issue.
<script src="https://cdn.jsdelivr.net/npm/docsify-themeable@0/dist/js/docsify-themeable.min.js"></script>
from docsify.
@jhildenbiddle does docsify-themeable.js change the quotes? If so, does it have a config option?
re-opening to track the quote issue (but feel free to unsubscribeif needed @kbmts).
from docsify.
@trusktr --
I don't believe it does, but I will verify and report back.
from docsify.
Related Issues (20)
- docsify-vue-no-additional-configuration-issue HOT 3
- 在gitee上 点击目录上 跳转失败 HOT 1
- docsify search plugin could support excluding certain page HOT 1
- [Proposal] Refinement project and Preview/Pages support.
- search box num error / plugin 'full text search' HOT 1
- All distributable files belong in the same directory (move all to `dist/`) HOT 1
- Cannot preview permanent link HOT 7
- Import error HOT 2
- Publish to GitHub page, sidebar disappear HOT 1
- Top navigation bar disappears HOT 2
- Second-level table UI HOT 3
- image url begin with "/" should be AbsolutePath,not RelativePath HOT 3
- Can not get right routes with multi sections HOT 4
- picture centering? 图像居中? HOT 1
- Expecting a new release from `develop` branch to resolve `marked` dependency vulnerabilities HOT 2
- Allow plugins to handle raw embedded markdown content
- placeholder setting is useless
- Can the search box be placed in the middle and what should be done HOT 1
- Bug
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from docsify.