Skip to content

鲁虺新闻资讯网! 基于HTML5标准文档类型,使用txt做数据库,每个txt文件夹作为一个分类,每个txt文件名由数字命名,通过JavaScript代码显示网站的各种状态(当前分类、标题、详细内容、页码、搜索词等),用JavaScript实现读取txt第一行作为内容标题,第二行作为作者,其它行作为详细内容。前台界面除了可以显示txt纯文本内容,还支持解析Markdown语法、ubb语法、html语法内容等。内容更新采用把撰写好的txt文件按数字顺序丢到对应分类目录就可以了。

Notifications You must be signed in to change notification settings

kugeceo/news.luhui.net

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

鲁虺新闻资讯网

news.luhui.net

鲁虺新闻资讯网!基于HTML5标准文档类型,使用txt做数据库,每个txt文件夹作为一个分类,每个txt文件名由数字命名,通过JavaScript代码显示网站的各种状态(当前分类、标题、详细内容、页码、搜索词等),用JavaScript实现读取txt第一行作为内容标题,第二行作为作者,其它行作为详细内容。前台界面除了可以显示txt纯文本内容,利用第三方库还支持解析Markdown语法、ubb语法、html语法等。内容更新采用把撰写好的txt文件按数字顺序丢到对应分类目录就可以了。

演示地址

http://news.luhui.net

演示截图

演示截图

演示截图

演示截图

鲁虺新闻资讯网是一个基于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(编码转换)等

部署指南

Netlify部署步骤

  1. 准备工作

  2. 创建新站点

    • 点击"New site from Git"
    • 选择你的GitHub仓库
    • 配置构建选项:
      • 构建命令:无需填写(静态网站)
      • 发布目录:/(根目录)
  3. 部署设置

    • 点击"Deploy site"开始部署
    • 部署完成后,Netlify会分配一个临时域名
    • 可在"Domain settings"中配置自定义域名
  4. 自动部署

    • 后续推送到GitHub仓库的更改会自动触发Netlify重新部署

Vercel部署步骤

  1. 准备工作

  2. 导入项目

    • 点击"New Project"
    • 导入你的GitHub仓库
    • 配置项目设置:
      • Framework Preset:选择"Other"
      • 根目录:/(保持默认)
      • 构建命令:无需填写
      • 输出目录:无需填写
  3. 部署项目

    • 点击"Deploy"开始部署
    • 部署完成后,Vercel会分配一个域名(*.vercel.app)
    • 可在"Settings > Domains"中配置自定义域名
  4. 自动部署

    • 项目会自动关联GitHub仓库,每次推送都会触发新的部署

其他部署方式

  1. 传统服务器部署

    • 将所有文件上传到服务器的网站根目录
    • 确保服务器支持静态HTML文件访问
    • 无需特殊配置,直接通过域名访问
  2. GitHub Pages部署

使用说明

  1. 添加新文章

    • 在对应分类文件夹中创建新的TXT文件
    • 文件名使用数字(如1.txt、2.txt),按发布顺序编号
    • 文件格式:
      • 第一行:文章标题
      • 第二行:作者
      • 从第三行开始:文章内容(支持Markdown等格式)
  2. 添加新分类

    • 创建新的文件夹作为分类目录
    • 在JavaScript配置中添加分类信息
  3. 自定义样式

    • 可通过修改CSS样式或Tailwind配置自定义网站外观
    • 黑白模式切换功能已内置,可根据需求调整配色方案

版本信息

  • 当前版本:V1.1.1
  • 创建日期:2025-9-6
  • 最后更新:2025-10-1

版权信息

  • 作者:鲁虺文化网、冠富研究院、冠富商务通
  • 版权所有:luhui.net (2004-2025)
  • 非商业用户可免费使用,商业用途需获得作者授权
  • 允许传播和修改本程序,但不得删除版权信息

联系方式

除了 netlify 和 vercel,还有哪些常见的部署方式?

除了 Netlify和Vercel,针对静态网站(如news.luhui.net这类基于HTML、JavaScript和TXT文件的轻量应用),还有以下常见部署方式:

1. GitHub Pages / GitLab Pages

  • 特点:完全免费,与代码仓库深度集成,适合个人或小型项目。
  • 部署步骤
    1. 将代码推送到GitHub/GitLab仓库。
    2. 在仓库设置中开启Pages功能,选择部署分支(如main)和根目录。
    3. 自动生成域名(如用户名.github.io/仓库名),支持自定义域名。
  • 优势:零成本、自动部署(推送代码后触发)、适合开源项目展示。

2. 云服务厂商静态托管

主流云厂商均提供静态网站托管服务,适合需要更高定制化和扩展性的场景:

  • 阿里云 OSS + CDN
    • 将文件上传至OSS(对象存储),开启“静态网站托管”功能。
    • 配合CDN加速访问,支持自定义域名和HTTPS配置。
  • 腾讯云 COS + CDN
    • 类似阿里云,通过对象存储COS托管静态文件,结合CDN提升全球访问速度。
  • AWS S3 + CloudFront
    • S3存储文件并开启静态网站托管,CloudFront作为CDN分发,适合全球用户覆盖。
  • 优势:稳定性高、可按需扩展存储和带宽、支持精细化权限管理。

3. 传统服务器/虚拟主机

  • 适用场景:已有服务器资源,或需要部署在自有硬件上。
  • 部署步骤
    1. 通过FTP、SFTP或scp等工具将文件上传至服务器的网站根目录(如/var/www/html)。
    2. 配置Nginx、Apache等Web服务器指向该目录。
    3. 解析域名至服务器IP,完成访问。
  • 优势:完全自主控制,适合需要与其他服务(如后端API)同机部署的场景。

4. Cloudflare Pages

  • 特点:与Cloudflare CDN深度集成,免费方案支持无限带宽。
  • 部署步骤
    1. 关联GitHub/GitLab仓库,选择构建配置(静态网站无需构建命令)。
    2. 自动部署并分配*.pages.dev域名,支持绑定自定义域名并自动配置HTTPS。
  • 优势:全球CDN加速、DDoS防护、免费方案足够支撑中小型网站。

5. VPS(虚拟专用服务器)

  • 适用场景:需要更多自定义配置(如反向代理、自定义脚本)。
  • 常见选择:DigitalOcean Droplets、Linode、Vultr等。
  • 部署步骤
    1. 购买VPS并安装操作系统(如Ubuntu)。
    2. 安装Nginx/Apache,将网站文件放在服务器目录。
    3. 配置域名解析和SSL证书(可通过Let’s Encrypt免费获取)。
  • 优势:灵活性高,可同时部署静态文件和后端服务。

6. Netlify/Vercel的替代方案

  • Render:支持静态网站、后端服务和数据库,部署流程简单,免费方案含一定额度。
  • Surge:专注静态网站部署,通过命令行工具surge快速发布,适合开发者临时预览。
  • Firebase Hosting:谷歌旗下服务,与Firebase生态(如数据库、云函数)无缝集成,适合全栈应用。

选择建议

  • 个人/小项目:优先GitHub Pages、Cloudflare Pages(免费且便捷)。
  • 全球访问:AWS S3 + CloudFront、Cloudflare Pages(CDN加速优势)。
  • 自主管理:VPS或传统服务器(适合需要深度定制的场景)。
  • 与云服务联动:阿里云OSS、腾讯云COS(适合已使用对应云厂商服务的用户)。

这些方式均适用于news.luhui.net这类静态架构,可根据成本、访问量和技术需求选择。

捐助打赏作者

手机如何扫码:

打赏作者

① 保存上面二维码图片 ② 打开微信、支付宝、手机qq、“扫一扫” ③ 点击右下脚图标 ④ 选择刚才保存的图片

感谢每一位捐赠者,我一直在坚持不懈地努力和创新,不断精心打磨产品,并坚持完全免费,我走过的每一步、开发的每一个功能,离不开那些默默支持我的热心用户, 大家的每一份捐赠和建议,都是我做的更好、走的更远最大的支持和动力!感谢大家,感谢有你,与你相遇好幸运!

您的捐赠将会用于:

① 支付服务器、域名费用。 ② 开发更丰富的功能,设计更友好的用户界面。 ③ 撰写发布更多文章,保证作者的官网一直免费为大家提供服务。

About

鲁虺新闻资讯网! 基于HTML5标准文档类型,使用txt做数据库,每个txt文件夹作为一个分类,每个txt文件名由数字命名,通过JavaScript代码显示网站的各种状态(当前分类、标题、详细内容、页码、搜索词等),用JavaScript实现读取txt第一行作为内容标题,第二行作为作者,其它行作为详细内容。前台界面除了可以显示txt纯文本内容,还支持解析Markdown语法、ubb语法、html语法内容等。内容更新采用把撰写好的txt文件按数字顺序丢到对应分类目录就可以了。

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages