GitHub Pages用jekyll-theme-tactile主题时,如何渲染复选标记与表格?
解决Jekyll Tactile主题在GitHub Pages的两个渲染问题
1. 表情符号:heavy_check_mark:无法渲染
GitHub Pages的Jekyll环境默认支持GFM(GitHub Flavored Markdown),但部分主题需要显式启用相关配置。在项目根目录的_config.yml文件中添加或修改以下配置:
markdown: GFM # 或者使用kramdown并启用GFM输入 kramdown: input: GFM
保存后重新提交到GitHub,Pages会重新构建,此时:heavy_check_mark:就能正常渲染为复选标记。
2. 表格边框未渲染
jekyll-theme-tactile主题默认没有为表格添加边框样式,需要自定义CSS补充。在项目中创建assets/css/style.css文件(若已存在则直接编辑),添加以下样式:
table { border-collapse: collapse; width: 100%; margin: 1.5em 0; } th, td { border: 1px solid #e1e4e8; padding: 0.75em; text-align: left; } th { background-color: #f6f8fa; font-weight: 600; }
提交该文件后,GitHub Pages重新构建,表格就会显示边框。
内容的提问来源于stack exchange,提问作者David Thielen
相关产品推荐
相关产品推荐

