---
# System prepended metadata

title: 【Blogger】透過 iframe 把 HackMD 貼到 Blogger
tags: [HTML, Blogger, HackMD/CodiMD/HedgeDoc, 前端, 程式設計 › 程式語言與架構]

---

---
title: 【Blogger】透過 iframe 把 HackMD 貼到 Blogger
date: 2020-02-10
is_modified: false
disqus: cynthiahackmd
categories:
- "程式設計 › 程式語言與架構"
tags:
- "Blogger"
- "HackMD/CodiMD/HedgeDoc"
- "前端"
- "HTML"
---

{%hackmd @CynthiaChuang/Github-Page-Theme %}

 
<br>

那天在閒逛的時候發現很酷的一招，可以直接把  HackMD 的內容直接貼到 Blogger。
 
記錄一下，改天搞不好派的上用場？

<!--more-->
## 實做步驟
1. 先準備一份 HackMD 文件，注意權限問題。
2. 複製 HackMD 的固定網址，應該會長這樣：  
    ```htmlmixed=
    https://hackmd.io/@<使用者名稱>/<固定網址>
    ```
3. 開啟 Blogger 的文章編輯，將 HackMD 透過 iframe 貼上。

    ```htmlmixed=
    <iframe src='HackMD 的固定網址' 
            width="600px" 
            height="4096px"
            frameborder="0" 
            scrolling="no"
    </iframe>
    ```



## 小結 
貼上是貼上了啦，不過 HackMD 的白底跟我 Blogger 的黑底反差超大，有點突兀，看來要慎選主題。



## 參考資料 
1. sam-liaw (2020-01-21)。[覺得 Google 的 Blogger 不太順手?透過 HTML 的 iframe 移花接木 HackMD](hhttps://sam1221.blogspot.com/2020/01/google-blogger-html-iframe-hackmd.html) 。檢自 sam (2020-02-10)。

<br><br> 

> **本文作者**： 辛西亞．Cynthia  
> **本文連結**： [辛西亞的技能樹](https://cynthiachuang.github.io/Using-Iframe-to-Post-the-HackMD-to-Blogger) / [hackmd 版本](https://hackmd.io/@CynthiaChuang/Using-Iframe-to-Post-the-HackMD-to-Blogger)   
> **版權聲明**： 部落格中所有文章，均採用 [姓名標示-非商業性-相同方式分享 4.0 國際](https://creativecommons.org/licenses/by-nc-sa/4.0/deed.en) (CC BY-NC-SA 4.0) 許可協議。轉載請標明作者、連結與出處！
