# 每日新闻API图片实现

## 01 实现思路
    00 在指定网站爬取每日新闻文字版，根据每日新闻页面数字与日期的关系设置爬取 url 
    


    【这里遇到问题是日期计算，具体来说是没有搞懂 
        001 Date()与时间戳之间的转换关系。 
        002 没有意识到每天日期生成 需要 写成函数 每次运行时候重新计算 不然 就始终会是第一次运行时的值 问题是因为直接在 服务器上写的代码 所以 不能调试 一直没有意识到这个问题】
    
    01 对爬取到的文字，保存为对应日期txt文件 这里没有保存到数据库里实现是因为开始时候 图省事。
    
    【有机会的话 后期还是借助数据库实现一下 就当练习了】
    
    02 根据爬取到文字内容 借助 puppeteer模块 实现 新闻图片生成 并保存到 服务器上
    
    【这里的问题 主要集中在  
        000 在服务器系统上 安装puppeteer模块和字体 需要安装 一堆其他的 文件
        001 生成图片需要对应的模板页面文件 然后 把对应的新闻内容 替换进去
        002 当前日期对应的农历日期 转换 使用的是 js-calendar-converter 模块
    】
    
## 02 日期计算

    
### 日期计算示例

```js

    let date =new Date()
    console.log('服务器 当前时间该时区 对应的零时区时间', date)
    // 2025-02-10T02:45:00.023Z 此时是北京时间2025-02-10 10:45
    
    let BJDate = date.toLocaleString('zh-CN' , { timeZone: 'Asia/Shanghai'  })
    // console.log('东八区北京时间' , BJDate)
    
    let BJDateObj = new Date(BJDate)
    // BJDateObj 的时间 和 new Date() 的时间是一致的
    
    let initialDate = new Date('2025-01-31T00:00:00')
    let initialDate1 = new Date('2025-01-31T00:00:00+08:00')
    // 以上两行代码结果同样一致
    // 2025-01-31T00:00:00 没有指明时区偏移 默认是当前服务器时区
    //2025-01-31T00:00:00+08:00  日期 时间 时区时间偏移
    
    let timeDiff = date - initialDate
    console.log('时间差', timeDiff)

    let dayDiff =  Math.floor(timeDiff/1000/60/60/24)
    console.log('dayDiff', dayDiff)
    // 借助 时间戳 进行时间差值计算
    
    最后以上代码 一定要在函数中实现 这样每次调用该函数 才会重新计算 date的值
    
```
### 函数实现上述过程

```js
    function dayDiffer() {
       let date =new Date()
    console.log('服务器 当前时间该时区 对应的零时区时间', date)
    // 2025-02-10T02:45:00.023Z 此时是北京时间2025-02-10 10:45
    
    let BJDate = date.toLocaleString('zh-CN' , { timeZone: 'Asia/Shanghai'  })
    // console.log('东八区北京时间' , BJDate)
    
    let BJDateObj = new Date(BJDate)
    // BJDateObj 的时间 和 new Date() 的时间是一致的
    
    let initialDate = new Date('2025-01-31T00:00:00')
    let initialDate1 = new Date('2025-01-31T00:00:00+08:00')
    // 以上两行代码结果同样一致
    // 2025-01-31T00:00:00 没有指明时区偏移 默认是当前服务器时区
    //2025-01-31T00:00:00+08:00  日期 时间 时区时间偏移
    
    let timeDiff = date - initialDate
    console.log('时间差', timeDiff)

    let dayDiffer =  Math.floor(timeDiff/1000/60/60/24)
    console.log('dayDiff', dayDiff) 
    
    return dayDiffer
    }
```
## 03 js-calendar-converter使用


```js

    const calendar =require('js-calendar-converter');
    const date = new Date()
    const dateInfo =  calendar.solar2lunar(date)
    // 阳历转农历 日期
    // {
    //   date: '2024-6-15',
    //   lunarDate: '2024-5-10',
    //   festival: null,
    //   lunarFestival: null,
    //   lYear: 2024,
    //   lMonth: 5,
    //   lDay: 10,
    //   Animal: '龙',
    //   IMonthCn: '五月',
    //   IDayCn: '初十',
    //   cYear: 2024,
    //   cMonth: 6,
    //   cDay: 15,
    //   gzYear: '甲辰',
    //   gzMonth: '庚午',
    //   gzDay: '庚戌',
    //   isToday: false,
    //   isLeap: false,
    //   nWeek: 6,
    //   ncWeek: '星期六',
    //   isTerm: false,
    //   Term: null,
    //   astro: '双子座'
    // }

```
属性表

![属性表.png](https://blog.bxmang.top/static/img/e60558a4cd62fd04addfa13185f210bf.%C3%A5%C2%B1%C2%9E%C3%A6%C2%80%C2%A7%C3%A8%C2%A1%C2%A8.webp)

日期之间转换方法
![image.png](https://blog.bxmang.top/static/img/6a1fe516da4e7ac32905055584211495.image.webp)


![image.png](https://blog.bxmang.top/static/img/27a0da98747d3f961e46fb6282eb7643.image.webp)

调用示例网址博客

https://jjonline.github.io/calendar.js/demo.html

https://blog.jjonline.cn/userInterFace/173.html

GitHub项目地址：https://github.com/jjonline/calendar.js


## 04 pm2 常用命令

node进行管理工具

常用命令

全局安装pm2  
```js
    npm install pm2 -g
```
查看版本号

```js
    pm2 --version
```

01 启动运行 某个文件 示例

```js
    pm2 start newsPic.js
```
对该文件起一个别名

```js
    pm2 start newsPic.js --name newsPicToday
```

停止某文件


```js
    pm2 stop [AppName]
    pm2 stop [ID]
    pm2 stop all
```

重启所有进程


```js
    pm2 restart all
    pm2 reload [ID]
    pm2 reload all
```

删除应用程序


```js
    pm2 delete [AppName]
    pm2 delete [ID]
    pm2 delete all
```

显示所有进程


```js
    pm2 list
```

显示日志


```js
    pm2 logs
    pm2 logs [ID]
    pm2 logs [AppName]
```

显示所有信息


```js
    pm2 show [name]
    pm2 show [ID]
    
```

查看进程占用信息


```js
    pm2 monit
```

每日新闻图片生成遇到的 问题记录

# 每日简报图片API

对于当前混乱的简报API现状进行整理记录



## 简报API

简报图片获取示例

```js
https://bxmang.top/newspictoday/News-2025-01-16.png
```
该API支持从 2024-12-25 到2025-01-16 这段时间的简报图片获取



```js
https://bxmang.top/newspictoday/news-2024-12-24.png
```

该API支持从 2024-12-24 到 2024-06-15


```js
https://bxmang.top/newspic/News-2024-06-15.png
```

该API支持从2021年1月1日到2024年6月15日图片【可能部分日期缺失】


以上图片样式为个人生成版


```js
https://bxmang.top/api/2024-11-27.png
```
该API支持从2024年6月15日到2024年11月27日图片【原数据来源】
原简报图片样式

## 简报API文字版

**001**
```js
https://bxmang.top/newstoday/news_2024-10-01.txt
```
简报的文字内容版【20240615-20241224】


**002**


```js
https://bxmang.top/newshistory/News_2025-01-04.txt
```
简报的文字内容版【20210101-20240615,20241225-20250116】



## 综述

   上述新闻API较为混乱因为夹杂了多个时期的爬取记录，以及修改文件。同时由于每日简报发生变化，近期部分失效，对20241225以来的部分信息进行重新爬取。
    
   同时需要对接下来日期新闻文字提取 以及 图片生成重新写一份文件。
    
   最好是能对上述API进行整合 变为单独的两条文字版简报API 和 图片版简报API

新闻图片API

# 文章计划，免得后期又鸽了

## 01 VanBlog个人博客部署教程

VanBlog部署过程中遇到的一些问题，以及解决过程

## 02 咸虾米壁纸实现教程
B站UP咸虾米 壁纸小程序 的个人实现过程

## 03 建站教程
申请域名 备案 服务器 以及网站部署过程

## 04 原生微信小程序开发教程

以视频去水印为例记录开发原生微信小程序过程中踩的坑，以及对应后端API实现

## 05 PS简单学习教程

简单上手基本功能，实现抠图 调色为目的

## 06 PR 剪映的一些使用技巧

记录PR 和剪映中一些基本功能，容易遗忘点

## 07 bug以及应对方法
日常工作中的一些bug以及个人处理方法

## 08 杂记

平日工作感悟，日常好用工具，网站记录



文章计划

# 图片测试
更改网址后 图片是否仍然生效

1. - 图片1
![北京天坛.jpg](https://blog.bxmang.top/static/img/cbc8cae2241ec22a9c203b3ce1220ff1.%C3%A5%C2%8C%C2%97%C3%A4%C2%BA%C2%AC%C3%A5%C2%A4%C2%A9%C3%A5%C2%9D%C2%9B.webp)


1. - 图片2

![TqjNjp3OFpx6b13bf079cf1fb099f3fac34f0addb7cd.jpg](https://blog.bxmang.top/static/img/0ed543d1930cafaf47bd23697eaf1054.TqjNjp3OFpx6b13bf079cf1fb099f3fac34f0addb7cd.webp)



测试

# 实际测试效果如何有待验证

文章测试 段落测试

内容测试

图片测试

似乎没有视频功能

测试图片1 

![50EaoMvxtgQd2db68dce456f591e140420302d5e563b.jpg](http://blog.bxmang.top/static/img/ebf0741543ac6499d3647306b1858d2c.50EaoMvxtgQd2db68dce456f591e140420302d5e563b.webp)


测试图片2

![ex63vDJuTNEDacb09d24a6b58376715130db01e447de.jpg](http://blog.bxmang.top/static/img/62a53af29982845b8cded1baf5103ca5.ex63vDJuTNEDacb09d24a6b58376715130db01e447de.webp)

上传后图片 jpg格式会变为webp格式

png格式也会变为 webp格式

![测试10.png](http://blog.bxmang.top/static/img/b8fd25b5bb81b56a76a34ac160910814.%C3%A6%C2%B5%C2%8B%C3%A8%C2%AF%C2%9510.webp)