如何在blogger修改CSS，讓程式碼區塊(code block)像是GitHub的code style

因為決定使用markdown先將文章打好，在透過markdown editor轉換成HTML，再將純HTML貼到blogger平台發佈，也因為常常要紀錄程式碼相關的文章，結果發現預設的blogger並沒有支援<code>my code block<code>，所以搜尋了一下找到如何修改blogger CSS，但是文中的code block只適合整段的，有時候會在文中標示是程式碼相關像這樣這是程式碼，就會把這幾個字獨立成一行呈現，所以找了一下是否有GitHub style的CSS，這裏有完整的GitHub style CSS，而我只想要用跟code block相關的

所以我只把下面這段貼到blogger中，可惜我很想要有line number，目前還沒有，有時間再找找

code, tt {
  margin: 0 2px;
  padding: 0 5px;
  white-space: nowrap;
  border: 1px solid #eaeaea;
  background-color: #f8f8f8;
  border-radius: 3px; }

pre code {
  margin: 0;
  padding: 0;
  white-space: pre;
  border: none;
  background: transparent; }

.highlight pre {
  background-color: #f8f8f8;
  border: 1px solid #cccccc;
  font-size: 13px;
  line-height: 19px;
  overflow: auto;
  padding: 6px 10px;
  border-radius: 3px; }

pre {
  background-color: #f8f8f8;
  border: 1px solid #cccccc;
  font-size: 13px;
  line-height: 19px;
  overflow: auto;
  padding: 6px 10px;
  border-radius: 3px; }
  pre code, pre tt {
    background-color: transparent;
    border: none; }

發佈留言