部落格&公眾號管理

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

1：部落格平臺評價

1.1：CSDN

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

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

image-20240613094554544

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

image-20240613093845545

建議：如果想要掙錢，將 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：主題瀏覽

image-20240613151839111

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>

其它設定

image-20240613151239112

2.2：Silence 主題

2.2.1：主題預覽

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

image-20240613205218737

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。

image-20240614095652765

3：筆記編寫&管理

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

3.1：管理工具

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

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

image-20240614232826916

至於 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 的資料包複製即可。

image-20240615172029963

0x02：貼上 Cookie 進去即可。

image-20240615172313356

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

image-20240615172554584

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

image-20240615172758920

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

image-20240615172930372

4.3：部落格搬家

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

image-20240615232615206

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 都行。

image-20240615224121880

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

image-20240615224533354

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：使用方法參考 指令碼使用方法，前面筆記有說，直接看效果

image-20240615225841105

image-20240615230006151

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

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

image-20240615231133661

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

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

相關文章