使用Mweb发布博客到博客园平台
本博客使用 Markdown 语法书写,同是使用 Mweb 客户端进行博客的发布,期间出现了很多问题,但是都一一解决了😄,记录于此分享给需要的小伙伴(博客主题采用了
esofar
的cnblogs-theme-silence
主题)
添加发布服务
选择右侧的Metaweblog API
选择右侧的Metaweblog API 进行添加发布服务
![](https://img2020.cnblogs.com/blog/2082008/202007/2082008-20200711221440657-1239085815.jpg)
根据要求填写相关配置
![](https://img2020.cnblogs.com/blog/2082008/202007/2082008-20200711221439654-472068549.jpg)
- 博客网址:
https://www.cnblogs.com/xiaodongxier
(其中的xiaodongxier
替换成自己的博客地址名,如果不知道的话在登录的情况下打开这个页面 https://i.cnblogs.com/settings 能够看到) - 账号:自己博客园的登录账号
- 密码:自己博客园的登录密码
- API 地址:https://rpc.cnblogs.com/metaweblog/xiaodongxier (其中的
xiaodongxier
替换成自己的博客地址名,如果不知道的话在登录的情况下打开这个页面 https://i.cnblogs.com/settings 在最下面能够看到 MetaWeblog访问地址 这个就是)
验证&保存
点击验证,博客名称会自动填入到 博客名称 中,然后点击保存即可。
发布文章后出现的问题
首页格式问题
发布的文章,首页显示与作者的博客显示存在差异,每个文章之间的分割线没有了
![](https://img2020.cnblogs.com/blog/2082008/202007/2082008-20200711221442231-1121368678.jpg)
通过后台编辑发布文章就没有问题,刚开始以为是 Mweb 发布的问题 审查元素查看分析,是因为文章之间是按天隔开的,如果一天发布多篇文章就会出现上面的那个问题
![](https://img2020.cnblogs.com/blog/2082008/202007/2082008-20200711221441915-371880739.jpg)
由于是刚开通 博客园 博客没多久,很多文章要迁移到这里,所以做了简单的修改解决这个问题,代码如下,复制代码放置到后台的 页脚 HTML 代码 中保存即可。
<div>
<style>
.day .postCon {
border-bottom: 1px solid #eef2f8;
}
.entrylistItem {
padding: 10px 0 0 0;
}
.day .postDesc,
.entrylist .entrylistItemPostDesc {
position: relative;
width: 78%;
top: -38px;
left: 20%;
}
/* 取消默认的一根线 */
.day, .entrylistItem {
border-bottom: none;
}
</style>
</div>
更新后效果如图
![](https://img2020.cnblogs.com/blog/2082008/202007/2082008-20200711221442117-2098498109.jpg)
文章页代码显示问题
通过 Mweb 发布的文章,文章中插入的代码显示存在问题,既没有灰色背景,页没有右上角的
copy
按钮。
![](https://img2020.cnblogs.com/blog/2082008/202007/2082008-20200711221441843-1315308828.jpg)
审查元素查看分析,
id
为cnblogs_post_body
的元素缺少一个 名为cnblogs-markdown
的class
![](https://img2020.cnblogs.com/blog/2082008/202007/2082008-20200711221441647-213994838.jpg)
尝试性的修改了一下,居然成功了😁
![](https://img2020.cnblogs.com/blog/2082008/202007/2082008-20200711221440996-1841871555.jpg)
修改代码如下,复制代码放置到后台的 页脚 HTML 代码 中保存即可。(其实就是给每个
id
为cnblogs_post_body
的元素增加了一个名为cnblogs-markdown
的class
)😺
<div>
<script>$(".blogpost-body").addClass("cnblogs-markdown")</script>
</div>
https://xiaodongxier.com