部落格&公眾號管理

忽如一夜春风来~發表於2024-06-15

1：部落格平臺評價

1.1：CSDN

廣告多，複製之前還要登入，大量無營養價值的轉載圖文 (油猴外掛解決) 。國內引流有一手，要說哪家漲粉快，還得是 CSDN，這都是百度的功勞。

提供下載資源，資源都要積分/錢/VIP，其實很多人原因花點小錢買資源，但提供積分下載的資源只有用積分/VIP 才能下載，大多不是創作者的使用者並沒有積分，只能購買 VIP 來下載資源，而購買 VIP 最低也只能購買月卡會員，壓根就沒有天卡會員，非常不划算。

我自己 CSDN 號也共享了資源掙了點積分，沒辦法，有些資源網上可能找不到說不定 CSDN 就有，給自己提供一個渠道不是壞事。我自己還提供了一些付費資源盈利了 600 餘元，我有罪哈哈，後來嫌麻煩就懶得上傳付費資源了，因為付費資源只有在市場上有需求別人才會花錢買，我所提供的付費資源搞起來比較麻煩。

建議：如果想要掙錢，將 CSDN 當做副業掙點零花錢完全沒問題，如果你是大牛，釋出的文章非常有價值，那麼可以發 VIP 文章，也可以抽取一定比例的費用。

1.2：部落格園

廣告在很不起眼的地方，介面非常簡潔復古，複製不需登入，有很多高質量文章，重複轉載性文章較少。沒有 VIP 文章，也沒有積分/VIP 資源下載，只有普普通通的部落格文章。

部落格園 24 年之前百度權重還是很高的，後來被百度權重，導致搜尋的時候幾乎都是 CSDN 在前面，部落格園的文章很難看到。百度為什麼降部落格園權重據說是因為百度爬取部落格園大量資源，導致部落格園崩了一次，部落格園把百度的 Spider Server IP 給封了 ...，百度為什麼突然爬的這麼厲害呢？可能是為了訓練大模型吧。

建議：CSDN 與部落格園都是較早起步的站點，部落格園是很純粹的部落格站，和 CSDN 的運營模式截然不同，這也導致部落格園的運營團隊手裡的饅頭比較少，園子現在也在接一些商業合作、融資，慢慢尋找合適自己的商業模式，以達到部落格園運營的可持續發展。

部落格園可以自己定製 CSS 主題，如果想要好看、偽個人部落格，那麼部落格園非常適合。

1.3：51CTO

說實話，我對 51CTO 並不瞭解，他們哪些型別的文章質量較高我也不清楚，但我也發過幾篇文章，個人印象最深刻的是他們的稽核特別容易過，同樣的幾篇敏感文章在 51CTO 幾乎全部透過，而 CSDN、部落格園過不了。

建議：如果喜歡發一些敏感文章，去 51CTO 釋出文章是一個不錯的選擇，或者如果你有自己的個人部落格也行。如果你想要你的文章被關注，建議還是用 51CTO，因為個人部落格的 SEO 肯定沒人家 51CTO 做得好。

1.4：掘金稀土

我對掘金稀土瞭解也不多，只知道前端高質量文章較多，目前還處於發展階段，和部落格園、CSDN 相比，沉澱的高質量文章還是不夠多。這是抖音收購的部落格站，有金主爸爸推廣 + 資金援助，再過個幾年估計要做大做強了，不過掘金稀土的 SEO 做的較差。

建議：如果你是抖音影片創作者，那麼掘金稀土肯定比較合適，因為後面位元組跳動有可能會將抖音和掘金稀土結合（我猜的）。

2：部落格平臺主題

能自己定製部落格主題的只有 部落格園，其它部落格平臺 CSS/JS 。

以下是個人認為比較好看的兩個主題，Silence 主題比較簡潔，coffee 主題比較穩重。

2.1：coffee 主題

2.1.1：主題瀏覽

2.1.2：主題設定

部落格側邊欄公告 - HTML

<style>
@keyframes blink {
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}

.blinking {
  animation: blink 1s infinite;
}
</style>

<h2 style="color: red;" class="blinking"><u><i>覺得對你有幫助就關注一波吧 ~ ~ ~ 真的需要你的幫助</i></u></h2>
<hr>

首頁HTML程式碼 - 4個檔案下載地址

<link href="https://files.cnblogs.com/files/hetaotao0919/cnblog-scroller.css?t=1717899113&download=true" type="text/css" rel="stylesheet">
<script src="https://files.cnblogs.com/files/hetaotao0919/scrollspy.js?t=1717899126&download=true" type="text/javascript"></script>
<script src="https://files.cnblogs.com/files/hetaotao0919/stickUp.min.js?t=1717899129&download=true" type="text/javascript"></script>
<script src="https://files.cnblogs.com/files/hetaotao0919/cnblog-scroller.js?t=1717899119&download=true" type="text/javascript"></script>

其它設定

2.2：Silence 主題

2.2.1：主題預覽

是不是非常好看？這就是其他部落格平臺沒有的，CSS/JS 定製主題。

2.2.2：主題設定

專案地址：https://github.com/esofar/cnblogs-theme-silence/

部署指南：https://esofar.github.io/cnblogs-theme-silence/#/options?id=sponsor

直接看作者的部署指南吧，東西不多，講的很清晰，我就不繼續造輪子了【才不是懶呢😲】

公告欄可以用我這個：

<style>
@keyframes blink {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.blinking {
  animation: blink 1s infinite;
}

</style>
<hr/>
<h2 style="color: #00f8e3;" class="blinking"><i>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;覺得對你有幫助就關注一波吧，真的需要你的幫助</i></h2>
<hr>

Warning：這套主題有 2 個 BUG，會導致部落格園程式碼高亮中的渲染引擎 highlight.js 不可用，需要換成 prismjs。在選程式碼高亮主題的時候，不要管系統深/淺色模式時主題，直接選喜歡的主題就行，否則也會有 BUG。

3：筆記編寫&管理

很多人都喜歡 MarkDown 做筆記，我用的軟體是 Obsidian(管理筆記) + Typora(編寫筆記)。

3.1：管理工具

Obsidian 有很多外掛，功能比 Typora 強大，可以說 Typora 有的 Obsidian 全有，但個人並不喜歡用 Obisidian 來記筆記，因為太過笨重，並不適合我這種 強迫症 + 簡潔症 患者。

我們可以將 Obisidian 比作 IDE，Typora 比作 Notepad++，Obisidian 支援 本地&遠端，遠端要錢。將本地所有 MarkDown 筆記放在同一個資料夾下(用多個資料夾分類)，用 Obisidian 開啟，以後直接用 Obisidian 管理即可，它有自己的搜尋規則，也支援正則，對於 MarkDown 筆記查詢麻煩的問題迎刃而解。

至於 Obisidian 其它玩法，可以去 B 站搜，可以玩的東西很多。
Obisidian 官網：https://obsidian.md/

3.2：編寫工具

Typora 需要 14.99$ 饅頭，換算下來是 100 多點軟妹幣，在工作的同志們有點錢可以支援作者一波，學生黨可以看 Typora crack。

Typora beautiful 主題可以看：https://www.cnblogs.com/TaoSec/p/18248691|
MarkDown 語法可以看：https://www.cnblogs.com/TaoSec/p/14092648.html

4：部落格平臺上傳圖片

4.1：方案評價

總所周知，很多 MarkDown 編輯器上傳圖片是硬傷，我們的 Typora 也是如此，網路上也有很多解決方案，如下：

0x01：圖床》https://blog.csdn.net/Netceor/article/details/119705826【win、mac、linux】

故事：

PicGo + Gitee 是我以前的配方，但某一天，我的 Typora 圖片不顯示了，我那會還以為沒網了，檢查一看，發現 Gitee 改了 URL 路徑規則，我那麼多筆記啊，瞬間讓我心嘎了一半，我花了半天時間，將所有筆記的路徑透過正則一個檔案一個檔案替換為本地【可以寫 py 指令碼遞迴替換，但我那時候不會程式設計】

至此，我再也不用圖傳，特別是免費的圖床，風險極高，資料在人家那裡心理總有一萬個不放心，事後我將筆記到處備份。

建議：

個人不建議使用免費圖床，即使是付費圖傳也不敢保證哪天跑路，萬一出意外你哭都不知道去哪裡哭，再則本身你把東西存到人家那裡本身就不安全，丟失、洩露、無法訪問等安全問題。如果實在想用圖傳，可以自己買個雲伺服器搭建圖傳或者用大廠的儲存服務。

0x02：dotnet-cnblogs-tools》https://github.com/stulzq/dotnet-cnblogs-tool【win、mac、linux】

dotnet-cnblogs-tools 以前聽過但一直沒用過，說實話看著挺麻煩的，是一個開源專案，感興趣可以看看。

dotnet-cnblogs-tools 用的是 cnblogs 的圖片上傳介面，有些人用部落格園的介面當圖床，然後去其他部落格平臺寫文章，長期佔用部落格園的資源，我認為挺過分的，其它部落格平臺又不是沒有自己的介面。

我個人認為此工具侷限太大，雖然 csdn、51cto 等其他部落格平臺都能訪問，但萬一部落格園看他們不爽，直接限制他們訪問，那其他部落格平臺文章的圖片就全沒了。

0x03：EasyBlogImageForTypora》https://blog.csdn.net/m0_73689941/article/details/133953953【win、mac】

沒用過，EasyBlogImageForTypora 和 dotnet-cnblogs-tools 大同小異，比 dotnet-cnblogs-tools 使用起來簡單些。

專案地址：https://github.com/xiajingren/EasyBlogImageForTypora

0x04：cnblogsUpload 程式》https://www.cnblogs.com/hemou/p/12332551.html【win】

沒用過，圖形化介面上手簡單，需登入部落格園使用者，會擠掉部落格園賬號，記得自己登回去。

嫌上面的方法麻煩可以用這種，我覺的圖形化挺好的，我也不喜歡程式碼。

專案地址：https://github.com/HeMOua/cnblogsUpload

0x05：自定義指令碼命令》https://www.cnblogs.com/starrys/p/12851194.html【所有支援 Python 的平臺，雖然可以打包成其他平臺的格式，但我懶】

強烈推薦，程式碼簡單，只需要提取 Cookie，配置一下上傳命令即可，我也是跟著上面沉雲作者學的，照貓畫虎

# 如果沒有 Python 直譯器的可以轉一個，在用 pip 轉一個 requests 庫
# https://www.python.org/
pip install requests -i https://mirrors.aliyun.com/pypi/simple

4.2：自定義指令碼

我基於沉雲大佬的方法，改編了一下 csdn、51cto 的介面，複製下面指令碼程式碼或下載壓縮包。

地址: https://hetaotao.lanzouw.com/id5M321wjwli
密碼: TaoSec

4.2.1：cnblog 指令碼

這是沉雲大佬的程式碼，放這了，cnblogs 好像用的是自己的伺服器。

import requests
import json
from sys import argv

uploadUrl = 'https://upload.cnblogs.com/imageuploader/processupload?host=www.cnblogs.com'

headers = {
    "user-agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.149 Safari/537.36",
    "cookie": "自己的Cookie"
}

# 型別對映
mimeMapping = {".png": 'image/png', '.gif': 'image/gif', '.jpg': 'image/jpeg', '.jpeg': 'image/jpeg'}

for i in argv[1:]:
    # 圖片地址引數
    imgPath = i

    # 對應的mime
    mime = imgPath[imgPath.rindex("."):]

    file = [
        ("", ("fileName", open(imgPath, "rb"), mimeMapping[mime]))
    ]

    response = requests.post(uploadUrl,headers = headers,files = file)

    data = json.loads(response.text)
    print(data['message'])

4.2.2：csdn 指令碼

csdn 用的是阿里雲的 OSS 物件儲存，照貓畫虎，比 cnblog 麻煩點。

import requests
import os
from sys import argv

url_check = 'https://imgservice.csdn.net/direct/v1.0/image/upload?type=blog&rtype=markdown&x-image-template=standard&x-image-app=direct_blog&x-image-dir=direct&x-image-suffix=xxx'
url_uploads = 'https://csdn-img-blog.oss-cn-beijing.aliyuncs.com/'

headers_check = {
    "user-agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.149 Safari/537.36",
    "cookie": "自己的cookie"
}
headers_uploads = {
    "user-agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.149 Safari/537.36",
}
# 型別對映


for i in argv[1:]:
    # Typora 傳進來的圖片路徑
    imgPath = i
    # 圖片名稱
    img_name = os.path.basename(imgPath)
    # 圖片副檔名
    mime = img_name[img_name.rindex("."):]
    url_check = url_check.replace('xxx', mime.strip('.'))
    # MiME 對映
    mimeMapping = {".png": 'image/png', '.gif': 'image/gif', '.jpg': 'image/jpeg', '.jpeg': 'image/jpeg'}
    # 由於 CSDN 不允許多傳，CSDN 多傳也是多次發包，所以使用下面的方式
    file = {
       'file': ('%s' % img_name, open('%s' % imgPath, 'rb'), mimeMapping[mime])
    }

    # 1、獲取驗證資訊
    res_check_json = requests.get(url_check, headers=headers_check)
    res_check_dict = res_check_json.json()
    res_data = res_check_dict.get('data')

    form_data = {
        "key": res_data.get('filePath'),
        "policy": res_data.get('policy'),
        "OSSAccessKeyId": res_data.get('accessId'),
        "success_action_status": res_check_dict.get('code'),
        "signature": res_data.get('signature'),
        "callback": res_data.get('callbackUrl'),
    }

    # 2、透過驗證並上傳檔案
    res_uploads_json = requests.post(url_uploads, headers=headers_uploads, files=file, data=form_data)
    # 3、最後一定要列印 URL 路徑，否則 Typora 不會自動替換圖片路徑
    print(res_uploads_json.json()['data']['imageUrl'])

4.2.3：51cto 指令碼

51cto 用的也是阿里雲的 OSS 物件儲存，比 csdn 麻煩點。

import requests
import os
from sys import argv

from requests import Response

url_sign = 'https://blog.51cto.com/getUploadSign'
url_check = 'https://blog.51cto.com/getUploadConfig'
url_uploads = 'https://51cto-edu-image.oss-cn-beijing.aliyuncs.com/'

headers_check = {
    "user-agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.149 Safari/537.36",
    "cookie": "自己的Cookie"
}
headers_uploads = {
    "user-agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.149 Safari/537.36",
}

for i in argv[1:]:
    # Typora 傳進來的圖片路徑
    imgPath = i
    # 圖片名稱
    img_name = os.path.basename(imgPath)
    # 圖片副檔名
    mime = img_name[img_name.rindex("."):]
    url_check = url_check.replace('xxx', mime.strip('.'))
    # MiME 對映
    mimeMapping = {".png": 'image/png', '.gif': 'image/gif', '.jpg': 'image/jpeg', '.jpeg': 'image/jpeg'}
    # 由於 51CTO 不允許多傳，51CTO 多傳也是多次發包，所以使用下面的方式
    file = {
       'file': ('%s' % img_name, open('%s' % imgPath, 'rb'), mimeMapping[mime])
    }

    # 1、獲取驗證資訊
    data_sign = {
        'upload_type': 'image'
    }
    res_sign_json = requests.post(url_sign, headers=headers_check, data=data_sign)
    res_sign_data = res_sign_json.json().get('data')

    data_check = {
        'upload_type': 'image',
        'upload_sign': res_sign_data.get('sign'),
        'ext': mimeMapping[mime],
        'name': img_name
    }
    res_check_json = requests.post(url_check, headers=headers_check, data=data_check)
    res_check_dict = res_check_json.json()
    res_check_data = res_check_dict.get('data')

    form_data = {
        "key": res_check_data.get('dir'),
        "policy": res_check_data.get('policy'),
        "OSSAccessKeyId": res_check_data.get('accessid'),
        "success_action_status": 200,
        "signature": res_check_data.get('signature'),
        "dir": res_check_data.get('dir')
    }

    # 2、透過驗證並上傳檔案
    res_uploads = requests.post(url_uploads, headers=headers_uploads, files=file, data=form_data)
    res_status = res_uploads.status_code
    # 3、最後一定要列印 URL 路徑，否則 Typora 不會自動替換圖片路徑
    print(res_sign_data.get('url') + res_check_data.get('dir')) if res_status == 200 else print('上傳錯誤')

4.2.4：指令碼使用方法

0x01：登入 cnblogs、51cto、csdn，右鍵 檢查，Network 選單，重新整理一下頁面就有資料包了，找一個請求頭中有 Cookie 的資料包複製即可。

0x02：貼上 Cookie 進去即可。

0x03：左上選單檔案》偏好設定》影像》上傳服務設定》自定義命令》將執行 Python 指令碼的命令放進去即可【在哪個平臺發部落格用哪個平臺的指令碼】。

0x04：驗證圖片上傳選項，看能不能上傳成功，如果上傳成功複製新的 URL 瀏覽器訪問一下看有沒有問題。

0x05：左上選單格式》影像》上傳所有本地圖片，上傳成功後 Typora 會自動將本地路徑替換為新 URL。

4.3：部落格搬家

csdn、cnblog、51cto 等知名部落格平臺都有搬家功能，如果文章想要在多個平臺釋出，可以用這個功能。

5：公眾號圖文管理

5.1：圖文排版

有人可能會在公眾號上釋出文章(圖文)，但公眾號預設是不支援 MarkDown 語法的，甚至匯入都只有 doc/docx。

有一款 Chrome 外掛，叫 Markdown Here，它能讓公眾號編輯器支援 MarkDown 語法，該外掛可以自定義主題的 CSS，我討厭程式碼所以就不用 Markdown Here 了，我直接用網上現有的 MarkDown 公眾號圖文排版器，以下是我喜歡的幾個：

連結	描述
https://doocs.github.io/md/	專案地址：https://github.com/doocs/md，可自己搭建。
https://knb.im/mp/	一般
https://yanxi123.com/md2wechat/	還行
https://markdown.com.cn/editor/	這是我最喜歡的一個，主題清爽耐看
https://wangchujiang.com/wxmp/#/?theme=underscore	還行
https://editor.mdnice.com/	不推薦，註冊登入，mdnice 有一個 chrome 外掛，不建議使用，會篡改新標籤頁

5.2：圖片上傳

還是要解決 Typora 本地圖片上傳公眾號的問題，微信公眾號提供了上傳圖片的介面，不需要像部落格平臺那麼麻煩。

最後的最後，請一定要看完最後一步。

0x01：公眾號獲取 AppID、AppSecret 等會要用，還有你家 IP 放進去，v4、v6 都行。

0x02：開啟微信的開發文件，找到 公眾號》素材管理》新增永久素材。

0x03：看到 上傳圖文訊息內的圖片獲取URL ，我們需要提供 access_token 和 media【圖片資料】，如下程式碼所示：

import requests

AppID = "你的AppID"
AppSecret = "你的AppSecret"
# 上傳圖片介面
uploads_url = 'https://api.weixin.qq.com/cgi-bin/media/uploadimg'
# 獲取 access_token 介面
access_get_url = 'https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=%s&secret=%s' % (AppID, AppSecret)
response = requests.get(url=access_get_url)
access_token = response.json().get("access_token")

for i in argv[1:]:
    imgPath = i
    # media 欄位傳入圖片資料
    files = {'media': open(imgPath, 'rb'),}
    # data 指定 access_token
    data = {'access_token': access_token,}
    response = requests.post(uploads_url, files=files, data=data)
    print(response.json().get('url'))

0x04：使用方法參考指令碼使用方法，前面筆記有說，直接看效果

0x05：最後囉嗦幾句重要的事情。

咱們當前可以正常訪問了，但這些連結微信做了限制，如果 Referer 域名不是來自微信那邊的域名直接全部 Pass 掉，咱們 IP 不受影響，但其他網頁訪問連結就不行，例如下圖是我用 線上MarkDown排版器 訪問公眾號的圖片，直接顯示不可引用，所以說做圖床就算了吧。

線上 MarkDown 排版器確實無法訪問，排完版後複製到公眾號就能訪問了。

咱們再看公眾號開發文件時，會發現下面還有一個 新增其他型別永久素材 的介面，這其中也包含 圖片/影片/音訊 等。使用該介面上傳圖片會有上傳 100000 個的限制，其它型別為 1000 個，但它會在微信公眾號裡的素材庫中看到，而我們前面使用的介面是專門用於圖文的，雖然不會在素材庫中看到，但沒有任何上傳數量限制。

SLAM方向公眾號、知乎、部落格上有哪些大V可以關注？
2019-07-03
SLAM
Laravel+easywechat 多公眾號管理
2020-05-08
Laravel
Laravel 使用 EasyWechat 管理多公眾號
2018-03-04
Laravel
一鍵自動化部落格釋出工具,用過的人都說好(公眾號篇)
2024-05-24
想要運營公眾號？公眾號形象定位有哪些？
2019-08-15
公眾號軟體連結
2024-07-03
微信公眾號智慧回答
2020-05-25
公眾號開發筆記
2020-11-06
筆記
微信公眾號託管
2019-05-11
IsWorld使用-公眾號繫結
2020-12-11
關於公眾號的使用
2018-04-25
微信公眾號開發
2018-05-22
實現支援多公眾號的微信公眾號掃碼登入服務
2021-10-26
【微信部落】tp5+ionic開發微信公眾號商城系統
2019-05-11
tp5 + angularjs微信公眾號管理系統【6.18更新】
2019-05-11
AngularJS
給公眾號接入`FastWiki`智慧AI知識庫，讓您的公眾號加入智慧行列
2024-05-17
ASTAI
狀態碼造成微信公眾號“該公眾號提供的服務出現故障”
2021-08-04
微信公眾號投票活動製作教程微信公眾號投票怎麼弄？
2018-03-10
正確使用小程式公眾號
2023-04-04
10 款公眾號運營工具
2020-02-08
微信公眾號開發-分享
2020-09-10
公眾號新增自定義連結
2020-10-06
公眾號新增報名連結
2020-10-06
微信公眾號獲取AccessToekn
2020-12-16
微信公眾號的留言功能
2019-02-28
Nodejs微信公眾號開發
2018-11-12
NodeJS
本地測試微信公眾號
2018-10-31
使用 Canvas 生成公眾號頭圖
2018-08-14
Canvas
.net開發微信公眾號
2018-04-10
微信公眾號介面導讀
2018-03-30
python + flask 開發的微信公眾號和文章管理系統
2019-09-29
PythonFlask
微信公眾號讚賞功能開通方法微信公眾號讚賞如何開通
2018-06-10
公眾號如何上傳檔案，公眾號文章上傳附件教程（簡單實用2023最新）
2023-02-20
教你微信公眾號報名的製作方法微信公眾號報名怎麼用？
2018-06-20
微信公眾號測試號開發小結
2019-02-20
雲棲社群“公眾號”升級為“雲棲號”
2019-01-02
部落格園眾包接單初體驗
2024-11-15
掃碼詳見陽子公眾號
2024-09-18