悠悠楠杉
网站页面
微信浏览器调试页面js
02/11
首先，确保你的开发环境中安装了Node.js。你可以从Node.js官网下载并安装。
步骤 2: 安装必要的库
（用于生成Markdown）。
bash
npm install axios cheerio markdown-it
步骤 3: 编写JavaScript脚本
```javascript
const axios = require('axios');
const cheerio = require('cheerio');
const MarkdownIt = require('markdown-it');
const md = new MarkdownIt();
async function fetchAndGenerateArticle(url) {
try {
const response = await axios.get(url);
const $ = cheerio.load(response.data);
const title = $('title').text(); // 获取标题
const description = $('meta[name="description"]').attr('content'); // 获取描述信息
const keywords = $('meta[name="keywords"]').attr('content').split(', '); // 获取关键词，按逗号分割
const content = $('body').text().trim(); // 获取正文内容，去掉首尾空格
// 确保关键词和描述不超过限制，并创建Markdown文本
const article = `# ${title}
关键词: ${keywords.slice(0, 5).join(', ')}
描述: ${description.slice(0, 150)}... (描述过长时截断)
${content.slice(0, 1000)}... (正文过长时截断)`; // 截取1000字正文内容
return md.render(article); // 生成Markdown格式文本
} catch (error) {
console.error('Error fetching or processing the page:', error);
}
}
// 使用函数并打印结果到控制台
fetchAndGenerateArticle('https://example.com').then(markdownContent => {
console.log(markdownContent); // 打印生成的Markdown内容到控制台或发送到前端展示
});
```
rich-text）来显示它。你只需将上述Node.js脚本的输出作为响应发送到小程序的前端页面即可。在微信小程序中显示Markdown内容示例：
javascript
// 在小程序页面的js文件中调用后端API并显示Markdown内容：
wx.request({
url: '你的后端API地址', // 后端服务地址，用于获取Markdown内容
success: function(res) {
// 假设res.data为Markdown字符串
this.setData({ markdownContent: res.data }); // 将Markdown内容设置到页面的data中供`rich-text`组件使用
}
});
在WXML文件中使用rich-text组件来显示：
xml
<rich-text nodes="{{markdownContent}}"></rich-text>
