我做的在线版: https://lijilei.com/alibaba-java-guide/guide.html
已询问 gpt4,下附, 但没生效
我本地用的是 Typora, 句首加了空格的, 还加了 Tab
烦请大佬们帮我解决一下
如果能把 Tab 也渲染成缩进就更好了
# 拉代码
git clone [email protected]:lijileiGood/lijileiGood.github.io.git
# 进入文件夹, install 等步骤
# 启动
vuepress dev docs
我
我在使用 vuepress, 这是我的 config.js, 我应该怎么往里写, 达到句首空行保留的效果
module.exports = {
title: '李吉磊 Blog',
themeConfig: {
nav: [
{ text: 'Github', link: 'https://github.com/lijileiGood/lijileiGood.github.io' },
],
},
markdown: {
extendMarkdown: md => {
md.set({
// /n 换行
breaks: true,
// 支持文本中有
html: false,
});
}
}
}
GPT4
你可以在 extendMarkdown 函数中添加一个自定义的规则来处理句首的空格。这个规则会在解析 Markdown 之前运行，将每行句首的所有空格替换为相同数量的 。这样，句首的空格就可以在 HTML 中正确显示了。
以下是如何修改你的 config.js 文件：
module.exports = {
title: '李吉磊 Blog',
themeConfig: {
nav: [
{ text: 'Github', link: 'https://github.com/lijileiGood/lijileiGood.github.io' },
],
},
markdown: {
extendMarkdown: md => {
md.set({
// /n 换行
breaks: true,
// 支持文本中有
html: true, // 需要将此项设置为 true ，以便支持 HTML 实体（如 ）
});
// 添加自定义规则
md.core.ruler.push('replace_leading_spaces', function(state) {
state.src = state.src.replace(/^ +/gm, function(match) {
return ' '.repeat(match.length);
});
});
}
}
}
在这个例子中，replace_leading_spaces 函数会在解析 Markdown 之前运行，将每行句首的所有空格替换为相同数量的 。这样，句首的空格就可以在 HTML 中正确显示了。注意，^ + 是一个正则表达式，匹配每行开头的一个或多个空格，gm 是全局和多行匹配的标志。
另外，你需要将 html 选项设置为 true，以便支持 HTML 实体（如 ）。如果你将 html 选项设置为 false，那么 HTML 实体将不会被正确解析，而是直接显示为文本。
