2025年3月

1. 在Typora中设置图像上传服务参数

image-20250327110747038

2. 下载安装配置PicGo

  • 2.1 下载地址

    https://molunerfinn.com/PicGo/
    或
    https://github.com/Molunerfinn/PicGo
  • 2.2 安装配置

    PicGo 本体支持如下图床:

    七牛图床 v1.0
    腾讯云 COS v4\v5 版本 v1.1 & v1.5.0
    又拍云 v1.2.0
    GitHub v1.5.0
    SM.MS V2 v2.3.0-beta.0
    阿里云 OSS v1.6.0
    Imgur v1.6.0
    本体不再增加默认的图床支持。你可以自行开发第三方图床插件。详见 PicGo-Core。

3. 配置PicGo插件使用自定义上传接口

如果需要上传到个人服务器,需自定义上传接口

PicGo中需要下载相关web-uploader插件

https://github.com/PicGo/Awesome-PicGo

image-20250327111816853

image-20250327111939290

4. 服务器自定义的上传接口文件(upload.php)

临时

1. 参考资料

OpenWrt 硬件支持列表:https://openwrt.org/toh/start

NanoPi R5S 参考文档:https://wiki.friendlyelec.com/wiki/index.php/NanoPi_R5S/zh

相关工具和镜像:https://download.friendlyelec.com/NanoPiR5S

image-20240311171925818
image-20240311171456646
image-20240311171853533

2. 安装系统(TF卡写到eMMC为例)

所需工具

(1). 写卡程序 :rufus 或者 win32diskimager 用于将映象文件写入SD卡

(2). 清卡程序:SD Card Formatter 用于清空SD卡中的引导数据

下载所需镜像文件

FriendlyWrt, 基于OpenWrt 23.05,

对应镜像文件名:rk3568-XYZ-friendlywrt-23.05-YYYYMMDD.img.gz

下载后解压出img文件

写入TF卡

TF启动烧写到eMMC

启动

取出TF卡,自动重启到eMMC

基于echarts实现中国地图展示

相关知识

  1. 中国地图规范:国家测绘局关于印发《公开地图内容表示若干规定》的通知

    国测法字〔2003〕1号

    2021年05月12日

    部分规定:

    中国全图必须表示南海诸岛、钓鱼岛、赤尾屿等重要岛屿,并用相应的符号绘出南海诸岛归属范围线。

    广东省地图必须包括东沙群岛

    海南省全图,其图幅范围必须包括南海诸岛。

    南海诸岛作为海南省地图的附图时,附图名称为“海南省全图”;作为中国全图的附图时,一律称“南海诸岛”;

    台湾省在地图上应按省级行政区划单位表示。台北市作为省级行政中心

    台湾省地图的图幅范围,必须绘出钓鱼岛和赤尾屿

  2. echarts API :官网地址

    1). echarts.js 下载(建议github下载,包含示例文件目录test,该目录下包含中国全图及各省份行政区划geojson)

    或按需定制模块下载

    2). API参考文档:https://echarts.apache.org/zh/api.html

    配置项:https://echarts.apache.org/zh/option.html
  3. geojson之中国行政区划数据资源

    1). 天地图

    2). 阿里云DataV.GeoAtlas

    https://datav.aliyun.com/portal/school/atlas/area_selector?spm=a2crr.23498931.0.0.6b3215dd3gB0bt

    3). 高德地图API,百度地图API

    4). 其他资源

    Highmaps 地图数据集

    GeoJson.cn

    POI数据 :(常规数据包含国家、省、市、县行政边界数据,这里还包含乡/镇级的行政边界数据)

    1. 地图坐标系

    WGS84\GCJ02\CGCS2000\BD09是地心坐标系,坐标表现形式为经度、纬度。
    Pseudo-Mercator\UTM\BD09MC是投影坐标系,坐标表现形式为x、y。
    WGS84\CGCS2000是原始坐标系,GCJ02\BD09是加密坐标系。

    天地图 CGCS2000和Pseudo-Mercator投影坐标系
    百度 BD09和BD09MC投影坐标系(包括港澳台),BD09是在GCJ-02坐标系基础上再次加密
    高德(Amap/MapABC)、腾讯 GCJ-02和Pseudo-Mercator投影坐标系

    不同的坐标系混用会有偏移

    1. 其他GIS工具

      QGIS

安装或更新Python3.11

Centos7默认没有安装Python3,或者默认安装了Python3.68

  1. 卸载Python3.68
  2. 安装Python3.11
yum -y install gcc zlib zlib-devel libffi libffi-devel
yum -y install readline-devel
yum -y install openssl-devel openssl11 openssl11-devel
export CFLAGS=$(pkg-config --cflags openssl11)
export LDFLAGS=$(pkg-config --libs openssl11)

wget https://www.python.org/ftp/python/3.11.0/Python-3.11.0.tgz
tar -zxvf Python-3.11.0.tgz
cd Python-3.11.0/
./configure --prefix=/usr/python --with-ssl
make & make install

ln -s /usr/python/bin/python3 /usr/bin/python3
ln -s /usr/python/bin/pip3 /usr/bin/pip
python3 -m pip install --upgrade pip 
# 或
pip install --upgrade pip --ignore-installed
echo 'export PATH="/usr/python/bin:$PATH"' >> .bashrc
source .bashrc 


python3 -V
pip3 -V

ssh-keygen
cat ~/.ssh/id_rsa.pub 
# GITEE添加公钥
ssh-copy-id root@aliyun

ssh -T [email protected]
git config --global user.name 'rtian' 
git config --global user.email '[email protected]'

git clone [email protected]:rtian/python.git
git clone [email protected]:rtian/tv.git


curl -X HEAD -I http://tonkiang.us/


# 安装ffmpeg
yum install -y epel-release rpm
rpm --import http://li.nux.ro/download/nux/RPM-GPG-KEY-nux.ro
rpm -Uvh http://li.nux.ro/download/nux/dextop/el7/x86_64/nux-dextop-release-0-1.el7.nux.noarch.rpm
yum repolist
yum install -y ffmpeg
ffmpeg -version
ffprobe -version


ffprobe -print_format json -show_format -show_streams http://120.194.237.190:808/hls/1/index.m3u8
ffprobe -v error -select_streams v:0 -show_entries stream=width,height -of default=noprint_wrappers=1:nokey=1 input.mp4
-v error: 只显示错误消息,以减少输出。
-select_streams v:0: 选择第一个视频流。如果你的视频有多个视频流,你可能需要调整这个参数。
-show_entries stream=width,height: 显示视频流的宽度和高度。
-of default=noprint_wrappers=1:nokey=1: 以默认格式输出,但省略包装器(如[STREAM])和键名。
input.mp4: 你要分析的视频文件。
ffprobe -v error  -select_streams v:0 -show_entries stream=width,height  -of csv=p=0:s=, http://120.194.237.190:808/hls/1/index.m3u8
curl cip.cc
curl ipinfo.io

curl ifconfig.me
curl ipinfo.io/ip
curl myip.ipip.net
curl cip.cc
curl members.3322.org/dyndns/getip

IPTV 电视节目直播源

关于电视节目直播源分类

  1. 组播源

    (1)有IPTV专线,可以使用udpxy进行内网代理转发的节目源

    如:【河南联通组播】CCTV-1综合:

    http://192.168.0.1:4022/udp/225.1.4.73:1102

    特点:内网访问,可以自行搭建,稳定可靠

    (2)有公网IP,搭建转发服务,可以公网访问的节目源

    如:【山西联通】CCTV-1综合:

    http://121.30.84.178:4022/rtp/226.0.2.153:9136

    特点:公网访问,(需固定公网IP和稳定的带宽保证速度,个人不易搭建)

    有高清源,可能会卡顿

    如果是非自建源:不稳定,不定期更换IP或端口,导致无法正常播放

  2. 酒店源

    由酒店搭建的服务器提供的节目源。

    酒店直播源,除了使用上面的组播源形式,还有其他电视直播管理系统平台

    如常见的:

    智慧桌面 智能KUTV(陕西公司) 标记:ZHGXTV

    源地址(例):

    http://123.10.77.232:808/hls/1/index.m3u8

    智慧光迅平台(广东公司) 标记:txiptv

    源地址:

    http://106.46.113.14:8011/tsfile/live/0001_1.m3u8?key=txiptv&playlive=0&authid=0

    特点:不稳定,不定期更换IP或端口,导致无法正常播放

    需要定期采集更新

  3. 运营商的IPTV节目源

    网上流传主要是电信和移动的IPTV节目源,暂没找到联通的节目源。

    如:

    http://dbiptv.sn.chinamobile.com/PLTV/88888890/224/3221226231/index.m3u8

    和:

    http://ottrrs.hl.chinamobile.com/PLTV/88888888/224/3221226559/index.m3u8

    另外【河南移动】:

    http://iptv.cdn.ha.chinamobile.com/PLTV/88888888/224/3221226459/index.m3u8

    特点:域名访问,相对稳定

    缺点:挑网络环境!在不同运营商网络下可能会有部分节目源失效无法访问。

  4. IPV6节目源

    据说IPV6节目源速度更快,暂没验证

    需要本地网络开通IPV6,

    目前,家庭宽度和手机流量基本都支持IPV6

    每个人的网络环境不同,节目源不一定都对每个人都有效。

节目源文件清单

  1. iptv-udp.txt0 :自用河南联通组播源(无法上传,自行搜索)
  2. h:酒店源(采集ZHGXTV、txiptv类型的酒店源,每日自动更新)

    常规的CCTV,卫视,少儿;

    河南本地频道:采自河南酒店源

    凤凰台(凤凰卫视、凤凰资讯、凤凰香港):采自广东广西酒店源

    并进行测速、检测视频分辨率(1080P以上)

  3. dbiptv.txtottrrs.txtiptvha.txt运营商节目源

    个人可根据网络环境,自行检测合并
  4. ipv6.m3uiptv-v6.txt : IPV6节目源

    同步自:

    https://github.com/fanmingming/live
    https://github.com/Rivens7/Livelist

    进行了重新分组

IPTV电视直播相关APP【空壳】

  1. .txt格式 常用程序

    TVBOX:

    https://github.com/o0HalfLife0o/TVBoxOSC/releases

    DIYP影音:

    https://www.right.com.cn/forum/forum.php?mod=viewthread&tid=8280295
  2. .m3u格式 常用程序

    KODI

    IPTV PRO

  3. 其他调试用播放器

    VLC播放器

    PotPlayer

R5S软路由刷LEDE-OpenWrt

网站:https://openwrt.ai/

下载固件:

https://dl.openwrt.ai/releases/targets/rockchip/armv8/openwrt-03.17.2024-rockchip-armv8-friendlyarm_nanopi-r5s-squashfs-sysupgrade.img.gz

解压出.img,写入TF卡

重启R5S从TF启动即可。

如果要把系统刷入到eMMC,可登录OpenWrt,在线重新刷入新固件(选择上面下载的固件),即可刷入到eMMC

刷系统时,要耐心等

正常情况下,刷完会自动重启,这时可以拔掉tf卡

刷完后自动重启后,如果3个网口绿灯同时亮,此时拔掉TF,会自动重启到eMMC

#TF卡启动直接使用balenaEtcher等工具写入OpenWrt固件至TF卡中即可, 如果EMMC中已有系统, 则设备会优先从#EMMC中启动, 要改为默认从TF卡启动, 请从EMMC启动后使用以下命令清除eMMC上的 Loader

dd if=/dev/zero of=/dev/mmcblk1p1 bs=8M count=25
dd if=/dev/zero of=/dev/mmcblk2 bs=8M count=25

通过WEB刷固件

  1. 官方固件,web管理里面有eMMC刷机助手

    上传openwrt-03.17.2024-rockchip-armv8-friendlyarm_nanopi-r5s-squashfs-sysupgrade.img.gz固件即可

  2. LEDE估计,web管理里面备份与升级->刷写新的固件,上传rk3568-sd-friendlywrt-23.05-20240130.img.gz固件即可

Cloudflare自建Vless节点

相关

  1. Cloudflare注册账号,托管域名(非必需)

    https://www.cloudflare-cn.com/
  2. 利用workers搭建vless节点代码

    https://github.com/zizifn/edgetunnel/blob/main/src/worker-vless.js
    
    https://github.com/Misaka-blog/cf-wkrs-pages-vless/blob/main/_worker.js
  3. UUID生成器

    https://1024tools.com/uuid

    或者,V2rayN中生成UUID

  4. CDN IP(代理服务器节点),填入到V2rayN中

    https://stock.hostmonit.com/CloudFlareYes
    或
    https://fofa.info/
    搜: server=="cloudflare" && country=="SG"
  5. CF反代理IP(非必需),worker.js中设置proxyIP

    worker.js中不设置proxyIP的话,可以正常访问youtube、google等常规站点

    但,无法访问cloudflare解析的子站点,或相关的站点

    const proxyIPs = ['23.162.136.169', 'cdn.xn--b6gac.eu.org', 'cdn-all.xn--b6gac.eu.org', 'edgetunnel.anycast.eu.org'];
  6. 其他IP查询类相关工具

    1)https://ip125.com/

    用于查询当前ip情况:

    国内IP地址:本机的出口IP(默认访问国内网站的ip)

    国外IP地址1:访问普通国外网站的IP,由节点服务器代理访问,IP随时变化;访问不同网站会有不同IP;或访问同一网站刷新时可能IP会变化

    国外IP地址2:访问特定国外网站(Cloudflare的反代理地址,worker.js中设置的proxyIP),固定不变

    路由使用:全局模式 时

    image-20240409092739527

    路由使用: 绕过大陆模式 时

    image-20240409092932875

    2)https://www.myip.com/

    查询当前IP

    查询的是 国外IP地址2,对应的是worker.js里面设置的proxyIP

    如果proxyIP是域名的话,这个IP可能会变化,如果是IP则固定不变

    image-20240409093601649

    3)https://ip.gs/

    查询的国外IP地址1,不固定

    image-20240409095223925

    4)https://www.ipaddress.my/

    查询的是国外IP地址2,固定IP

2)https://www.myip.com/
2)https://www.myip.com/

课程设计:Web前端设计(HTML+CSS)

一、课程目标

本课程旨在让学生掌握Web前端设计的基础知识和技能,包括HTML和CSS的使用,了解网页的基本结构和样式,能够独立完成简单的网页设计和调试。同时,通过本课程的学习,培养学生的团队协作能力和创新思维,提高学生的综合素质。

二、教学方法

  1. 理论教学:通过课堂讲解、案例分析等方式,让学生了解HTML和CSS的基本概念、语法规则和实际应用。
  2. 上机实践:安排上机实践操作,让学生亲自动手编写HTML和CSS代码,加深对知识的理解和掌握。
  3. 课堂互动:组织课堂讨论、小组合作等活动,鼓励学生互相交流、合作解决问题,提高学生的学习积极性和参与度。
  4. 课外拓展:推荐优秀的Web前端设计资源,引导学生自主学习和探索,拓宽视野。

三、教学活动

  1. 知识点讲解:对每个章节的知识点进行详细讲解,让学生了解基本概念和语法规则。
  2. 案例分析:通过分析实际案例,让学生了解HTML和CSS在网页设计中的应用和技巧。
  3. 课堂讨论:针对某个主题进行课堂讨论,鼓励学生发表自己的观点和看法,提高学生的表达能力和思维敏捷度。
  4. 小组合作:将学生分成小组,共同完成一个网页设计项目,培养学生的团队协作能力和创新能力。
  5. 作业与测试:布置作业和进行测试,检查学生对知识的掌握程度和理解深度。
  6. 单元作业展示:每次单元学习结束后,安排一段时间让学生展示自己的单元作业,分享自己的学习成果和经验。同时,通过互相展示和交流,让学生学习他人的优点和发现自己的不足,进一步提高自己的学习效果。

四、评估与反馈

  1. 平时成绩:根据学生的出勤率、课堂表现、作业完成情况等平时表现,给出平时成绩。
  2. 期末测试:进行期末测试,考查学生对本课程知识的掌握程度和理解深度。
  3. 反馈与指导:对学生的学习情况进行及时反馈和指导,帮助学生改进和提高。同时,收集学生的意见和建议,不断改进教学方法和教学活动,提高课程教学质量。

五、教学进度安排

本课程总学时为32学时,其中理论教学占16学时,上机实践占16学时。具体教学进度安排如下:

第1章:Web基础知识(2学时)
第2章:HTML基础(4学时)
第3章:CSS基础(4学时)
第4章:HTML元素与属性(4学时)
第5章:CSS选择器与样式(4学时)
第6章:CSS布局与排版(4学时)
第7章:网页设计与开发(4学时)
第8章:HTML与CSS进阶(2学时)
第9章:单元作业展示(2学时)

六、教学资源保障

  1. 教学场地:提供宽敞舒适的教学场地,配备先进的多媒体教学设备。
  2. 教学师资:本课程由经验丰富的教师团队授课,教师具备丰富的教学经验和专业知识。
  3. 教学资料:提供丰富的教学资料,包括教材、课件、案例等,满足学生的学习需求。
  4. 上机实践:提供上机实践环节所需的计算机和软件等设备,保障学生的实践操作能力得到锻炼和提高。

页面布局--浮动布局

  1. 页面整体布局--四大功能区
  • div#header 网站名称、logo
  • div#nav 导航条
  • div#main 主体内容
  • div#footer 版权、备案信息

    1. 主体内容区: 固定宽度
  1. 浮动布局:
  • float
  • 两列布局

    • 一列浮动、另一列自适应宽度外部留白
  • 三列布局

    • 两列浮动、另一列自适应宽度左右两侧留白
  1. 定位

    • 相对定位
    • 不脱离常规流,占据原始位置空间
    • 基于自身位置偏移

      • 绝对定位
    • 脱离常规流
    • 基于祖先元素的定位(距自身最近的包含定位属性的元素)