2022-06-26 hexo的css處理

2022-06-26 hexo的css處理

操作步驟

1. 在表格外面用一個有自訂 class 的 div 包住

   <div class="ChtLaw">
   </div>

2. 表格內容也加上有指定 class 的欄位

   <span class="ChtLawArticle">第 1 條</span>
   <div class="ChtLawAudio"><audio controls src="./保險法/01_007.mp3"></div>

3. css 相關檔案

• D:\Blog\GitIoSrc\.deploy_git\css\main.css

• D:\Blog\GitIoSrc\public\css\main.css

  .ChtLaw table .ChtLawArticle {
    display: inline-block; width:60px
  }
  .ChtLaw table .ChtLawAudio {
    width:100px
  }

• D:\Blog\GitIoSrc\themes\next\layout\_partials\head\head.swig

  第42行
  <link rel="stylesheet" href="{{ url_for(theme.css) }}/main.css">

hexo command

hexo clean
hexo g
hexo d

參考文件

Set table column width via Markdown
Markdown Syntax
完美解决：Hexo Next主题本地可预览CSS，但部署到网站CSS失效问题！