如何提取优快云博客正文内容

最新推荐文章于 2024-06-20 21:44:30 发布

原创最新推荐文章于 2024-06-20 21:44:30 发布 · 988 阅读

1 ·

CC 4.0 BY-SA版权

其他专栏收录该内容

114 篇文章

订阅专栏

本文介绍了一种从优快云博客中提取完整格式文章的方法，通过 JavaScript 代码实现对博文内容的抓取，并完整保留 HTML 格式及样式，适用于批量下载个人博客文章。

document.getElementById("article_content").outerHTML;

在任意的一片博文运行以上代码都可以获得正文内容，但是对于代码、字体都没有渲染，甚是难看。

提取出来的博客关键代码：

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script src="http://static.blog.youkuaiyun.com/scripts/jquery.js" type="text/javascript"></script>
    <link rel="Stylesheet" type="text/css" href="http://static.blog.youkuaiyun.com/skin/skin-blue/css/style.css?v=1.1" />
    <link rel="shortcut icon" href="http://c.csdnimg.cn/public/favicon.ico" />
    <link type="text/css" rel="stylesheet" href="http://static.blog.youkuaiyun.com/scripts/SyntaxHighlighter/styles/default.css" />
</head>
<body>
<div id="container">
<script type="text/javascript">
    var username = "x_iya";
    var _blogger = username;
    var blog_address = "http://blog.youkuaiyun.com/x_iya";
    var static_host = "http://static.blog.youkuaiyun.com";
    var currentUserName = "";  
</script>
<div id="body">
<div id="main">
<div class="main">
<div id="article_details" class="details">

<script type="text/javascript">
document.getElementById("article_content").outerHTML;
</script>

</div>                 
</div>
</div>
<script type="text/javascript" src="http://static.blog.youkuaiyun.com/scripts/newblog.min.js"></script>
</div>
</body>
</html>

把正文的div写在<div id="article_details" class="details">here</div>中就可以达到博文的效果了。

js代码：

javascript:document.write("<html> <head> <meta http-equiv='Content-Type' content='text/html; charset=utf-8' /> <script src='http://static.blog.youkuaiyun.com/scripts/jquery.js' type='text/javascript'></script> <link rel='Stylesheet' type='text/css' href='http://static.blog.youkuaiyun.com/skin/skin-blue/css/style.css?v=1.1' /> <link rel='shortcut icon' href='http://c.csdnimg.cn/public/favicon.ico' /> <link type='text/css' rel='stylesheet' href='http://static.blog.youkuaiyun.com/scripts/SyntaxHighlighter/styles/default.css' /> </head> <body> <div id='container'> <script type='text/javascript'> var username = 'x_iya'; var _blogger = username; var blog_address = 'http://blog.youkuaiyun.com/x_iya'; var static_host = 'http://static.blog.youkuaiyun.com'; var currentUserName = ''; </script> <div id='body'> <div id='main'> <div class='main'> <div id='article_details' class='details'>", document.getElementById("article_content").outerHTML, "</div> </div> </div> <script type='text/javascript' src='http://static.blog.youkuaiyun.com/scripts/newblog.min.js'></script> </div> </body> </html>");

在地址栏输入以上JS代码或者在chrome新建一个网页