Total Pageviews

Showing posts with label cloudflare. Show all posts
Showing posts with label cloudflare. Show all posts

Thursday, 1 October 2026

muse替我在cloudflare.com平台构建基于nextjs的静态博客程序gossip


 我用github a/c: luckypoem@gmail.com登录cloudflare.com后,导入仓库https://github.com/brightmann/qx0g .

下面的插图就是我跟它的对话过程,共 6张插图.


 

 



项目地址:
https://github.com/qianxi0410/gossip
https://github.com/brightmann/qx0g/
https://github.com/brightmann/qx0g/blob/main/usage.md ,gossip - 基于 nextjs+GitHub issues的极简博客引擎。
用github账号brightmann@gmail.com登录https://github.com,然后访问https://github.com/brightmann/qx0g/settings ,勾选issues. 访问https://github.com/brightmann/qx0g/issues, 新建一个issue,并添加published标签。

等待muse在cloudflare.com平台上的部署完成,部署完成后,我得到网址:
https://qx0g.luckypoem.workers.dev/

muse替我在cloudflare.com平台构建基于nextjs的静态博客程序shgn


 我用github a/c: luckypoem@gmail.com登录cloudflare.com后,导入仓库https://github.com/brightmann/shgn .

下面的插图就是我跟它的对话过程,共4 张插图.


 

 


项目地址:

https://github.com/statichunt/geeky-nextjs
https://github.com/brightmann/shgn


https://github.com/brightmann/shgn/tree/main/src/content/posts ,在此处,新建源帖fh.md ,内容为:

---
title: "战马"
date: 2026-09-30T22:44:00Z
image: /images/post/post-1.png
categories: ["misc1", "misc2", "misc3"]
featured: false
draft: false
---

此处写正文或html codes.

我在cloudflare.com平台得到的博客地址是:
https://shgn.luckypoem.workers.dev/

https://shgn.luckypoem.workers.dev/posts/fh 能显示视频。

 https://shgn.luckypoem.workers.dev/page/2 支持分页。

 

Wednesday, 30 September 2026

muse替我在cloudflare.com平台构建基于nextjs的静态博客程序sbwt


 我用github a/c: luckypoem@gmail.com登录cloudflare.com后,导入仓库https://github.com/brightmann/sbwt , 试图让cloudflare平台build这个项目. 虽然build成功,但是生成的帖子里有很多的placeholder, 看着很碍眼。

 于是,我又让muse来帮我构建这个静态博客程序。下面的插图就是我跟它的对话过程,共9张插图.

 

 


 






项目地址:

 https://github.com/samcuxx/blogar-Website-Template

 https://github.com/brightmann/sbwt/

 访问https://github.com/brightmann/sbwt/tree/main/posts ,在此处新建源帖fh.md ,内容为:

---
postFormat: 'standard'
title: '战马'
featureImg: '/images/posts/fh.webp'
date: 'Sep 29 2026 21:50'
pCate: 'Seo Blog'
cate: 'Research'
cate_img: '/images/posts/category/research.webp'
post_views: 'n Views'
read_time: '3 min read'
author_name: 'ym'
author_img: '/images/posts/author/author-b2.webp'
author_designation: 'amateur'
author_bio: 'amateur writer'
author_social:
    -
        icon: fab fa-facebook-f
        url: https://facebook.com/
    -
        icon: fab fa-twitter
        url: https://twitter.com
    -
        icon: fab fa-instagram
        url: https://instagram.com
    - 
        icon: fas fa-link
        url: https://linkedin.com
tags: 
     - misc1
    - misc2
    - misc3
---

此处写正文或html codes.

build成功后,我得到的博客网址是:

https://sbwt.luckypoem.workers.dev/

https://sbwt.luckypoem.workers.dev/post-list

访问 https://github.com/brightmann/sbwt/blob/main/lib/markdownToHtml.js ,

把 use(html)改为:use(html, { sanitize: false })

 即可让嵌入的html codes(比如嵌入的视频代码)得以渲染。

( https://github.com/briteming/sbwt/
https://sbwt-ten.vercel.app/ )



Monday, 28 September 2026

muse替我在cloudflare.com平台构建基于nextjs的静态博客程序wnbt


 我用github a/c: luckypoem@gmail.com登录cloudflare.com后,导入仓库https://github.com/brightmann/wnbt, 试图让cloudflare平台build这个项目. 虽然build成功,但是生成的帖子却不显示内容。

 于是,我又让muse来帮我构建这个静态博客程序。下面的插图就是我跟它的对话过程,共 11张插图.


 



 







项目地址:

https://github.com/wwebdev/nextjs-blog-template

 https://github.com/wwebdev/nextjs-blog-template/issues/2

https://github.com/brightmann/wnbt

https://github.com/brightmann/wnbt/tree/main/pages/blog ,在此处创建源帖fh.js文件,内容为:

import Link from 'next/link'
import PostLayout from '../../components/Layout/PostLayout'

// defines the basic layout of posts with the /blog route
const Post = () => {
  return <PostLayout>
    
<p>
此处写正文或html codes.
</p>

  </PostLayout>
}

export default Post

访问 https://github.com/brightmann/wnbt/blob/main/content/posts.js ,在顶部的

{...),段落的上面加上:

{
    title: '战马',
    description: '这是一篇文章',
    image: '/posts/post1.jpg',
    link: '/blog/fh',
    categories: ['main'], // specifies where it will be rendered
    date: 'June 07 2026' // optional
  },

这样,源帖就创建好了,然后静候cloudflare.com平台部署完成。部署完成后,我得到网址:

 https://wnbt.luckypoem.workers.dev/

 https://wnbt.luckypoem.workers.dev/blog/fh  能显示视频。

(https://wnbt.vercel.app/)

 

muse替我在cloudflare.com平台构建基于nextjs的静态博客程序hkb


 我用github a/c: luckypoem@gmail.com登录cloudflare.com后,导入仓库https://github.com/brightmann/hkb, 试图让cloudflare平台build这个项目. 虽然build成功,但是创建的源帖却不能显示在博客的首页上,很奇怪。

 于是,又让muse来帮我构建这个静态博客程序。下面的插图就是我跟它的对话过程,共 5张插图.


 



项目地址:
https://github.com/hanneskaeufler/blog
https://github.com/brightmann/hkb

 https://github.com/brightmann/hkb/tree/master/pages/posts,在此处创建源帖fh.js ,内容如下:

import Layout from "@/components/layout";
import Full from "@/components/posts/full";

export const post = {
  slug: "fh",
  title: "战马",
  publishedAt: "2026-06-18T22:09:00",
  content: `此处写正文或html codes`,
};


export default function Post() {
  return (
    <Layout>
      <Full post={post} />
    </Layout>
  );
}

(详见https://github.com/brightmann/hkb/blob/master/pages/posts/fh.js)

演示博客: https://hkb.luckypoem.workers.dev/

(访问vercel.com/new, 导入项目 https://github.com/brightmann/hkb。

运行的命令是:

npm install

npm run build

点击deploy按钮,等待部署完成。部署完成后,得到博客地址: 

 https://hkb-neon.vercel.app/  支持分页
https://hkb-neon.vercel.app/posts/fh 能显示视频。

 刚开始时,https://hkb-neon.vercel.app/posts/fh和https://hkb-neon.vercel.app/posts/ce 这2个帖子并未立即显示在网站的首页。办法:需要编辑
https://github.com/brightmann/hkb/edit/master/pages/index.js文件,在第8行,加上:
import { post as advice } from "./posts/advice";
import { post as ce } from "./posts/ce";
import { post as fh } from "./posts/fh";

然后在底部的 return [ 的下面加上:
  advice,
    ce,
    fh,

(这是muse告诉我的。)

保存更改。 稍等2分钟,待redeployment完成,网站就会更新,那2个帖子才会显示在网站的首页。

 

Sunday, 27 September 2026

muse替我在cloudflare.com平台构建基于nextjs的静态博客程序rrb


 我用github a/c: luckypoem@gmail.com登录cloudflare.com后,导入仓库https://github.com/brightmann/rrb, 试图让cloudflare平台build这个项目. 虽然build成功,但是最后创建的2个源帖却不能显示在博客的首页上,很奇怪。

 于是,又让muse来帮我构建这个静态博客程序。下面的插图就是我跟它的对话过程,共4 张插图.

 



 项目地址:

 https://github.com/ropoko/ropoko.net-backup
https://github.com/brightmann/rrb

 https://github.com/brightmann/rrb/tree/main/pages/posts 在此处,创建源帖advice.mdx,内容为:

---
title: 人生忠告
description: 这是一篇文章
date: 2026-09-16T10:05
tag: misc1,misc2,misc3
author: ym
---

此处写正文或html codes.

(详见 https://github.com/brightmann/rrb/blob/main/pages/posts/advice.mdx?plain=1)

 需编辑https://github.com/brightmann/rrb/blob/main/package.json文件,在第12行的下面加上:
"next-mdx-remote": "6.0.0",

演示博客: 

 https://rrb.luckypoem.workers.dev/ (这个没问题。我创建的帖子全部显示在了博客里)

https://rrb-ym.netlify.app/ (有点问题。我创建的帖子只显示了2个:

https://rrb-ym.netlify.app/posts/fh 和https://rrb-ym.netlify.app/posts/ce)

 https://rrb-omega.vercel.app/  (这个没问题。我创建的帖子全部显示在了博客里)

 

 

muse替我在cloudflare.com平台构建基于nextjs的静态博客程序abb


 我用github a/c: luckypoem@gmail.com登录cloudflare.com后,导入仓库https://github.com/brightmann/abb, 试图让cloudflare平台build这个项目,但是失败了。

 于是,又让muse来帮我构建这个静态博客程序abb。下面的插图就是我跟它的对话过程,共5张插图.


 


 


 


 


 项目地址:

 https://github.com/AhmedBaset/blog

 https://github.com/brightmann/abb/

 https://github.com/AhmedBaset/blog/issues/21, 6月初提出的问题今天才由muse帮忙解决。

 https://github.com/brightmann/abb/tree/main/src/content/blog ,在此处,创建源帖:

 04-fh.mdx ,内容为:

---
title: '战马'
description: 这是一篇文章
date: '2026-09-27T13:27'
image: 'microphone.jpg'
---

此处写正文或html codes. 

(详见https://github.com/brightmann/abb/blob/main/src/content/blog/04-fh.mdx?plain=1)

我上传了图片microphone.jpg到这个目录: https://github.com/brightmann/abb/tree/main/public/blogs/

 这里,创建的源帖必须编号,比如 04-fh.mdx,不能写为fh.mdx ,否则build后,相应的帖子无法显示在网站里。

演示博客: 

https://abb.luckypoem.workers.dev/

 https://abb.luckypoem.workers.dev/post/fh  能显示视频

muse替我在cloudflare.com平台构建基于nextjs的静态博客程序lnb


 我用github a/c: luckypoem@gmail.com登录cloudflare.com后,导入仓库https://github.com/brightmann/lnb, 试图让cloudflare平台build这个项目,但是失败了。

 于是,又让muse来帮我构建这个静态博客程序。下面的插图就是我跟它的对话过程,共 4张插图.



 

 


 项目地址:

 https://github.com/liuyuelintop/next-blog

 https://github.com/brightmann/lnb

 https://github.com/liuyuelintop/next-blog/issues/3 (去年12月,我向程序作者提出的问题直到今天才由muse帮我解决。时间过去了9个月。要不是muse, 恐怕解决无望)

演示博客:

 https://lnb.luckypoem.workers.dev/

 https://lnb.luckypoem.workers.dev/blog  (支持分页)

 https://lnb.luckypoem.workers.dev/blog/fh 能显示视频

 

CF-Worker-Dir

 

CF-Worker-Dir是一款适用于Cloudflare Worker平台上的云函数程序,可以使用它在一分钟内搭建属于自己的导航页面。CF-Worker-Dir提供丰富的自定义配置,同时它还可以预留了接口帮助你售出自己域名。如果你的域名还没有搭建网站,不如先利用CF-Worker-Dir让你的域名不再浪费。

📷程序截图

程序安装

快速安装

  1. 在 Cloudflare Worker 管理页面创建一个新的 Worker 。
  2. 在Worker编辑页面左边粘贴 index.js 中的代码。
  3. 根据自身需要修改 config 的配置内容

进阶安装

如何绑定自己的域名

  1. 根据上文快速安装完成,回到域名管理面板
  2. 点击 Workers 进入Workers管理页面
  3. 点击 Add route 设置新的路由
  4. Route 可以输入自己想使用的子域名,如果在根域名上使用直接把当前域名输入即可,Worker 选择上文快速安装好的Worker

Route 所使用的域名地址必须已经解析好A记录,如果没有能绑定的IP地址,可以输入8.8.8.8占位:)

系统配置

CF-Worker-Dir允许用户自定义导航页面,配置内容如下:

const config = {
  title: "自定义导航",                 //自定义网站标题
  subtitle: "Cloudflare Workers Nav", //自定义网站副标题
  logo_icon: "sitemap",               //选择网站logo icon 暂时只支持 (eg:https://semantic-ui.com/elements/icon.html)
  hitokoto: true,                     //开启 一言 插件
  search:true,                        //开启 搜索 功能  
  search_engine:[                     //搜索引擎列表
    {
      name:"百度一下",                   //搜索引擎名称
      template:"https://www.baidu.com/s?wd=$s"  //搜索引擎模板(含关键词$s)
    }
  ],
  selling_ads: true,                  //是否要开启网址推广
  sell_info:{
    domain:"example.com",             //当前域名
    price:500,                        //价格
    mon_unit:"yen sign",              //货币单位 (eg:https://semantic-ui.com/elements/icon.html#computers)
    contact:[                         //联系方式
      {
        type:"envelope",              //通讯工具 ("weixin","qq","telegram plane","envelope" or "phone")
        content:"info@example.com"    //号码/地址
      }
    ]                        
  },
  lists: [                            //网址信息
    {
      name:"技术",                    //网址类别
      icon:"code",                    //网址类别icon 暂时只支持 (eg:https://semantic-ui.com/elements/icon.html)
      list:[
        {
          url:"https://oschina.net/", //网站url
          name:"开源中国",             //网站名称
          desc:"领先的中文开源技术社区" //网站描述
        }
      ]
    }
  ]
}


from https://github.com/sleepwood/CF-Worker-Dir

在Cloudflare.com平台部署静态博客程序Firefly和sr

 项目地址:

https://github.com/CuteLeaf/Firefly
https://github.com/brightmann/Firefly/

https://github.com/brightmann/Firefly/tree/master/src/content/posts ,在此创建源帖。

 源帖示例:

 https://github.com/brightmann/Firefly/blob/master/src/content/posts/fh.md?plain=1

(登录Cloudflare Dashboard,我是用github a/c: brightmann@gmail.com登录的。

compute → Workers & Pages → Create application → Continue with GitHub
选中你刚推送的仓库 → 自动识别构建命令 → 点击 Deploy)。Deploy完成后,我得到网址:

 https://firefly.brightmann.workers.dev/ 

新建源帖后,要等5分钟左右,网站才会更新。
(https://firefly-two-azure.vercel.app/)

-------------------------------------------------------

 项目地址:

https://github.com/LyraVoid/Shirone
https://github.com/brightmann/sr (需要在项目的根目录下,新建wrangler.jsonc文件:https://github.com/brightmann/sr/blob/main/wrangler.jsonc。wrangler.jsonc文件就是ai要我创建的, 并且给了我文件内容)
https://github.com/brightmann/sr/tree/main/src/content/posts ,在此创建源帖。

  源帖示例:

https://github.com/brightmann/sr/blob/main/src/content/posts/fh.md?plain=1
(如果在cloudflare里,部署遇错,就点击页面顶部的ask ai, 让ai帮你解决错误)

 Deploy完成后,我得到网址:https://sr.brightmann.workers.dev/ 

新建源帖后,要等5分钟左右,网站才会更新。
(https://sr-bice-eight.vercel.app/)

Saturday, 26 September 2026

muse替我在cloudflare.com平台构建基于nextjs的静态博客程序smns

 我用github a/c: luckypoem@gmail.com登录cloudflare.com后,导入仓库https://github.com/brightmann/smns, 试图让cloudflare平台build这个项目,但是失败了。

 于是,又让muse来帮我构建这个静态博客程序smns。下面的插图就是我跟它的对话过程,共13张插图,共耗时3个小时才完成构建。我获得的网址是https://smns.luckypoem.workers.dev/

 


 


 


 


 


 


 

 







项目地址:

https://github.com/squashfold/mdx-ts-nextjs-starter
https://github.com/brightmann/smns
https://github.com/brightmann/smns/tree/main/_posts, 在此处,新建源帖fh.mdx ,内容为:

---li
date: '2026-09-10 20:08'
coverImage: /assets/1920x1080.svg
thumbnail: /assets/thumbnails/fh.jpg
title: 战马
description: 这是一篇文章
tags: ['misc1', 'misc2', 'misc3']
author: ym
---

此处写正文或html codes.

注: 上面的thumbnail那行里的thumbnails/目录是muse创建的。(在https://github.com/brightmann/smns/tree/main/public/assets/目录下创建的。并从网上下载了一些jpg文件,保存到了https://github.com/brightmann/smns/tree/main/public/assets/thumbnails/里)
(npm install && npm run build ,在本地的windows机器上编译成功。)

演示博客地址:

https://smns.luckypoem.workers.dev/

https://smns.luckypoem.workers.dev/posts/fh 能显示视频。


(https://smns-ym.netlify.app/
https://smns-ym.netlify.app/posts/fh 能显示视频.)