CSDN博客搬家hexo,CSDN的博客如何保存为md格式文件,并解决在hexo中csdn的图片链接无法显示的问题

背景:借助 hexo 和 github 搭建了一个自己的博客网站,如何把已有CSDN的博客快速迁移到hexo上,成为了要解决的问题。经过一番资料搜索,github上找到了 这个工具:https://github.com/flytam/blog-sync-tool

下面对过程进行记录:

1、首先创建一个文件夹,名称随意,在文件夹的根目录下创建config.json

  • "userId": "xxx",         csdn的用户名
  • "type": "csdn",          也可以是 juejin、bokeyuan、segmentfault、github 等
  •  "output": "./blog",     输出目录

  •  "cookie": "xxx"         csdn的cookie 值很长,通常是uuid开头

userId 用户名:博客的浏览器url中就包含用户名

cookie:打开csdn,在控制台中查看网络请求,请求表头中cookie值

 config.json 配置文件搞好后,只需要在根目录打开cmd终端,输入以下命令:

npx csdnsynchexo@latest --config ./config.json

根据readme文档这样操作,遇到报错了: Error: invalid type: csdn, Please check

换了一个版本号试了一下:

npx csdnsynchexo@3.0.4 --config ./config.json

显示如何界面:表示正在把csdn博客转存为md文件 

 拉取结束之后,可以在本地文件夹根目录看到一个blog文件夹,里面存着所有的csdn的博客,大功告成。

是不是以为真的大功告成了?然后你就会发现, hexo的博客中所有图片都不显示,like this:

在找了一圈之后,没有找到合适的解决方案,于是我决定干苦力,把博客里的图片保存到了本地,然后再hexo的项目中,然后用相对路径的方式引入。也就吐血干了三四个晚上吧…

直到我都干完之后,无意中了解到了这行代码,于是到我的项目中试了一下,别说,还真行

<meta name="referrer" content="no-referrer" />

是csdn的链接地址,但是图片可以显示: 

本来一行代码可以搞定的事,哎,再想想我干的蠢事,吃了没有文化的亏啊。反思反思反思,扶我起来继续学

完结

  • 6
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
Hexo博客,你可以通过修改主题配置文件来设置社交链接。根据引用\[1\]和引用\[2\]的内容,你可以在主题配置文件找到social项,并在其添加你想要的社交链接。你可以取消注释已有的社交链接,或者添加新的社交链接。例如,如果你想要添加GitHub链接,你可以在social项下添加以下内容: GitHub: https://github.com/yourname || fab fa-github 其,https://github.com/yourname是你的GitHub链接,fab fa-github是对应的图标。你可以根据需要添加其他社交链接,如E-Mail、Weibo、Twitter等。确保每个链接都以类似的格式添加,并使用正确的图标代码。引用\[1\]和引用\[2\]提供了一些常见社交链接的示例。 另外,根据引用\[1\]和引用\[2\]的内容,你还可以通过设置icons_only为true来只显示图标而不显示文字。如果你想禁用社交链接的过渡效果,可以将transition设置为false。 最后,根据引用\[3\]的内容,你还需要在_next主题文件夹的_config.yml文件进行一些配置。在rss项后面添加/atom.xml,确保在冒号后面加上一个空格。 通过以上步骤,你可以在Hexo博客设置社交链接和其他相关配置。 #### 引用[.reference_title] - *1* *2* [Hexo-Next主题搭建个人博客最新配置教程!](https://blog.csdn.net/Bennnnnnn/article/details/128000842)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [hexo博客的背景设置](https://blog.csdn.net/Com_ma/article/details/76039859)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

程序猿小野

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值