免CMS/无数据库/零门槛 — 给任意HTML静态模板,快速添加自动更新的文章列表
摆脱emlog/WordPress复杂规则,任意HTML静态模板直接用
文章以HTML文件存储,通过文件管理工具直接上传修改
复制3行代码粘贴到模板,即可生成动态文章列表
内部文件扫描版 + 外链识别版,适配不同运营需求
核心样式独立,完美融入任意企业官网模板设计
下载项目,把 aylog/ 文件夹、articles/ 文件夹上传到你的官网根目录(articles/ 为空也可)
把你的HTML静态模板改后缀为 .php(如 index.html → index.php),保留原有所有设计
在模板中想要显示文章列表的位置,粘贴以下代码(路径需根据实际情况调整):
<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>
在模板中想要显示文章列表的位置,粘贴以下代码(路径需根据实际情况调整):
<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>
复制 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网站,尤其是不以文章和资源更新为主的站点)