标签: markdown

Tailwind/排版如何在 React 项目中与 markdown-it 良好配合?

我试图为我的博客开发一个新功能,即用于撰写文章的 Markdown 编辑器。

我选择了@tailwindcss/typographymarkdown -it来做到这一点,所以这是我的全部依赖项:

包.json

{
 "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>(降价-它的渲染结果)替换,它似乎“有效”,看起来像这样

编辑器.jsx
{
 "dependencies": {
    "firebase": "^9.0.0-beta.7",
    "markdown-it": …
Run Code Online (Sandbox Code Playgroud)

markdown typography reactjs markdown-it tailwind-css

2
推荐指数
1
解决办法
3738
查看次数

如何将 netlify 徽章放在 README.md 上?

我很难将我的 netlify 徽章集中在自述文件中,使用p“中心”对齐的标签似乎不起作用。正确的方法是什么?

这是我到目前为止的代码:

<p align="center">
    
[![Netlify Status](https://api.netlify.com/api/v1/badges/bc438b2e-9f12-4bbe-987e-d36fcef20a2f/deploy-status)](https://app.netlify.com/sites/darienmiller/deploys)
</p>
Run Code Online (Sandbox Code Playgroud)

Netlify 状态

markdown github github-flavored-markdown readme

2
推荐指数
1
解决办法
1230
查看次数

混合 YAML 和 Markdown

我经常使用 YAML,但我希望能够包含链接。我尝试在 YAML 文件中使用 Markdown 链接,但显示了整个标点符号。我尝试在 Markdown 文件中使用 YAML 格式,但 YAML 行中没有缩进。我对付费程序持开放态度,但我宁愿先尝试开源程序。谢谢。

我进行了多次浏览器搜索,并尝试了一些发现的东西。

markdown yaml

2
推荐指数
1
解决办法
6581
查看次数

在Unifiedjs生态系统中,RECMA代表什么?

因此,在解析 mdx 时,通常使用 markdown 的 remark 插件,以及 HTML 的 rehype 插件。我看到第三类称为 recma 插件。RECMA 代表什么以及它是什么?令人惊讶的是谷歌没有这方面的结果。

例如,这个插件:https ://github.com/remcohaszing/recma-nextjs-static-props

javascript markdown remarkjs rehypejs

2
推荐指数
1
解决办法
259
查看次数

在 Astro 中将 markdown 转换为 HTML

如何在 Astro 中将 Markdown 转换为 HTML?如果您在 Astro 中导入 MD 文件,内容将在后台自动转换为 HTML。

但我使用 Strapi 作为我的 CMS 系统。我使用fetch() 方法获取我的帖子,效果很好。但是,内容是markdown格式,我想将其转换为HTML。

谢谢 :)

markdown astrojs

2
推荐指数
1
解决办法
1863
查看次数

mkdocs:如何附加可下载文件

我有一个类似于以下内容的 mkdocs 项目:

\n
project\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\n
Run Code Online (Sandbox Code Playgroud)\n

我正在尝试找到一种“附加”file1.ext到构建的方法,例如作为chapter1.md.

\n

有什么建议如何实现这一目标吗?详细信息:我希望单击即可下载该文件。

\n

python markdown mkdocs mkdocs-material

2
推荐指数
1
解决办法
1579
查看次数

如何在 VS Code Markdown 预览中调整字体大小?

我的整个 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)

我做错了什么,还是这是一个错误?

markdown visual-studio-code

2
推荐指数
1
解决办法
1817
查看次数

什么是HTML链接降价的良好语法,使内部链接更容易?

我想创建一个好的语法,以便更容易链接到内部事物,有点像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)

但我担心感叹和安全问题.选择什么是好的语法(可能是[[]]或其他什么)以及它的安全正则表达式是什么?

html markdown

1
推荐指数
1
解决办法
934
查看次数

将内容写入markdown时,将内容作为html存储在数据库中是最佳做法吗?

或者只是保存降价并将其呈现在请求上通常可以吗?

我正在编写一个使用markdown进行内容的网站.堆栈溢出同样使用markdown来评论和提问.

我将内容作为markdown存储在数据库中,然后在用户访问站点时将其呈现为html.

我有一种感觉,我应该将markdown和html输出存储在数据库中,以减少服务器上的负载.然而,现在表现似乎不是一个问题(着名的遗言.)

这是一个使用rdiscount gem转换降价的rails网站.

markdown ruby-on-rails

1
推荐指数
1
解决办法
641
查看次数

Markdown wikiengine

有谁知道使用markdown的wiki引擎?

我不打算使用ASP.Net,但如果你知道的话,无论如何都要发布基于ASP.Net的解决方案.

更新

请注意.Net标签.我只对使用.Net构建的Markdown引擎感兴趣.

.net markdown wiki-engine

1
推荐指数
1
解决办法
982
查看次数