study

在 Logdown 上移除右上方 dashboard

最近朋友想開個部落格試試，我推薦了 Logdown、Blogger 或是全自己來的 GitHub Pages，最後友人選擇了 Logdown，然而友人跟我說：「Logdown 有個缺點，就是右上方的 Dashboard 很醜，要是能拿掉就太好了。」於是為了讓友人安心使用，我便看了一下 Logdown 原始碼，發現其實要拿掉或隱藏 Dashboard 並不困難。
被嫌醜的 Dashboard

到自己的 Dashboard 中點選 Blog 設定，接著點選佈景主題分頁，點選編輯 HTML，如下圖位置。
Blog 設定→佈景主題→編輯 HTML

在最下方 </body></html> 前面空白處插入以下程式碼：

1
2
3
4
5
6
<script>
  document.addEventListener("DOMContentLoaded", function(event) {
    var elem = document.querySelector('iframe[src="http://logdown.com/pages/top_controls"]');
    elem.parentNode.removeChild(elem);
  });
</script>

插入後呈現如下：
插入 javascript

接著重新開啟自己的 Logdown 看看就能看到成果囉！

※此段語法不適用於 IE8。