Profile Icon Profile
Blog Icon Blog
Friends Icon Friends
Guest Book Icon Guest Book
Cafe Icon Cafe
Changelog Icon Changelog
✨ About me ✨
Profile Picture

鱼鱼 | She/her | Ace & Aro

🤍 您的奶牛猫图片转发大使
💜 狂爱猫狗塑同人女一枚
🖤 曾成功安利125位路过网友观看电影《无间道2》

📝 Blog Posts 📝

More... ⛳

說謊者心中敵對的,並不是誠實的人。說謊者想鏟除的,不是別人,正是小說家。

——《永別書:在我不在的時代》


⛳ Friends ⛳

小鱼和她的朋友们







喜欢大家,爱看大家,通过RSS猛猛地订阅了大家 meow_blush

要和我交换吗?

链接:https://gregueria.icu/

名称:谢谢所有的鱼

简介(如需):您的奶牛猫图片转发大使

很珍惜博客这样的连结,因而暂时不希望是单向链接。 虽然新主题暂时没办法打开友链评论区,但仍然欢迎和我说过话/有毛毛象联系方式的朋友交换链接,Guest Book和毛象联系都OK!

cats 希望您也是对人和小动物都富有同理心的友善之人!

🎨 Guest Book 🎨
☕ Cafe ☕
🧸 Changelog 🧸

2024/12/03

新增了Cafe页面,用的是Status Cafe挂件。

参考了这个教程:Creating a Feed Reader from StatusCafe

To do List

2024/11/23

博客大装修了一番。

Resource Credit

装修笔记索引

1. 鱼鱼小家的装修笔记

2. Stack 主题及 Waline 评论区装修笔记

3. Luna 主题装修笔记

2022-12-17

主题更换为Gruvbox,因为懒所以没有配置右下角的提问箱也没有写装修笔记(喂),主要改动有:

  1. 将目录修改为默认显示
  2. 配置了 Waline 评论区并修改了配色
  3. 为文章配置了中文字数显示,增加页脚统计
  4. 成功把评论区的表情给改大了。不知为何在 CSS 文件里写样式,本地预览生效但推上去却不显示,所以最终是在layouts\partials\comments.html里加了<style>标签写样式来解决的这个问题

因为不太理解 Git 分支到底怎么更新,我现在驯服这个主题的方式把主题仓库拉下来,更新文章后敲hugo生成新的public文件夹,建一个 Public 仓库,把public文件夹的内容复制过来,更新仓库,把这个仓库作为站点仓库,而非像过去那样把主题仓库作为站点仓库。

2022-09-14

文章页面打开时实在过分卡顿,排查原因,查到一篇文章谈到是背景图片显示方式background-attachment: fixed;导致的,一口气注释掉。

原文提供的优化方法试了几次都会导致字重显示有误(怀疑是::before的原因),最终也没有找到能够让图片不滚动的方法,图片滚动好像又会导致渲染不及时所以下滑时有短暂的大闪白光效果()?,所以加了一行will-change: auto;应付一下就算完事了,谁知道起不起效果,不管你了!

不知道为什么表情变得奇大无比,于是修改了评论区表情的大小和显示方式,现在悬停在它们身上可以获得放大效果,超可爱。感谢咖啡冰河的文章

    img.wl-emoji,
    img.vemoji {
        width: 38px;
        vertical-align: sub;
        transition: ease-out .6s;
    }

    img.wl-emoji:hover,
    img.vemoji:hover {
        transform: scale(1.75);
    }

2022-09-10

由于 Luna 实在难以驾驭,所以换回了又快又好用的 Stack 主题噗哈哈哈 XD!对主题一番装修,人家的 CSS 知识还没法照顾到移动端的适配,希望不要出太大差错。

关于版权

  1. 感谢又快又好用的Stack主题
  2. 感谢 Home 页的九十年代小猫咪:It’s Neko!
  3. 如果你也想要一个站点标题图片:textanim
  4. 背景与页脚图片(一个美丽的站点):cinni.net

2022-08-30

取消了 Channel.io 聊天气泡.

2022-07-24

根据芋阿圆的笔记增加了文章段首空两格的 Feature.

2022-05-24

终于把消失很久的聊天小气泡加上,虽然没有人找我聊天啦 💬

2022-05-22

终于把页脚的心头大患 Run Time 给改了实现了所有想要的 Feature 了,小鸟立誓再也不会打开装修页面了 😤VS code 也卸载了(假的),再见!

2022-05-19

经过爆破艰难地更新了船新版本的 Luna,获取了浮动 Toc 并立誓再也不更新主题了

2022-05-05

站点主题从 Stack 更换为 Luna

2021-11-14

小鸟拥有了自己的第一个私人博客

✨ About me ✨
Profile Picture

📝 Blog Posts 📝


⛳ Friends ⛳

小鱼和她的朋友们







喜欢大家,爱看大家,通过RSS猛猛地订阅了大家 meow_blush

要和我交换吗?

链接:https://gregueria.icu/

名称:谢谢所有的鱼

简介(如需):您的奶牛猫图片转发大使

很珍惜博客这样的连结,因而暂时不希望是单向链接。 虽然新主题暂时没办法打开友链评论区,但仍然欢迎和我说过话/有毛毛象联系方式的朋友交换链接,Guest Book和毛象联系都OK!

cats 希望您也是对人和小动物都富有同理心的友善之人!

🎨 Guest Book 🎨
☕ Cafe ☕
🧸 Changelog 🧸

2024/12/03

新增了Cafe页面,用的是Status Cafe挂件。

参考了这个教程:Creating a Feed Reader from StatusCafe

To do List

2024/11/23

博客大装修了一番。

Resource Credit

装修笔记索引

1. 鱼鱼小家的装修笔记

2. Stack 主题及 Waline 评论区装修笔记

3. Luna 主题装修笔记

2022-12-17

主题更换为Gruvbox,因为懒所以没有配置右下角的提问箱也没有写装修笔记(喂),主要改动有:

  1. 将目录修改为默认显示
  2. 配置了 Waline 评论区并修改了配色
  3. 为文章配置了中文字数显示,增加页脚统计
  4. 成功把评论区的表情给改大了。不知为何在 CSS 文件里写样式,本地预览生效但推上去却不显示,所以最终是在layouts\partials\comments.html里加了<style>标签写样式来解决的这个问题

因为不太理解 Git 分支到底怎么更新,我现在驯服这个主题的方式把主题仓库拉下来,更新文章后敲hugo生成新的public文件夹,建一个 Public 仓库,把public文件夹的内容复制过来,更新仓库,把这个仓库作为站点仓库,而非像过去那样把主题仓库作为站点仓库。

2022-09-14

文章页面打开时实在过分卡顿,排查原因,查到一篇文章谈到是背景图片显示方式background-attachment: fixed;导致的,一口气注释掉。

原文提供的优化方法试了几次都会导致字重显示有误(怀疑是::before的原因),最终也没有找到能够让图片不滚动的方法,图片滚动好像又会导致渲染不及时所以下滑时有短暂的大闪白光效果()?,所以加了一行will-change: auto;应付一下就算完事了,谁知道起不起效果,不管你了!

不知道为什么表情变得奇大无比,于是修改了评论区表情的大小和显示方式,现在悬停在它们身上可以获得放大效果,超可爱。感谢咖啡冰河的文章

    img.wl-emoji,
    img.vemoji {
        width: 38px;
        vertical-align: sub;
        transition: ease-out .6s;
    }

    img.wl-emoji:hover,
    img.vemoji:hover {
        transform: scale(1.75);
    }

2022-09-10

由于 Luna 实在难以驾驭,所以换回了又快又好用的 Stack 主题噗哈哈哈 XD!对主题一番装修,人家的 CSS 知识还没法照顾到移动端的适配,希望不要出太大差错。

关于版权

  1. 感谢又快又好用的Stack主题
  2. 感谢 Home 页的九十年代小猫咪:It’s Neko!
  3. 如果你也想要一个站点标题图片:textanim
  4. 背景与页脚图片(一个美丽的站点):cinni.net

2022-08-30

取消了 Channel.io 聊天气泡.

2022-07-24

根据芋阿圆的笔记增加了文章段首空两格的 Feature.

2022-05-24

终于把消失很久的聊天小气泡加上,虽然没有人找我聊天啦 💬

2022-05-22

终于把页脚的心头大患 Run Time 给改了实现了所有想要的 Feature 了,小鸟立誓再也不会打开装修页面了 😤VS code 也卸载了(假的),再见!

2022-05-19

经过爆破艰难地更新了船新版本的 Luna,获取了浮动 Toc 并立誓再也不更新主题了

2022-05-05

站点主题从 Stack 更换为 Luna

2021-11-14

小鸟拥有了自己的第一个私人博客

✨ About me ✨
Profile Picture

📝 Blog Posts 📝


⛳ Friends ⛳

小鱼和她的朋友们







喜欢大家,爱看大家,通过RSS猛猛地订阅了大家 meow_blush

要和我交换吗?

链接:https://gregueria.icu/

名称:谢谢所有的鱼

简介(如需):您的奶牛猫图片转发大使

很珍惜博客这样的连结,因而暂时不希望是单向链接。 虽然新主题暂时没办法打开友链评论区,但仍然欢迎和我说过话/有毛毛象联系方式的朋友交换链接,Guest Book和毛象联系都OK!

cats 希望您也是对人和小动物都富有同理心的友善之人!

🎨 Guest Book 🎨
☕ Cafe ☕
🧸 Changelog 🧸

2024/12/03

新增了Cafe页面,用的是Status Cafe挂件。

参考了这个教程:Creating a Feed Reader from StatusCafe

To do List

2024/11/23

博客大装修了一番。

Resource Credit

装修笔记索引

1. 鱼鱼小家的装修笔记

2. Stack 主题及 Waline 评论区装修笔记

3. Luna 主题装修笔记

2022-12-17

主题更换为Gruvbox,因为懒所以没有配置右下角的提问箱也没有写装修笔记(喂),主要改动有:

  1. 将目录修改为默认显示
  2. 配置了 Waline 评论区并修改了配色
  3. 为文章配置了中文字数显示,增加页脚统计
  4. 成功把评论区的表情给改大了。不知为何在 CSS 文件里写样式,本地预览生效但推上去却不显示,所以最终是在layouts\partials\comments.html里加了<style>标签写样式来解决的这个问题

因为不太理解 Git 分支到底怎么更新,我现在驯服这个主题的方式把主题仓库拉下来,更新文章后敲hugo生成新的public文件夹,建一个 Public 仓库,把public文件夹的内容复制过来,更新仓库,把这个仓库作为站点仓库,而非像过去那样把主题仓库作为站点仓库。

2022-09-14

文章页面打开时实在过分卡顿,排查原因,查到一篇文章谈到是背景图片显示方式background-attachment: fixed;导致的,一口气注释掉。

原文提供的优化方法试了几次都会导致字重显示有误(怀疑是::before的原因),最终也没有找到能够让图片不滚动的方法,图片滚动好像又会导致渲染不及时所以下滑时有短暂的大闪白光效果()?,所以加了一行will-change: auto;应付一下就算完事了,谁知道起不起效果,不管你了!

不知道为什么表情变得奇大无比,于是修改了评论区表情的大小和显示方式,现在悬停在它们身上可以获得放大效果,超可爱。感谢咖啡冰河的文章

    img.wl-emoji,
    img.vemoji {
        width: 38px;
        vertical-align: sub;
        transition: ease-out .6s;
    }

    img.wl-emoji:hover,
    img.vemoji:hover {
        transform: scale(1.75);
    }

2022-09-10

由于 Luna 实在难以驾驭,所以换回了又快又好用的 Stack 主题噗哈哈哈 XD!对主题一番装修,人家的 CSS 知识还没法照顾到移动端的适配,希望不要出太大差错。

关于版权

  1. 感谢又快又好用的Stack主题
  2. 感谢 Home 页的九十年代小猫咪:It’s Neko!
  3. 如果你也想要一个站点标题图片:textanim
  4. 背景与页脚图片(一个美丽的站点):cinni.net

2022-08-30

取消了 Channel.io 聊天气泡.

2022-07-24

根据芋阿圆的笔记增加了文章段首空两格的 Feature.

2022-05-24

终于把消失很久的聊天小气泡加上,虽然没有人找我聊天啦 💬

2022-05-22

终于把页脚的心头大患 Run Time 给改了实现了所有想要的 Feature 了,小鸟立誓再也不会打开装修页面了 😤VS code 也卸载了(假的),再见!

2022-05-19

经过爆破艰难地更新了船新版本的 Luna,获取了浮动 Toc 并立誓再也不更新主题了

2022-05-05

站点主题从 Stack 更换为 Luna

2021-11-14

小鸟拥有了自己的第一个私人博客

✨ About me ✨
Profile Picture

📝 Blog Posts 📝


⛳ Friends ⛳

小鱼和她的朋友们







喜欢大家,爱看大家,通过RSS猛猛地订阅了大家 meow_blush

要和我交换吗?

链接:https://gregueria.icu/

名称:谢谢所有的鱼

简介(如需):您的奶牛猫图片转发大使

很珍惜博客这样的连结,因而暂时不希望是单向链接。 虽然新主题暂时没办法打开友链评论区,但仍然欢迎和我说过话/有毛毛象联系方式的朋友交换链接,Guest Book和毛象联系都OK!

cats 希望您也是对人和小动物都富有同理心的友善之人!

🎨 Guest Book 🎨
☕ Cafe ☕
🧸 Changelog 🧸

2024/12/03

新增了Cafe页面,用的是Status Cafe挂件。

参考了这个教程:Creating a Feed Reader from StatusCafe

To do List

2024/11/23

博客大装修了一番。

Resource Credit

装修笔记索引

1. 鱼鱼小家的装修笔记

2. Stack 主题及 Waline 评论区装修笔记

3. Luna 主题装修笔记

2022-12-17

主题更换为Gruvbox,因为懒所以没有配置右下角的提问箱也没有写装修笔记(喂),主要改动有:

  1. 将目录修改为默认显示
  2. 配置了 Waline 评论区并修改了配色
  3. 为文章配置了中文字数显示,增加页脚统计
  4. 成功把评论区的表情给改大了。不知为何在 CSS 文件里写样式,本地预览生效但推上去却不显示,所以最终是在layouts\partials\comments.html里加了<style>标签写样式来解决的这个问题

因为不太理解 Git 分支到底怎么更新,我现在驯服这个主题的方式把主题仓库拉下来,更新文章后敲hugo生成新的public文件夹,建一个 Public 仓库,把public文件夹的内容复制过来,更新仓库,把这个仓库作为站点仓库,而非像过去那样把主题仓库作为站点仓库。

2022-09-14

文章页面打开时实在过分卡顿,排查原因,查到一篇文章谈到是背景图片显示方式background-attachment: fixed;导致的,一口气注释掉。

原文提供的优化方法试了几次都会导致字重显示有误(怀疑是::before的原因),最终也没有找到能够让图片不滚动的方法,图片滚动好像又会导致渲染不及时所以下滑时有短暂的大闪白光效果()?,所以加了一行will-change: auto;应付一下就算完事了,谁知道起不起效果,不管你了!

不知道为什么表情变得奇大无比,于是修改了评论区表情的大小和显示方式,现在悬停在它们身上可以获得放大效果,超可爱。感谢咖啡冰河的文章

    img.wl-emoji,
    img.vemoji {
        width: 38px;
        vertical-align: sub;
        transition: ease-out .6s;
    }

    img.wl-emoji:hover,
    img.vemoji:hover {
        transform: scale(1.75);
    }

2022-09-10

由于 Luna 实在难以驾驭,所以换回了又快又好用的 Stack 主题噗哈哈哈 XD!对主题一番装修,人家的 CSS 知识还没法照顾到移动端的适配,希望不要出太大差错。

关于版权

  1. 感谢又快又好用的Stack主题
  2. 感谢 Home 页的九十年代小猫咪:It’s Neko!
  3. 如果你也想要一个站点标题图片:textanim
  4. 背景与页脚图片(一个美丽的站点):cinni.net

2022-08-30

取消了 Channel.io 聊天气泡.

2022-07-24

根据芋阿圆的笔记增加了文章段首空两格的 Feature.

2022-05-24

终于把消失很久的聊天小气泡加上,虽然没有人找我聊天啦 💬

2022-05-22

终于把页脚的心头大患 Run Time 给改了实现了所有想要的 Feature 了,小鸟立誓再也不会打开装修页面了 😤VS code 也卸载了(假的),再见!

2022-05-19

经过爆破艰难地更新了船新版本的 Luna,获取了浮动 Toc 并立誓再也不更新主题了

2022-05-05

站点主题从 Stack 更换为 Luna

2021-11-14

小鸟拥有了自己的第一个私人博客

✨ About me ✨
Profile Picture

📝 Blog Posts 📝


⛳ Friends ⛳

小鱼和她的朋友们







喜欢大家,爱看大家,通过RSS猛猛地订阅了大家 meow_blush

要和我交换吗?

链接:https://gregueria.icu/

名称:谢谢所有的鱼

简介(如需):您的奶牛猫图片转发大使

很珍惜博客这样的连结,因而暂时不希望是单向链接。 虽然新主题暂时没办法打开友链评论区,但仍然欢迎和我说过话/有毛毛象联系方式的朋友交换链接,Guest Book和毛象联系都OK!

cats 希望您也是对人和小动物都富有同理心的友善之人!

🎨 Guest Book 🎨
☕ Cafe ☕
🧸 Changelog 🧸

2024/12/03

新增了Cafe页面,用的是Status Cafe挂件。

参考了这个教程:Creating a Feed Reader from StatusCafe

To do List

2024/11/23

博客大装修了一番。

Resource Credit

装修笔记索引

1. 鱼鱼小家的装修笔记

2. Stack 主题及 Waline 评论区装修笔记

3. Luna 主题装修笔记

2022-12-17

主题更换为Gruvbox,因为懒所以没有配置右下角的提问箱也没有写装修笔记(喂),主要改动有:

  1. 将目录修改为默认显示
  2. 配置了 Waline 评论区并修改了配色
  3. 为文章配置了中文字数显示,增加页脚统计
  4. 成功把评论区的表情给改大了。不知为何在 CSS 文件里写样式,本地预览生效但推上去却不显示,所以最终是在layouts\partials\comments.html里加了<style>标签写样式来解决的这个问题

因为不太理解 Git 分支到底怎么更新,我现在驯服这个主题的方式把主题仓库拉下来,更新文章后敲hugo生成新的public文件夹,建一个 Public 仓库,把public文件夹的内容复制过来,更新仓库,把这个仓库作为站点仓库,而非像过去那样把主题仓库作为站点仓库。

2022-09-14

文章页面打开时实在过分卡顿,排查原因,查到一篇文章谈到是背景图片显示方式background-attachment: fixed;导致的,一口气注释掉。

原文提供的优化方法试了几次都会导致字重显示有误(怀疑是::before的原因),最终也没有找到能够让图片不滚动的方法,图片滚动好像又会导致渲染不及时所以下滑时有短暂的大闪白光效果()?,所以加了一行will-change: auto;应付一下就算完事了,谁知道起不起效果,不管你了!

不知道为什么表情变得奇大无比,于是修改了评论区表情的大小和显示方式,现在悬停在它们身上可以获得放大效果,超可爱。感谢咖啡冰河的文章

    img.wl-emoji,
    img.vemoji {
        width: 38px;
        vertical-align: sub;
        transition: ease-out .6s;
    }

    img.wl-emoji:hover,
    img.vemoji:hover {
        transform: scale(1.75);
    }

2022-09-10

由于 Luna 实在难以驾驭,所以换回了又快又好用的 Stack 主题噗哈哈哈 XD!对主题一番装修,人家的 CSS 知识还没法照顾到移动端的适配,希望不要出太大差错。

关于版权

  1. 感谢又快又好用的Stack主题
  2. 感谢 Home 页的九十年代小猫咪:It’s Neko!
  3. 如果你也想要一个站点标题图片:textanim
  4. 背景与页脚图片(一个美丽的站点):cinni.net

2022-08-30

取消了 Channel.io 聊天气泡.

2022-07-24

根据芋阿圆的笔记增加了文章段首空两格的 Feature.

2022-05-24

终于把消失很久的聊天小气泡加上,虽然没有人找我聊天啦 💬

2022-05-22

终于把页脚的心头大患 Run Time 给改了实现了所有想要的 Feature 了,小鸟立誓再也不会打开装修页面了 😤VS code 也卸载了(假的),再见!

2022-05-19

经过爆破艰难地更新了船新版本的 Luna,获取了浮动 Toc 并立誓再也不更新主题了

2022-05-05

站点主题从 Stack 更换为 Luna

2021-11-14

小鸟拥有了自己的第一个私人博客

✨ About me ✨
Profile Picture

📝 Blog Posts 📝


⛳ Friends ⛳

小鱼和她的朋友们







喜欢大家,爱看大家,通过RSS猛猛地订阅了大家 meow_blush

要和我交换吗?

链接:https://gregueria.icu/

名称:谢谢所有的鱼

简介(如需):您的奶牛猫图片转发大使

很珍惜博客这样的连结,因而暂时不希望是单向链接。 虽然新主题暂时没办法打开友链评论区,但仍然欢迎和我说过话/有毛毛象联系方式的朋友交换链接,Guest Book和毛象联系都OK!

cats 希望您也是对人和小动物都富有同理心的友善之人!

🎨 Guest Book 🎨
☕ Cafe ☕
🧸 Changelog 🧸

2024/12/03

新增了Cafe页面,用的是Status Cafe挂件。

参考了这个教程:Creating a Feed Reader from StatusCafe

To do List

2024/11/23

博客大装修了一番。

Resource Credit

装修笔记索引

1. 鱼鱼小家的装修笔记

2. Stack 主题及 Waline 评论区装修笔记

3. Luna 主题装修笔记

2022-12-17

主题更换为Gruvbox,因为懒所以没有配置右下角的提问箱也没有写装修笔记(喂),主要改动有:

  1. 将目录修改为默认显示
  2. 配置了 Waline 评论区并修改了配色
  3. 为文章配置了中文字数显示,增加页脚统计
  4. 成功把评论区的表情给改大了。不知为何在 CSS 文件里写样式,本地预览生效但推上去却不显示,所以最终是在layouts\partials\comments.html里加了<style>标签写样式来解决的这个问题

因为不太理解 Git 分支到底怎么更新,我现在驯服这个主题的方式把主题仓库拉下来,更新文章后敲hugo生成新的public文件夹,建一个 Public 仓库,把public文件夹的内容复制过来,更新仓库,把这个仓库作为站点仓库,而非像过去那样把主题仓库作为站点仓库。

2022-09-14

文章页面打开时实在过分卡顿,排查原因,查到一篇文章谈到是背景图片显示方式background-attachment: fixed;导致的,一口气注释掉。

原文提供的优化方法试了几次都会导致字重显示有误(怀疑是::before的原因),最终也没有找到能够让图片不滚动的方法,图片滚动好像又会导致渲染不及时所以下滑时有短暂的大闪白光效果()?,所以加了一行will-change: auto;应付一下就算完事了,谁知道起不起效果,不管你了!

不知道为什么表情变得奇大无比,于是修改了评论区表情的大小和显示方式,现在悬停在它们身上可以获得放大效果,超可爱。感谢咖啡冰河的文章

    img.wl-emoji,
    img.vemoji {
        width: 38px;
        vertical-align: sub;
        transition: ease-out .6s;
    }

    img.wl-emoji:hover,
    img.vemoji:hover {
        transform: scale(1.75);
    }

2022-09-10

由于 Luna 实在难以驾驭,所以换回了又快又好用的 Stack 主题噗哈哈哈 XD!对主题一番装修,人家的 CSS 知识还没法照顾到移动端的适配,希望不要出太大差错。

关于版权

  1. 感谢又快又好用的Stack主题
  2. 感谢 Home 页的九十年代小猫咪:It’s Neko!
  3. 如果你也想要一个站点标题图片:textanim
  4. 背景与页脚图片(一个美丽的站点):cinni.net

2022-08-30

取消了 Channel.io 聊天气泡.

2022-07-24

根据芋阿圆的笔记增加了文章段首空两格的 Feature.

2022-05-24

终于把消失很久的聊天小气泡加上,虽然没有人找我聊天啦 💬

2022-05-22

终于把页脚的心头大患 Run Time 给改了实现了所有想要的 Feature 了,小鸟立誓再也不会打开装修页面了 😤VS code 也卸载了(假的),再见!

2022-05-19

经过爆破艰难地更新了船新版本的 Luna,获取了浮动 Toc 并立誓再也不更新主题了

2022-05-05

站点主题从 Stack 更换为 Luna

2021-11-14

小鸟拥有了自己的第一个私人博客

Blog | 互联网乱序试吃后,敲起之前中道崩殂的Notablog
Table of Content

在我敲完这篇的四天后(2022年1月16日)我忽然瞧见了另一个博客,TA也写了如何自己的搭建流程,我想TA的方案显然比我的更简洁也更好,虽然我想不到有谁会认真参考我的博客内容,但还是一并贴来:Making a Github blog from Notion pages

2022年4月7日 Update:增加了一个简陋的更新方法。

这段时间有一搭没一搭地学FreeCodeCamp,CSS学到一半的路上被最后的项目困住,苦恼了几秒之后我开始试吃别的课程,在互联网乱序游荡,点开了Node.js的课,一步一步跟着先下载各种安装包,在Install按下没多久忽然发现——

咦。我本来就有Node.js环境?

大概是过去哪一回互联网试吃失败遗留下来的东西吧,实在不知道什么时候我试图挑战过这个了。但我完全不知道这个怎么用,这在FCC也是很后面的课程,而我Javascript都还只试吃了小半口,跟着敲了一下查看版本的代码都不是很顺利,于是去找了一个手把手的教程:Node.js全套入门教程,它的分集目录很明确完整,非常有利于精准试吃,于是我这才终于明白:原来你想在哪里敲代码,就应该在目录那里打开终端——这样的表述也不知道对不对,总之就是按一下路径然后敲cmd回车。嗯!我会了!这就完成了第一步!

试吃到这里我忽然想起来Node.js这个东西我在哪里见过:沙滩会是鱼的最后一站吗?

📌前情回顾

Notablog:界面美丽。但Getting Start里的“Make sure you have Node.js v12.0.0 or higher”使我未能开始。

……原来在这儿呢。现在我已经有了Node.js v12.0.0 or higher啦😝虽然用Notion搭东西的愿望已经没有那么强烈了,但既然我都学到这里了(刚学完npm怎么用的地步)那我就一定要试试!Let’s get started!

Let’s get started!

接下来的活动也没有那么激动,就是按照Notablog的文档一步步敲下来就好啦(这一步我直接在磁盘路径下的cmd敲的):npm i -g notablog

然后在新建的notablog-starter文件夹里的cmd中继续敲:git clone https://github.com/dragonman225/notablog-starter.git

然后像其他用Notion搭的博客一样,去把作者提供的模板Duplicate回自己的Notion里,然后把它设为公开,接着把自己那串网址复制下来,把notablog-starter文件夹中的config-json里的url值替换成自己的。

然后在notablog-starter目录里敲命令行:notablog generate .——很快你的Notion中的内容就被拉下来形成了一个网站,存放在了notablog-starter/public/里。而之后每一次在Notion上做了调整更新,都可以用这个命令行读取并划拉下来。

根据我稀薄的Html知识大概明白了网站就在这个public文件夹里了,作者是这么说的:

open index.html with a browser to preview your site.

嗯,对index.html右键用浏览器打开,确实是那个漂亮样子!Congratulations!等一下,可是这样不行呀!😫我不能让它放在硬盘里孤芳自赏对不对?根据作者的建议:

You can copy files in notablog-starter/public/ directory to a server or upload them to any static hosting service to share your content with the world.

Some options for static hosting services:

Github Pages、Netlify、surge.sh

把它们上传到Github!

我们可以把这个Public文件夹用类似Github Pages之类的托管服务弄到互联网世界里——Netlify好像也挺常见的,但我没有用过,只有第一个是我认识的,因为之前读过很多用Github Pages搭建博客的文章,看了一下文档和视频大概明白了怎么处理它,嗯!动手吧!(胡扯,人家在这里卡了一个多小时唉😫)

💨参考文献

  1. 如何把本地文件夹上传到github:谢谢你互联网老师,我总算知道怎么弄这个啦!
  2. 零基础-通过Github Pages搭建个人博客:这个Po有讲关于Github的Master和Main分支,虽然我没有搞懂,但我总算知道了自己建完仓库以后的那些指令是做什么的。
  3. Github Pages

🧐那就开始吧!

  1. 先在Github上建一个新仓库,根据上面第二份和第三份文献,可以知道仓库名需要是Username.github.io,这里应该必须是自己的用户名作为前缀,其他就先不管啦。关于SSH之类的知识,我没有专门再设置。鉴于我之前搭博客设置过类似的东西,这里应该不需要……吧?把仓库地址复制下来。
  2. 接下来在notablog-starter\public中右键用git bash here,按照第二份文献(视频)中做的那样敲:git init
  3. git add .把文件都添加上去。
  4. git commit -m "注释"
  5. 将仓库关联到github:git remote add origin https://xxxx,https为刚才github上创建仓库的地址。
  6. 把文件推送到github仓库:git push -u origin master,下次推送时,可以把-u去掉。

之后就可以在Your Username.github.io中看到自己的网页,这是我的:鱼’s Notebook。至于为什么这里的地址后缀是vercel.app,因为人家不喜欢自己的Github用户名嘛😫!然后就用Vercel把那个仓库划拉下来,换一下域名,总之两个地址都可以到同一个地方,同一个门有两个门牌号的意思。

弄完这个玩具之后很开心,其实后续的更新很麻烦啦。在Notion上更新完网页之后,要在notablog-starter目录里敲命令行:notablog generate .,接着又得跑去public把上面的Step3、4、6重复一遍才算完毕。

虽然很麻烦……但人家学到了新东西还用上了很开心嘛😝今天的修太阳伞活动到此结束!关于后续我的这个可爱小网页要怎么用?打算用来做成书影游待办List和常用网页书签,因为Notion的这一部分很漂亮嘛。

我想要更优美的更新方式!

2022-01-16 Update

上面谈到更新很麻烦嘛,于是互联网游历途中我看到了一些别的方案。关于怎么更简单地更新页面,作者其实给出了这个解决方案:Trigger Webhook from Notion

以及在这个博客,同样给出了TA的办法:Making a Github blog from Notion pages并且TA也详尽地写了怎么样把自己的博客推到Github Pages上,TA的更新流程显然更短也更方便,相比之下我写的真是凌乱不堪,很是惭愧。

不过我的互联网试吃活动一直是有一搭没一搭的,所以目前只是看到了,并没有用上。这里只是存一下档,或许将来某天心血来潮了会开始试试^^

2022-04-07 Update

改用了另一种简陋但方便一点点的更新方法。在根目录文件夹notablog-starter\新建一个generate.bat,里面写一行:notablog generate .,之后双击可以直接完成拉去。

notablog-starter\public中新建git.bat,里面写入:

git add .
git commit -m "commit_msg"
git push origin master

pause

虽然上面那个博客也给出了类似的更新方法但是对方写的那个Workflow.sh我运行一直失败,就只好自己摸摸看了……很简陋吧!我连在.bat文件中如何更改运行目录的命令行都不会写所以只好分成两个文件运行,以后Notion更新完之后按顺序戳两下generate.batgit.bat就可以更新好了(很简陋呢但终于不用自己手敲了(没错我手动敲了一个月的命令才开始像笨仓鼠找更优路径一样找新的办法(逃