鲁虺新闻资讯网!基于HTML5标准文档类型,使用txt做数据库,每个txt文件夹作为一个分类,每个txt文件名由数字命名,通过JavaScript代码显示网站的各种状态(当前分类、标题、详细内容、页码、搜索词等),用JavaScript实现读取txt第一行作为内容标题,第二行作为作者,其它行作为详细内容。前台界面除了可以显示txt纯文本内容,利用第三方库还支持解析Markdown语法、ubb语法、html语法等。内容更新采用把撰写好的txt文件按数字顺序丢到对应分类目录就可以了。
鲁虺新闻资讯网是一个基于HTML5、JavaScript和TXT文件的轻量级新闻资讯展示系统,专注于新闻资讯的展示和检索,设计上注重用户体验和响应式布局。
该项目是一个单页网站应用,采用TXT文件作为数据存储方式,每个TXT文件夹代表一个新闻分类,每个TXT文件以数字命名。通过JavaScript实现内容的读取与展示,支持多种内容格式解析,包括纯文本、Markdown、UBB和HTML语法。
内容更新极为简便,只需将撰写好的TXT文件按数字顺序放入对应分类目录即可完成发布。
- 采用HTML5标准文档类型,设置UTF-8字符编码
- 实现响应式视口,适配各种设备屏幕
- 集成Tailwind CSS用于样式设计,Font Awesome提供图标支持
- 配置完善的网站元数据(描述、关键词等)
- 顶部导航栏:包含网站标题、导航链接和黑白模式切换按钮
- 滚动控制:右下角的回到顶部和底部快捷按钮
- 搜索区域:支持标题搜索、内容搜索或组合搜索,带搜索历史功能
- 分类导航:提供多种新闻分类(新闻传播、网络媒体、娱乐八卦等)
- 统计信息:展示总文章数及各类别文章数量统计
- 文章列表:以网格形式展示文章,支持分页浏览
- 文章详情:展示单篇文章完整内容,支持多种格式渲染
- 页脚:包含网站版权信息和相关链接
- 黑白模式切换,适应不同使用场景
- 文章搜索与分类筛选,快速定位内容
- 搜索历史记录管理,方便重复搜索
- 文章列表与详情页无缝切换
- 分页导航,浏览大量内容
- 多格式内容渲染(Markdown、纯文本等)
- 上下篇文章导航,便于连续阅读
- 通过JavaScript管理网站状态(当前分类、页码、搜索词等)
- 实现文章数据缓存机制,提升加载速度
- 本地存储管理搜索历史记录
- HTML5:页面结构基础
- JavaScript:交互逻辑与数据处理
- Tailwind CSS:样式设计
- Font Awesome:图标资源
- TXT文件:内容数据存储
- 第三方库:marked.js(Markdown解析)、iconv-lite(编码转换)等
-
准备工作
- 将项目推送到GitHub仓库
- 注册并登录Netlify账号(https://netlify.com)
-
创建新站点
- 点击"New site from Git"
- 选择你的GitHub仓库
- 配置构建选项:
- 构建命令:无需填写(静态网站)
- 发布目录:/(根目录)
-
部署设置
- 点击"Deploy site"开始部署
- 部署完成后,Netlify会分配一个临时域名
- 可在"Domain settings"中配置自定义域名
-
自动部署
- 后续推送到GitHub仓库的更改会自动触发Netlify重新部署
-
准备工作
- 将项目推送到GitHub仓库
- 注册并登录Vercel账号(https://vercel.com)
-
导入项目
- 点击"New Project"
- 导入你的GitHub仓库
- 配置项目设置:
- Framework Preset:选择"Other"
- 根目录:/(保持默认)
- 构建命令:无需填写
- 输出目录:无需填写
-
部署项目
- 点击"Deploy"开始部署
- 部署完成后,Vercel会分配一个域名(*.vercel.app)
- 可在"Settings > Domains"中配置自定义域名
-
自动部署
- 项目会自动关联GitHub仓库,每次推送都会触发新的部署
-
传统服务器部署
- 将所有文件上传到服务器的网站根目录
- 确保服务器支持静态HTML文件访问
- 无需特殊配置,直接通过域名访问
-
GitHub Pages部署
- 在仓库设置中开启GitHub Pages
- 选择部署来源为"main分支"和根目录
- 访问地址为:https://用户名.github.io/仓库名
-
添加新文章
- 在对应分类文件夹中创建新的TXT文件
- 文件名使用数字(如1.txt、2.txt),按发布顺序编号
- 文件格式:
- 第一行:文章标题
- 第二行:作者
- 从第三行开始:文章内容(支持Markdown等格式)
-
添加新分类
- 创建新的文件夹作为分类目录
- 在JavaScript配置中添加分类信息
-
自定义样式
- 可通过修改CSS样式或Tailwind配置自定义网站外观
- 黑白模式切换功能已内置,可根据需求调整配色方案
- 当前版本:V1.1.1
- 创建日期:2025-9-6
- 最后更新:2025-10-1
- 作者:鲁虺文化网、冠富研究院、冠富商务通
- 版权所有:luhui.net (2004-2025)
- 非商业用户可免费使用,商业用途需获得作者授权
- 允许传播和修改本程序,但不得删除版权信息
- 鲁虺文化网:http://www.luhui.net
- 冠富研究院:http://www.guanfu.org
- 冠富商务通:http://www.guanfu.net.cn
- QQ:63625244
- Email:info@mail.luhui.net
除了 Netlify和Vercel,针对静态网站(如news.luhui.net这类基于HTML、JavaScript和TXT文件的轻量应用),还有以下常见部署方式:
- 特点:完全免费,与代码仓库深度集成,适合个人或小型项目。
- 部署步骤:
- 将代码推送到GitHub/GitLab仓库。
- 在仓库设置中开启Pages功能,选择部署分支(如
main)和根目录。 - 自动生成域名(如
用户名.github.io/仓库名),支持自定义域名。
- 优势:零成本、自动部署(推送代码后触发)、适合开源项目展示。
主流云厂商均提供静态网站托管服务,适合需要更高定制化和扩展性的场景:
- 阿里云 OSS + CDN
- 将文件上传至OSS(对象存储),开启“静态网站托管”功能。
- 配合CDN加速访问,支持自定义域名和HTTPS配置。
- 腾讯云 COS + CDN
- 类似阿里云,通过对象存储COS托管静态文件,结合CDN提升全球访问速度。
- AWS S3 + CloudFront
- S3存储文件并开启静态网站托管,CloudFront作为CDN分发,适合全球用户覆盖。
- 优势:稳定性高、可按需扩展存储和带宽、支持精细化权限管理。
- 适用场景:已有服务器资源,或需要部署在自有硬件上。
- 部署步骤:
- 通过FTP、SFTP或
scp等工具将文件上传至服务器的网站根目录(如/var/www/html)。 - 配置Nginx、Apache等Web服务器指向该目录。
- 解析域名至服务器IP,完成访问。
- 通过FTP、SFTP或
- 优势:完全自主控制,适合需要与其他服务(如后端API)同机部署的场景。
- 特点:与Cloudflare CDN深度集成,免费方案支持无限带宽。
- 部署步骤:
- 关联GitHub/GitLab仓库,选择构建配置(静态网站无需构建命令)。
- 自动部署并分配
*.pages.dev域名,支持绑定自定义域名并自动配置HTTPS。
- 优势:全球CDN加速、DDoS防护、免费方案足够支撑中小型网站。
- 适用场景:需要更多自定义配置(如反向代理、自定义脚本)。
- 常见选择:DigitalOcean Droplets、Linode、Vultr等。
- 部署步骤:
- 购买VPS并安装操作系统(如Ubuntu)。
- 安装Nginx/Apache,将网站文件放在服务器目录。
- 配置域名解析和SSL证书(可通过Let’s Encrypt免费获取)。
- 优势:灵活性高,可同时部署静态文件和后端服务。
- Render:支持静态网站、后端服务和数据库,部署流程简单,免费方案含一定额度。
- Surge:专注静态网站部署,通过命令行工具
surge快速发布,适合开发者临时预览。 - Firebase Hosting:谷歌旗下服务,与Firebase生态(如数据库、云函数)无缝集成,适合全栈应用。
- 个人/小项目:优先GitHub Pages、Cloudflare Pages(免费且便捷)。
- 全球访问:AWS S3 + CloudFront、Cloudflare Pages(CDN加速优势)。
- 自主管理:VPS或传统服务器(适合需要深度定制的场景)。
- 与云服务联动:阿里云OSS、腾讯云COS(适合已使用对应云厂商服务的用户)。
这些方式均适用于news.luhui.net这类静态架构,可根据成本、访问量和技术需求选择。
手机如何扫码:
① 保存上面二维码图片 ② 打开微信、支付宝、手机qq、“扫一扫” ③ 点击右下脚图标 ④ 选择刚才保存的图片
感谢每一位捐赠者,我一直在坚持不懈地努力和创新,不断精心打磨产品,并坚持完全免费,我走过的每一步、开发的每一个功能,离不开那些默默支持我的热心用户, 大家的每一份捐赠和建议,都是我做的更好、走的更远最大的支持和动力!感谢大家,感谢有你,与你相遇好幸运!
您的捐赠将会用于:
① 支付服务器、域名费用。 ② 开发更丰富的功能,设计更友好的用户界面。 ③ 撰写发布更多文章,保证作者的官网一直免费为大家提供服务。