AYLOG静态官网动态文章插件

免CMS/无数据库/零门槛 — 给任意HTML静态模板,快速添加自动更新的文章列表

核心优势

免CMS束缚

摆脱emlog/WordPress复杂规则,任意HTML静态模板直接用

🗂️

无数据库依赖

文章以HTML文件存储,通过文件管理工具直接上传修改

零门槛使用

复制3行代码粘贴到模板,即可生成动态文章列表

🔄

双模式支持

内部文件扫描版 + 外链识别版,适配不同运营需求

🎨

样式自由适配

核心样式独立,完美融入任意企业官网模板设计

功能示例展示/原理说明

企业官网模板 + 动态文章列表适配效果
emlog博客系统比较优秀的付费模板,只能修改cms区域、无法修改网站样式
企业官网模板 + 动态文章列表适配效果
自建官网,cms区域手动更改emlog新闻站的链接(原用帝国cms、容易被挂马弃用、改成静态)
企业官网模板 + 动态文章列表适配效果
外链识别版插件示意(静态官网的cms区域可以自动识别更新,仅需更改js链接列表即可)
企业官网模板 + 动态文章列表适配效果
内链扫描版插件示意(任何静态官网均可引用本插件,让原文章列表等cms区域动态识别html文件。实现免帝国cms等框架系统、自动更新列表区域)
企业官网模板 + 动态文章列表适配效果
内链扫描版插件文章示意(自动识别文章文件夹的html文件,只展示一定数量的最新文件,文章页可自由修改或使用原样式。)

适用人群

🏢
🤯
💻
🔗

3步快速使用(内部文件扫描版)

1

上传核心文件

下载项目,把 aylog/ 文件夹、articles/ 文件夹上传到你的官网根目录(articles/ 为空也可)

2

修改模板后缀

把你的HTML静态模板改后缀为 .php(如 index.html → index.php),保留原有所有设计

3

粘贴核心代码(外链识别版)

在模板中想要显示文章列表的位置,粘贴以下代码(路径需根据实际情况调整):

<section id="articles" class="articles"> <div class="container"> <h2>新闻动态</h2> <div class="article-list"> <?php // 引入标题抓取工具 include 'aylog/title_fetcher.php'; // 获取配置的链接和标题列表 $articleList = getArticleList(); // 展示文章列表 if (!empty($articleList)) { foreach ($articleList as $article) { echo "<div class='article-item'>"; // echo "<div style='padding: 5px 0;'>"; echo "<a href='{$article['url']}' target='_blank'>{$article['title']}</a>"; echo "</div>"; } } else { // 兼容PHP5.x的写法(修复??运算符报错) $emptyText = isset($articleConfig['emptyText']) ? $articleConfig['emptyText'] : '暂无最新文章'; echo "<div class='article-empty'>{$emptyText}</div>"; } ?> </div> </div> </section>
4

粘贴核心代码(内链扫描版)

在模板中想要显示文章列表的位置,粘贴以下代码(路径需根据实际情况调整):

<section id="articles" class="articles"> <div class="container"> <h2>新闻动态</h2> <div class="article-list"> <?php // 引入文章扫描工具(自动读articles文件夹里的文章) include 'aylog/article_scanner.php'; $articleList = scanArticles(); // 自动获取所有文章的标题和链接 if (!empty($articleList)) { foreach ($articleList as $article) { echo "<div class='article-item'>"; // 标题 + 时间(加span包裹,方便样式控制) echo "<a href='{$article['url']}' target='_blank'>{$article['title']}</a>"; echo "<span class='article-time'>{$article['publish_time']}</span>"; // 新增时间 echo "</div>"; } } else { echo "<div class='article-empty'>暂无最新文章</div>"; } ?> </div> </div> </section>
5

新增文章

复制 articles/ 里的示例文章模板,修改标题/内容/时间,上传到 articles/ 文件夹,首页列表自动更新!

核心文件集

文件/代码 作用 是否必须
aylog/article_scanner.php 内链版扫描articles/文件夹、读取文章标题/时间的核心PHP工具 ✅ 必须(第8行代码的数字代表显示最新的几个)
aylog/title_fetcher.php 外链版识别config.js文章列表、读取文章标题/时间的核心PHP工具 ✅ 必须
aylog/aylog.css 控制文章列表样式(间距、字体、颜色等) ✅ 必须(也可行编写)
首页核心代码片段 输出“标题+时间+链接”的PHP+HTML代码 ✅ 必须
articles/ 文件夹 存放HTML文章文件(空文件夹也可) ✅ 必须(也可行编写)
articles/article-template.html 新增文章的模板(复制修改即可) ❌ 可选(建议保留)
js/ 文件夹(如slider.js) 网站本身的js,如果用别的模板直接删掉即可 ❌ 可选

灵活扩展,满足更多需求

核心逻辑简单清晰,扩展功能无需修改核心代码

仅需在文章HTML中添加meta标签,再在PHP中读取即可,完美适配带图/带摘要的模板

内容节选 缩略图片 文章标签 阅读量统计 分类筛选 分页功能




特别强调

本“插件”不适合纯小白!不适合大神!不适合习惯其余cms系统的人员!不适合文章为主的资源信息站!

适合以网站创意设计为主的站点、且文章区域不会太多 —— 简单接触过html代码即会使用

如企业官网、展示页、中转页、视觉设计网站(cms能做到,但太过沉重、需专人安装维护,且容易被挂马)

为什么开发这个“插件”

1. 我只是一个小白,几年时间只学会了基础的html知识,AI时代之前靠百度,AI时代之后靠豆包。

2. 玩不转WordPress、hexo、ZBlog、typecho等cms/博客系统,只能看得懂emlog博客系统。

3. 研究emlog模板开发文档1年,结果根本看不懂那些复杂的挂载点,开发规范之类的。

4. 打算修改别人开发好的模板,结果每个人开发的代码都各有千秋,整体而言样式做出来很别扭,且不相干代码太多,又浪费了2年时间。

5. 而且emlog是以文章列表为主的,而我想要的效果其实是企业官网那种,大都可以随便使用搜集到的html静态模板(比如这个文章样式),然后把文章列表区域动态生成即可了。

6. 找到的模板其实大都是适合WordPress站点的,本质上是在 “用 CMS 的规则套自己的需求”,本末倒置了。

7. 有了这套自建的“插件”,我就可以像之前一样自由地使用找到的html模板了。既然核心代码可以输出文字标题,自然可以加入内容节选、图片等,和html模板去对应上。

8. 如果我以文章日更为主、就可以用外链识别版采用主站+新闻站的方式(后来发现主站直接用emlog、首页设置为主页html文件即可。但是存在“文章列表页面只能用emlog自带的模板、DIY性很低”的问题,商城模板太贵且不值,而且不能试用,官方反馈群都是一群傲慢、瞧不起小白的人士。不得不说emlog发展差有发展差的道理。);如果我以网站设计为主,只有一小块文章列表区域,就可以用这个内部文件自动扫描版。(如此,就可以自由DIY网站,尤其是不以文章和资源更新为主的站点)