5分鐘將簡書markdown文章批量遷移到django站點
摘要：
相信很多小夥伴和我一樣，寫部落格, 能用markdown就絕不用富文字, markdown有很多好處, 比如: 可以快速遷移
遷移前:簡書連結
遷移後: 方圓小站連結
這次教大家如何批量遷移簡書的markdown到自己...
相信很多小夥伴和我一樣，寫部落格, 能用markdown就絕不用富文字, markdown有很多好處, 比如: 可以快速遷移
遷移前:簡書連結
遷移後: Chrome%E6%8F%92%E4%BB%B6%E8%8B%B1%E9%9B%84%E6%A6%9C/whatruns%E4%B8%80%E9%94%AE%E5%88%86%E6%9E%90%E7%BD%91%E7%AB%99%E6%8A%80%E6%9C%AF%E6%A0%88.md" target="_blank" rel="nofollow,noindex">方圓小站連結
- 這次教大家如何批量遷移簡書的markdown到自己的網站
第一步: 從簡書後臺下載文章, 並解壓
第二步: 將資料夾 Chrome外掛英雄榜 放入專案靜態檔案目錄下, 完成python讀取md文件的邏輯
- 放入django靜態目錄
- django 處理函式
## 文章頁面
def article(request):
# 新增目錄
blog_md_list = []
for relative_file_dir_path, file_dir_name, file_name in os.walk(BASE_DIR+"/webStatic/blog-md"):
# print("當前資料夾路徑(字串)", relative_file_dir_path)
# print("當前資料夾目錄下包含的資料夾(陣列)", file_dir_name)
# print("當前資料夾目錄下包含的檔名(陣列)", file_name)
for file in file_name:
if(file.startswith('.') == False):
title = file[:-3]
blog_md_list.append({"file_path": relative_file_dir_path+"/"+file, "title": title})
# 正文
md_path = request.path.lstrip('/blog/article/')
# 獲取文章標題
md_title = md_path.split('/')[-1][:-3]
md_txt = {"md": ''}
with open("/"+md_path,'r') as f:
md_txt = {"md": f.read()}
return render(request, "blog/page.html",locals())
第三步: 完成前端頁面的渲染邏輯:
核心程式碼
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>{{md_title}}</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/showdown/1.9.0/showdown.min.js"></script>
</head>
<body>
<style>
img{
width: 80%;
}
</style>
<div id="result"></div>
<script type="text/javascript">
(function convert(md_txt) {
var text = md_txt;
var converter = new showdown.Converter();
var html = converter.makeHtml(text);
document.getElementById("result").innerHTML = html;
})({{ md_txt | safe }}["md"]);
</script>
</body>
</html>
小結:
由於篇幅原因, 上面只是放上了前端和後端的核心處理邏輯, 前端的頁面樣式, 可以訪問 https://fangyuanxiaozhan.com 進行檢視, 前端是開源的, 開啟chrome開發者工具, 什麼都有了, 當然對以上步驟有疑問, 可以在下方給我留言, 我會及時解答~