我试图为我的博客开发一个新功能,即用于撰写文章的 Markdown 编辑器。
我选择了@tailwindcss/typographymarkdown -it来做到这一点,所以这是我的全部依赖项:
{
"dependencies": {
"firebase": "^9.0.0-beta.7",
"markdown-it": "^12.2.0",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-router-dom": "^5.2.0"
},
"devDependencies": {
"@babel/core": "^7.15.0",
"@babel/preset-env": "^7.15.0",
"@babel/preset-react": "^7.14.5",
"@tailwindcss/typography": "^0.4.1",
"autoprefixer": "^10.3.2",
"babel-loader": "^8.2.2",
"css-loader": "^6.2.0",
"dotenv-webpack": "^7.0.3",
"html-webpack-plugin": "^5.3.2",
"postcss": "^8.3.6",
"postcss-cli": "^8.3.1",
"postcss-loader": "^6.1.1",
"style-loader": "^3.2.1",
"tailwindcss": "^2.2.7",
"webpack": "^5.51.1",
"webpack-cli": "^4.8.0",
"webpack-dev-server": "^4.0.0"
}
}
Run Code Online (Sandbox Code Playgroud)
下面的代码是该功能的组件,包括编辑区域和预览区域。然而,这并没有奏效。
当我运行此代码时,它会像这样呈现,而无需印刷<h1>标签。
但是,如果我md.render(markdown)用<h1>hello</h1>(降价-它的渲染结果)替换,它似乎“有效”,看起来像这样。
{
"dependencies": {
"firebase": "^9.0.0-beta.7",
"markdown-it": …Run Code Online (Sandbox Code Playgroud) 我很难将我的 netlify 徽章集中在自述文件中,使用p“中心”对齐的标签似乎不起作用。正确的方法是什么?
这是我到目前为止的代码:
<p align="center">
[](https://app.netlify.com/sites/darienmiller/deploys)
</p>
Run Code Online (Sandbox Code Playgroud)
我经常使用 YAML,但我希望能够包含链接。我尝试在 YAML 文件中使用 Markdown 链接,但显示了整个标点符号。我尝试在 Markdown 文件中使用 YAML 格式,但 YAML 行中没有缩进。我对付费程序持开放态度,但我宁愿先尝试开源程序。谢谢。
我进行了多次浏览器搜索,并尝试了一些发现的东西。
因此,在解析 mdx 时,通常使用 markdown 的 remark 插件,以及 HTML 的 rehype 插件。我看到第三类称为 recma 插件。RECMA 代表什么以及它是什么?令人惊讶的是谷歌没有这方面的结果。
例如,这个插件:https ://github.com/remcohaszing/recma-nextjs-static-props
如何在 Astro 中将 Markdown 转换为 HTML?如果您在 Astro 中导入 MD 文件,内容将在后台自动转换为 HTML。
但我使用 Strapi 作为我的 CMS 系统。我使用fetch() 方法获取我的帖子,效果很好。但是,内容是markdown格式,我想将其转换为HTML。
谢谢 :)
我有一个类似于以下内容的 mkdocs 项目:
\nproject\n\xe2\x94\x9c\xe2\x94\x80mkdocs.yml\n\xe2\x94\x9c\xe2\x94\x80docs\n\xe2\x94\x82 \xe2\x94\x9c\xe2\x94\x80home.md\n\xe2\x94\x82 \xe2\x94\x9c\xe2\x94\x80chapter1.md\n\xe2\x94\x82\n\xe2\x94\x9c\xe2\x94\x80static\n \xe2\x94\x9c\xe2\x94\x80file.ext\n \xe2\x94\x9c\xe2\x94\x80image.png\nRun Code Online (Sandbox Code Playgroud)\n我正在尝试找到一种“附加”file1.ext到构建的方法,例如作为chapter1.md.
有什么建议如何实现这一目标吗?详细信息:我希望单击即可下载该文件。
\n我的整个 Visual Studio Codesettings.json文件是:
{
"notebook.markup.fontSize": 48,
}
Run Code Online (Sandbox Code Playgroud)
我可以创建一个 Markdown 文件,例如file.md并通过按以下组合键在 VS Code 中预览它:
Ctrl+K V
Run Code Online (Sandbox Code Playgroud)
这个 Markdown 预览字体对我来说太小了。按照本文建议的方式进行调整没有任何作用。我没有安装任何扩展。为了演示如何调整设置,我可以使用这两个settings.json文件中的任何一个,并且 Markdown 预览字体大小保持不变。
settings.json文件#1
{
"notebook.markup.fontSize": 12,
}
Run Code Online (Sandbox Code Playgroud)
settings.json文件#2
{
"notebook.markup.fontSize": 48,
}
Run Code Online (Sandbox Code Playgroud)
我做错了什么,还是这是一个错误?
我想创建一个好的语法,以便更容易链接到内部事物,有点像Wiki,所以也许我认为用户可以使用类似的东西:
Bah bah bah reference: [[a]]
Run Code Online (Sandbox Code Playgroud)
它会将其转换为HTML:
Bah bah bah reference: <a href="..../id=a">title</a>
Run Code Online (Sandbox Code Playgroud)
但我担心感叹和安全问题.选择什么是好的语法(可能是[[]]或其他什么)以及它的安全正则表达式是什么?
或者只是保存降价并将其呈现在请求上通常可以吗?
我正在编写一个使用markdown进行内容的网站.堆栈溢出同样使用markdown来评论和提问.
我将内容作为markdown存储在数据库中,然后在用户访问站点时将其呈现为html.
我有一种感觉,我应该将markdown和html输出存储在数据库中,以减少服务器上的负载.然而,现在表现似乎不是一个问题(着名的遗言.)
这是一个使用rdiscount gem转换降价的rails网站.
有谁知道使用markdown的wiki引擎?
我不打算使用ASP.Net,但如果你知道的话,无论如何都要发布基于ASP.Net的解决方案.
请注意.Net标签.我只对使用.Net构建的Markdown引擎感兴趣.
markdown ×10
.net ×1
astrojs ×1
github ×1
html ×1
javascript ×1
markdown-it ×1
mkdocs ×1
python ×1
reactjs ×1
readme ×1
rehypejs ×1
remarkjs ×1
tailwind-css ×1
typography ×1
wiki-engine ×1
yaml ×1