普通视图

WordPress转换成Markdown(jekyll格式)

2026年1月7日 11:03

1.下载Node.js

访问 Node.js官网(https://nodejs.org), 下载完成后安装。

2.下载WordPress.xml 文件

在 WordPress 后台, 导出 xml 文件。

3.开始转换

新建一个文件夹, 把下载的xml文件改名为export.xml放到此文件夹中。

按住Shift右键文件夹空白处打开powershell

4.输入命令

npx wordpress-export-to-markdown

5.命令选项

Path to WordPress export file? export.xml
Put each post into its own folder? No
Add date prefix to posts? Yes
Organize posts into date folders? No
Save images? (Use arrow keys)?All Images

6.处理图片路径

因为我要把Markdown文件和图片上传到Github的jekyll目录格式,需要修改图片路径。

Node.js的wordpress-export-to-markdown处理过的文章目录是:posts下存放images和md文件,但是jekyll的目录是images和posts在同一级目录。需要把md文件的图片链接由(images/abc.jpg)改成 (/images/abc.jpg)。

按住Shift右键posts文件夹空白处打开powershell,输入以下命令:

Get-ChildItem -Recurse -Filter *.md | ForEach-Object {
    $content = Get-Content $_.FullName -Encoding UTF8 -Raw
    $content = $content -replace '!\[\]\((images/[^)]+)\)', '![](/$1)'
    Set-Content -Path $_.FullName -Value $content -Encoding UTF8
    Write-Host "已处理: $($_.FullName)" -ForegroundColor Green
}

7.上传到Github的文件夹中

将处理好的Markdown文件和图片上传至Github仓库中(浏览器上传或者Git推送都行)。

我的博客的GitHub Pages站点网址:https://jfsay.github.io

WordPress转换成Markdown(jekyll格式)

2026年1月7日 11:03

1.下载Node.js

访问 Node.js官网(https://nodejs.org), 下载完成后安装。

2.下载WordPress.xml 文件

在 WordPress 后台, 导出 xml 文件。

3.开始转换

新建一个文件夹, 把下载的xml文件改名为export.xml放到此文件夹中。

按住Shift右键文件夹空白处打开powershell

4.输入命令

npx wordpress-export-to-markdown

5.命令选项

Path to WordPress export file? export.xml
Put each post into its own folder? No
Add date prefix to posts? Yes
Organize posts into date folders? No
Save images? (Use arrow keys)?All Images

6.处理图片路径

因为我要把Markdown文件和图片上传到Github的jekyll目录格式,需要修改图片路径。

Node.js的wordpress-export-to-markdown处理过的文章目录是:posts下存放images和md文件,但是jekyll的目录是images和posts在同一级目录。需要把md文件的图片链接由(images/abc.jpg)改成 (/images/abc.jpg)。

按住Shift右键posts文件夹空白处打开powershell,输入以下命令:

Get-ChildItem -Recurse -Filter *.md | ForEach-Object {
    $content = Get-Content $_.FullName -Encoding UTF8 -Raw
    $content = $content -replace '!\[\]\((images/[^)]+)\)', '![](/$1)'
    Set-Content -Path $_.FullName -Value $content -Encoding UTF8
    Write-Host "已处理: $($_.FullName)" -ForegroundColor Green
}

7.上传到Github的文件夹中

将处理好的Markdown文件和图片上传至Github仓库中(浏览器上传或者Git推送都行)。

我的博客的GitHub Pages站点网址:https://jfsay.github.io

我的 CSS 设置

2025年10月27日 18:35

《如果你想使用这套 WordPress 主题》,最近更新了博客的 CSS 设置,分享给有需要的朋友。

整体设计以文字为主,少装饰性元素。不用颜色引导,而用灰阶节奏和留白。

ChatGPT 辅助设计,有问题可以帮忙反馈在评论区!

Sc

以下是完整 CSS:

这个以外,还有什么值得添加的css?/* ---------- 正文链接 ---------- */
.entry-content a {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.15em;
}

.entry-content a:hover {
  text-decoration-thickness: 2px;
}

/* ---------- 正文标题(只影响文章内容区) ---------- */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  font-weight: 500;
  line-height: 1.35;
  color: #000;
  letter-spacing: 0;          /* 标题不拉字距,更凝聚 */
  margin: 2.4em 0 0.9em;
  text-indent: 0;
  position: relative;         /* 为伪元素做准备 */
}

/* h1:正文中不鼓励使用,视觉上降级 */
.entry-content h1 {
  font-size: 1.35rem;
  text-align: left;
  margin: 2.2em 0 1em;
}

/* h2:章节级标题(使用 # 作为结构标记) */
.entry-content h2 {
  font-size: 1.32rem;
  padding-left: 1.2em;        /* 给 # 留空间 */
  margin-top: 2.6em;
}

.entry-content h2::before {
  content: "#";
  position: absolute;
  left: 0;
  top: 0;
  color: #999;                /* 弱化为结构提示,而非主视觉 */
  font-weight: 400;
}

/* h3:小节标题(不再重复符号,保持克制) */
.entry-content h3 {
  font-size: 1.15rem;
  color: #222;
  margin-top: 1.9em;
}

/* h4 / h5 / h6:提示级标题 */
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  font-size: 1.02rem;
  color: #333;
  font-weight: 500;
  margin-top: 1.6em;
}

WordPress 插件 – 旅行地图 WP Travel Map

2025年9月2日 04:57

最近又做了一个极简风格的 WordPress 旅行地图插件,用于记录去过的地方。

展示页:https://anotherdayu.com/travelmap/ (近期更新调试中)

提醒:Mapbox 地图部分有合规风险,服务器在境内做过备案的博主谨慎使用,有关站风险!

功能特点

  • 通过短代码在任何页面显示地图
  • Excel 导入导出
  • 智能地点搜索
  • 多种地图类型,支持 2D 或 3D
  • 可以在地点描述中添加链接(可直接跳转),比如在这里写的博客

安装

  • 前往 Github 下载插件:https://github.com/DayuGuo/wp_travel_map
  • 在 WordPress 后台安装并激活插件
  • 进入WordPress 左侧边栏的 「旅行地图 > 设置」,配置 Mapbox 访问令牌。需要注册 mapbox 账号,每月有 5w 次免费载入次数,个人博客完全够用。
  • 使用「旅行地图」菜单管理地点
  • 在页面或文章中使用短代码显示地图,如下:

WordPress 友情链接插件 Simple 版

2025年8月27日 21:19

这个项目基于并 fork 于 wp_friendlinks_manager(作者 @Jack),仅修改了样式和风格以适配自己的博客。所以名称就叫 wp_friendlinks_manager_simple

展示页面: 友邻 – Another Dayu

增加的核心功能:如半年以上未更新,会在友邻的名称后加 🕊 小鸽子 emoji。

下载地址:https://github.com/DayuGuo/wp_friendlinks_manager_simple

教程见 Jack 的博客:又一个 WordPress 友情链接插件

减肥前的准备工作 – Strava Running Sync WordPress 插件

2025年8月27日 18:11

最近想开始减肥,作为一个博客作者,准备工作当然是做一个 WordPress 跑步骑行插件(捂脸)。

Strava Running Sync 的灵感来源于 Running Page,可自动同步 Strava 跑步数据并在网站上进行可视化展示。

展示页面:https://anotherdayu.com/runningpage/

功能特性

  • 🏃‍♀️ 多运动支持 – 自动同步跑步、步行、骑行等运动数据
  • 📊 统计展示 – 显示总距离、总时长、平均配速等统计信息
  • 🗺️ 地图可视化 – 在交互式地图上展示运动轨迹
  • 📋 数据表格 – 以表格形式展示详细的活动列表,适配电脑和手机端
  • 🎯 类型筛选 – 支持按运动类型筛选数据
  • 🔄 定时同步 – 支持每小时自动同步最新数据

安装与配置

1. 创建Strava应用

  1. 访问 Strava API设置页面
  2. 点击「Create App」创建新应用
  3. 填写应用信息:
  • Application Name: 你的应用名称
  • Category: 选择适当的分类
  • Club: 可留空
  • Website: 你的网站地址(如 https://anotherdayu.com/)
  • Authorization Callback Domain: 你的域名(如:example.com),重要:Authorization Callback Domain 只填写域名,不要包含协议和路径。(如 anotherdayu.com)

回调URL配置说明:如果你的 WordPress 安装在子目录或使用自定义域名,可以在插件设置中修改回调 URL。

最后需要保存 Client ID 和 Client Secret

2. 安装插件

  1. 前往 Github 下载插件:https://github.com/DayuGuo/strava-running-sync
  2. 将插件文件夹上传到 /wp-content/plugins/ 目录;或直接在插件页面上传插件压缩包安装。
  3. 在 WordPress 后台激活插件。

3. 配置插件

  1. 在 WordPress 后台进入「Strava Running」设置页面(侧边栏)
  2. 填入从 Strava 获取的 Client ID 和 Client Secret
  3. 点击「连接到Strava」按钮完成 OAuth 授权
  4. 配置显示选项(地图样式、自动同步等)
  5. 点击「立即同步」进行首次数据同步
  6. 插件基于 Mapbox,需申请账号并获取 Mapbox Access Token。

使用方法

短代码参数

所有短代码都需要在两侧添加 []

使用 strava_running_display 短代码在页面或文章中显示跑步数据。

支持的参数:

  • type – 显示类型
  • both – 同时显示统计、地图和表格(默认)
  • stats – 仅显示统计信息
  • map – 仅显示地图
  • table – 仅显示数据表格
  • limit – 显示的活动数量(默认50)
  • map_height – 地图高度(默认500px)

示例

技术支持

如遇到问题或需要技术支持,请:

  1. 检查 WordPress 和 PHP 版本兼容性
  2. 确认 Strava API 配置正确
  3. 验证回调 URL 配置
  4. 查看 WordPress 错误日志

开源协议

本插件采用 GPL v2 协议开源。


享受跑步,享受数据!🏃‍♀️💨

嘿,我也搭了个Memos

2025年8月31日 19:54

最近又开始折腾了,才入手的一台腾讯云轻量服务器,就盘算着跑点什么项目才好。

偶然看到美团,想起王兴早年间创办的饭否网(中国大陆首个类Twitter微型博客社交网站,饭否网成立于2009年6月,早期是厨师交流社区。2009年10月,网站正式进入社交市场,是中国封闭社区之一。),现在居然还在运行,只是不再开放注册了。有点好奇王兴会在上面发些什么内容,甚至想买个账号去围观一下。可惜这条路不太现实,也就只能想想罢了。

fanfou.png

顺着这个思路,我又去找了找有没有轻量级的开源微博类项目,结果发现了Memos,一个开源的笔记工具。其实对这名字有点印象,好像之前在哪个博客看到过。我还特地跑到中文博客的微信群里问关于Memos的问题,结果一位博友直接拍了拍我:“你慢了半拍啊,这去年群里就聊过啦!”我只好回复:“是啊,查了一下这好像是2023年开始讨论的,今年都2025了……”好家伙,何止是晚集,简直像是在考古。

weixinqun.png

于是我在宝塔面板上用Docker部署了Memos,初步感觉还挺轻量的。不过UI设计实在不太符合我的审美,后来一看作者是国外的,倒也稍微能理解这风格了。

上网搜了搜关于Memos的讨论,发现不少人在吐槽,说开源作者不太听用户的反馈,一直按自己的思路开发,导致很多用户还停留在旧版本……哈哈,看来大家的使用体验相当真实。

不过抛开UI不说,Memos本身作为个人笔记或小团队的轻微博其实还不错,内容可以设置为公开,Memos广场其他人也能看到。

后来我又继续探索,找到了另一个开源笔记项目Blinko。不得不说,无论是界面还是功能设计,Blinko的可玩性都比Memos好不少,只是估计我这台小霸王服务器跑起来可能会有点吃力。

大概六月份的时候,在X(twitter)上看到一些up主在发EdgeOne的软文,这才注意到是腾讯云的产品,号称国内版的 (“Cloudflare”被一些人称为“赛博菩萨”)当时说发推文就送兑换码,但我发了也没收到,后来就不了了之。

直到前几天,在博友圈看到一篇博友文章说抽奖送Egdeone兑换码,我就试了一下,居然中了一枚!于是终于用上了EdgeOne(安全加速流量/请求:“不限量”,免费套餐长期有效),并把它接入了我的Memos。不过我也注意到,不少博主都在吐槽腾讯云的EdgeOne,甚至有人已经弃用了,具体原因还不太清楚。

edgeone.png

boce.png

总之,腾讯云推动国内开发者、企业和独立站长进入“全民CDN时代”的努力是看得见的。虽然前期可能遇到了不少问题,但还是希望EdgeOne能越做越好,真正成为大家口中的“国产赛博菩萨”。这份期待,我相信不少人都能理解。

目前使用的 WordPress 插件

2024年11月24日 15:59

以下是我目前使用的WordPress插件,共 11 个:

  • UpdraftPlus,核心备份插件,免费版支持定期备份到 Google Drive。近期迁移了一次,安装好WordPress和该插件,再关联一下 Google 账号即可备份成功,体验很好。
  • Blocksy 主题 + 插件,目前在使用的主题,免费版够用,可自定义选项多,颜值高。
  • Polylang,多语言插件,免费版功能齐全,中英文界面可同时 SEO 索引,增强博客覆盖面。
  • Antispam Bee,屏蔽广告评论。
  • Post SMTP,邮件发送插件,更简单的配置 SMTP。
  • Wenprise Better Emails,提供邮件模板,美化邮件。
  • WP Super Cache,网站缓存插件,提升网站加载速度。
  • WPS Hide Login,安全插件,可以自定义WordPress登录页面URL。
  • Rank Math SEO,SEO 优化插件,增强搜索引擎可见度。
  • Meow Gallery,图片画廊插件。
  • Juicer,社交媒体聚合插件,能为国内用户展示 Twitter 时间线。

目前已有足够的舒适度,之后会偏重稳定性,于是关闭了插件和主题的自动更新。除了安全性更新,尽量不动。

除了 Blocksy,都用的免费版。但 Blocksy 其实也没用到几个付费功能,只是比较喜欢,且长期使用,支持一下。

在 Jack 的帮助下,最近管理面板换成了 1Panel,舒适度比 AMH 要高一些,操作也更简单。

截图留念!

CleanShot 2024-11-24 at 15.52.48@2x.png
❌