使用vscode+github+cloudflare(CF可选)做一个极简MD博客(真的极简了)有时间再完善了


制作背景

之前部署的hexo博客使用很花哨的渲染,不太想用来写一些无聊的不重要的日记什么的,虽然有分区但是还不怎么弄好,反正觉得比较有意思,于是借助AI写了一个极简的玩意,如图,够简吧,用来写写日记,琐事什么的差不多够了,还是很粗糙的架子tieba_087

部署

1.克隆仓库

在代码编辑器(以vscode为例)

ctrl+i打开终端,新建空目录

mkdir simpleblog

进入该目录

cd simpleblog

克隆仓库过来

git clone https://github.com/2005zs/simpleblog.git

2.安装依赖

npm ci

OK,这就好了 :rofl:

3.新建博客

npm run new


npm run new后显示请输入博客标题,回车后使用键盘 :arrow_up: :arrow_down:进行选择

然后可以选择封面图片(上面博客列表看)
再选择优先级大于1则置顶

4.本地生成预览

npm run preview

如果要修改直接在博客文件修改后在浏览器刷新显示即可

5.推送github仓库

这里我没有在框架里面加那些东西,比较麻烦,就直接采用最原始的方法了 :smiling_face_with_tear: :smiling_face_with_tear:

你可能会用到

git remote remove origin  //移除现有的 HTTPS 远程仓库
git remote add origin [email protected]:name/repo.git  //添加 SSH 远程仓库
git push -u origin master  //推送代码到远程仓库
git remote -v  //查看远程仓库
git remote set-url origin [email protected]:name/repo.git  //设置远程仓库
git add .  //暂存所有更改
git commit -m "first commit"  //提交更改
git push -u origin master  //推送代码到远程仓库
git log  //查看提交历史

建议使用ssh推送,https的反正我是经常不行 :sweat_smile: :sweat_smile:

6.推送仓库后可选cf或github的pages部署

1.使用github的pages部署

(1).请将仓库命名为username.github.io
(2).请到settingspagesBuild and deployment,选择actions,然后config static后生成workflow等待username.github.io即可

2.使用cloudflare的pages部署

这个就比较简单了,就不多说了 :rofl:

7.存在问题

时间显示不太正常
突然发现在手机上显示的不太自然 :lark_001:

8.成果

啥也不是 :rofl: :fist:

9.佬们可以尽情优化,因为真的极简了,啥也没有 :rofl: :rofl: :fist:



另外,cloud-ip.biz已经可以在cf成功托管了!tieba_095

有时间再完善,先放一放了

27 个赞

大佬太强了 :tieba_087:

4 个赞

强呀!给佬点赞~

3 个赞

太强了1b

3 个赞

请问这个有漏洞吗

不需要配置什么私人数据啊要什么漏洞 :thinking:
要不你给我攻击攻击 :rofl:

大佬太强了 :tieba_087:

1 个赞

太强了大佬 :bili_043:

1 个赞

博客比较重要的要素:发布,修改,编辑,评论,归档,分类,佬友可以试着都加上去

1 个赞

目前只有编辑,发布,分类(根据标签的),仅仅是markdown 下写了转成html显示啥的,真的极简了
不过评论好像是要接入一个那什么Tiwoki什么东西来着,我在hexo里面看了下太麻烦了 :tieba_087:

佬友都是随便抽个空写个项目:+1:

1 个赞

等我把现在的结构理清楚弄干净了再比较好添加新功能

“贱”的有点离谱 :tieba_087:

1 个赞

感谢分享,有空试试

我马上试试

感谢分享:+1:

1 个赞

有实力的:cake::+1:t2:

1 个赞

:heart_eyes: 同极简参与一波
原则是 专注文字 没有杂念干扰
直接写 文章和碎语即可 除了文件名称,不用处理其它概念,其它博客文章很容易转过来适配

仓库 GitHub - zihanla/Han: 子涵的个人博客
部署在vercel 算是一键 上传github vercel上拉一次即可
写完文章直接命令行 pnpm d 即可
没有分类概念,没有标签
没有分页,搜索,ctrl+f 即可
标题摘自 文件名称
时间根据上传时间或者自定义
url路径自动转 拼音
有图片自动懒加载处理

3 个赞

子涵太强了!tieba_087

:grinning:是cursor太强了,加上24年3月多时,用gpt做的一版python的,所以有一点点经验

1 个赞