精選文章

來整理Blogger，Essential主題搭配一點trick，就可以在Blogger直接寫Markdown!!

以下全部直接在Blogger編輯器撰寫，我之後應該會在HackMD排好格式後，直接貼過來，之後就可以直接修正了！ 
## 從今天開始，直接在Blogger編輯器寫Markdown


<br /><br />

因為我平常寫筆記習慣用HackMD，所以我一直覺得在Blogger寫作很麻煩。

我之前都是在HackMD之類的工具寫好筆記之後，再把它轉成Html格式，再貼到Blogger上，這樣也不是不行，但是要修改文章就會很麻煩。

我找到的方法呢，就是這個[Using Markdown in Blogger - with showdown and highlightJS](https://js-react.blogspot.com/2017/01/using-markdown-in-blogger.html)，只要對Template做一點小小的更動，就可以一勞永逸！讓我也有動力整理我的Blogger了。

<br /><br /><br />

### 1. 先認識等等要找的html tag

html的格式就像下方這樣：
```html
<html>
	<head>
    </head>
    <body>
    </body>
</html>
```

<br /><br /><br />

### 2. 實際操作

去管理頁面，主題，編輯Html

接著找到`<head>`，把這一行貼上去：

```html
<head>
	<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/default.min.css"/>
    ...
</head>
```

<br /><br />

然後找到`</html>`，把這四行貼上去：

```html
<html>
	<script src='//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/highlight.min.js' type='text/javascript'></script>
	<script src='//cdnjs.cloudflare.com/ajax/libs/showdown/1.6.2/showdown.min.js' type='text/javascript'></script>
	<script src='//cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js' type='text/javascript'></script>
	<script src='//mxp22.surge.sh/markdown-highlight-in-blogger.js' type='text/javascript'></script>
</html>
```

這樣就可以儲存Template了！

<br /><br /><br />

### 3. 用Markdown撰寫Blogger

接下來，只要打開新文章，然後把文章檢視切換成`HTML檢視`，就可以在`<pre class="markdown">`內，用Markdown語法寫文章。

```
<pre class="markdown">
...
</pre>
```

<br /><br />

這個方法我覺得對於相當習慣Markdown撰寫模式的人來說，會很舒服，唯一的缺點就是，在文章內想打出`&` , `<` and `>`的話，在Html模式下需要把他們用`&amp;` , `&lt;` and `&gt;`改寫，才能正確顯示，所以如果是要寫關於網頁類的程式，code還是只能在其他地方先find & replace才行。

<br />

要處理換行的話，可以用這個來取代`<br />`：

```
&lt;br /&gt;
```

或是直接用`<pre class="markdown">`分開不同段落也沒問題。

<br />

然後因為Blogger文章封面的文字，目前沒有辦法渲染到，所以最簡單的解決辦法就是眼不見為淨！:P

在文章的最上方插入繼續閱讀的橫線，或是在Html模式下，在最上方貼上下面這行就可以了：

```
<span><!--more--></span>
```

<br /><br /><br />

參考：
[Using Markdown in Blogger - with showdown and highlightJS by Divya van Mahajan](https://js-react.blogspot.com/2017/01/using-markdown-in-blogger.html)
Location: 台灣

留言

張貼留言

這個網誌中的熱門文章

COCO Dataset： 介紹、下載、取得方式、標註資料格式(key points)

圖片
在訓練模型時，需要大量的訓練資料，這時就會需要許多公開的數據集，在動作偵測(pose estimation)方面，<strong>標注資料是人體關節</strong>(keypoint)的數據集很多，COCO 就是其中一個。 <br /><br /> 而且在 github 上找 code 的時候，因為數據集龐大的關係，所以並不會把訓練資料一併上傳至 repository 裡，因此需要自行去找到數據集下載。 <br /><br /> 廢話不多說，開始吧。 <br /><br /><br /> > coco 首頁 找到 coco的網站 ，點開上排導覽列的Dataset，進入Download頁面，會有很多連結： 中間 是圖片下載，都有標示年份、用途、資料集大小 右邊是標註的資料，這個是訓練的答案，答案有很多種類，keypoint跟segmentation都有， coco dataset存放是用json格式 。 左邊是coco dataset自製for拿圖片對應的答案的python package(github) > coco 資料集下載處 用facebook家的DensePose舉例，他自己有標註資料，但是用的圖片還是coco dataset的。 怎麼看 github 的 code 用的是哪個dataset的? 這個會需要你去翻一下reopsitory，以DensePose來說，像是 INSTALL.md 和 get_DensePose_COCO.sh 都可以知道訓練集是使用coco 2014的dataset。 如果是單純用2014年的coco dataset做訓練，要下載的有： 2014 Train images [83K/13GB] 2014 Val images [41K/6GB] 2014 Train/Val annotaions [241MB] 如果是要用dense pose的dataset，則只需下載圖片，annotation要另外下載： 2014 Train images [83K/13GB] 2014 Val images [41K/6GB]
Read more »