部落格文章轉PDF
用Markdown寫部落格?將文章轉換成PDF格式, 方便離線閱讀、備份存檔或製作電子書合集。
支援的部落格平台
許多流行的靜態網站產生器都使用Markdown格式, 你可以直接將原始文章檔案轉換為PDF:
- Hexo — 繁體中文社群最受歡迎的部落格框架
- Hugo — 快速的靜態網站產生器
- Jekyll — GitHub Pages預設的部落格引擎
- Gatsby — React生態系的靜態網站框架
- VuePress — Vue生態系的文件網站工具
- Notion — 匯出為Markdown後可用
為什麼要把文章轉成PDF?
💾 永久備份
網站可能關閉,但PDF永遠保存你的作品
📖 電子書
集結系列文章,製作成電子書分享
✈️ 離線閱讀
搭飛機、捷運時也能閱讀自己的文章
📋 作品集
將技術文章整理成作品集,求職加分
部落格文章Markdown範例
---
title: "React Hooks完全指南"
date: 2026-01-15
tags: [React, JavaScript, 前端]
---
# React Hooks完全指南
React Hooks是React 16.8引入的重要功能,
讓你在函式元件中使用狀態和其他React特性。
## useState
```javascript
const [count, setCount] = useState(0);
```
## useEffect
處理副作用,例如API呼叫:
```javascript
useEffect(() => {
fetchData();
}, []);
```
## 重點整理
1. Hooks只能在函式元件頂層使用
2. 不能在條件式中呼叫Hooks
3. 自訂Hook命名以use開頭
> 完整程式碼請參考我的GitHub!Front matter(---之間的部分)會被保留, 讓你的PDF保持完整的文章資訊。
適合的使用場景
- 技術教學 — 將系列教學轉成PDF教材
- 旅遊遊記 — 製作旅行回憶錄
- 讀書筆記 — 整理閱讀心得
- 個人品牌 — 分享專業見解的合集
- 網站遷移 — 在換平台前備份所有文章
常見問題
文章中的圖片會顯示嗎?
使用完整URL的圖片(https://開頭)會正確顯示在PDF中。 相對路徑的圖片可能需要調整為絕對路徑。
Front matter會被處理嗎?
YAML front matter會保留在輸出中, 讓你的PDF包含標題、日期、標籤等資訊。
支援程式碼高亮嗎?
支援!我們支援多種程式語言的語法高亮, 包括JavaScript、Python、Go、Rust等。
把部落格文章變成精美PDF
立即免費試用隱私保護
- ✓ 無需帳號
- ✓ 文章內容不會被儲存
- ✓ 處理完成後自動刪除
- ✓ 你的創作完全保密