horafeng’s Blog https://horafeng.top/ 喜欢下午四点的阳光 Thu, 06 Feb 2025 14:38:11 GMT https://validator.w3.org/feed/docs/rss2.html https://github.com/jpmonette/feed en-US All rights reserved 2025, horafeng <![CDATA[近期idea]]> https://horafeng.top/article/example-3 https://horafeng.top/article/example-3 Thu, 16 Jan 2025 00:00:00 GMT
😕
本来以为建一个Blog是一件很简单的事情，随着学习的深入，发现自己不会的东西越来越多，在此把问题做个总结吧。

Blog目前进度

博客的封面、头像、相关链接、音乐播放器等功能感觉已经比较完善了，博客网站现在处于整体看得过去，可一深究就发现漏洞重重。
具体问题见下文。

问题与思考

1.网络安全性问题

我在查阅资料的过程中，发现很多大佬的Blog发生过网站被镜像、网站被劫持的事件，但网络安全相关的知识本人一概不知，很多专业术语也是迷迷糊糊，我清楚自己的网站现在处于裸奔状态，但我并不知道如何保护自己的Blog，甚至不知道该从什么知识开始学起，“丈二和尚摸不着头脑”便是我现在状态的真实写照。
感觉这篇推文很有意思，但看不懂……cry。

2.网站流畅性问题

目前发现每次点击网站出现图片加载时间过长的问题，如下：
notion image
图片总会加载一段时间（大概3-5s，甚至更长）才会正常，蛮影响体验的，但这方面优化也是毫无头绪，不知道从何学起。cry again.
而同样基于Notion创建Blog的Steven Lynn大佬网站似乎没有这个问题，看来得好好看看大佬的学习笔记了。

3.手机端优化问题

手机端体验固然没有电脑端好，但想到手机端用户比电脑端多得多，那么优化手机端界面就蛮必要了。
目前打算先将手机端放一放，把剩下的问题解决完毕后再来优化手机端。

4.Vercel部署问题（服务器转移问题）

（问题已解决，先已将服务器部署到Netlify）
现在发现Vercel存在在中国大陆访问速度较慢甚至无法访问，绑定自己的域名后才可以提高访问速度的问题，通过比较来看，似乎Netlify在访问速度这一方面更加不错，还有其他看起来不错的云平台，还没有仔细研究不同平台的优缺点，慢慢来吧。

5.细节优化问题

评论模块

今天刚刚搞了评论功能，但好像跟想象的不太一样啊。
云函数部署 | Twikoo 文档
一个简洁、安全、免费的静态网站评论系统
云函数部署 | Twikoo 文档
https://twikoo.js.org/backend.html?fbclid=IwAR0DM3tX9I0zBlY9oYorxC_d9c0LcQYR6J1p4OS-kiNF2PcLkcEmShBCayQ#vercel-%E9%83%A8%E7%BD%B2
评论插件我用的是Twikoo，跟着步骤做了之后还没有经过测试，但初步体现下来并没有给我那种丝滑的感觉，可能是我某些步骤存在问题。
怎么说呢，搞完评论插件后感觉甚至不如不加评论功能。

6.图片检索/写作问题

有的时候找不到想要的图片，比如在挑选Blog封面背景时，其实很想找一张宫崎骏画风的可爱背景图，但在Pixiv找了好久都没找到。
以后看到好看的图片一定要统一存在一个地方！
（对了，逛Pixiv过程中发现了不错的画师）
wlop
中国人です、日本語ができませんが、どうぞよろしくお願いします。 赞助当月壁纸奖励：https://azz.net/wlop 购买正版往期壁纸：https://wlop.huotan.com/
wlop
https://www.pixiv.net/users/2188232
wlop
wlop大大的画真心不错，油彩质感的画风很nice，好き。
loundraw
こんにちは。がんばっています。 お仕事のご依頼はHPのcontactまでよろしくお願い致します。 過去のお仕事↓ http://loundrawblr.tumblr.com/works
loundraw
https://www.pixiv.net/users/772547
loundraw
loundraw，画风感觉很少见啊，有种说不上来的好看（又词穷了）。
写作问题是老问题了，从小学开始就不擅长写作，一路学理工科学上来，现在肚子里也没有多少墨水，别人都是弱水三千，我估计连一瓢都没有。
不过网上好文章还蛮多的，先仿照他们的风格吧，慢慢来。

杂谈

作为一个本科学自动化的学牲，我本以为建网站跟我学的C/C++差不多，实际做下来才发现软件跟硬件差别这么大。学无止境，学无止境………
好不容易放个寒假，还得做嵌入式课设，虽说我本来就打算这个寒假做一个桌宠机器人，但自发地去做跟作为一个任务去做感觉还是不一样的，当桌宠机器人变成一个课设任务那一刻起，我又不是很想搞这个机器人了。
抱怨归抱怨，下一周零件回来后就要开始组装PCB板了，希望能成功吧。
 
这么一看时间还真是少，一个寒假要做：写博客、做机器人、做简历、查院校、出去跟朋友玩、过年走亲戚这么多事情，自己自发做的好像就一个写博客了，但分给博客的时间想来不会太多。
 
目前本博客网站还未公开，仅有极少数朋友知道这个网站，如果你靠缘分找到这个网站了，我诚挚地希望能得到你对我博客的一些建议，任何方面都可以，如果可以的话请发到我的邮箱：horafeng@outlook.com，感激不尽。
:;,｡･★Thanks(◎≧v≦)人(≧v≦●)Thanks☆･:.,;
 
（PS：别黑我网站，求求了˚‧º·(˚ ˃̣̣̥᷄⌓˂̣̣̥᷅ )‧º·˚）
 
 
 
 
]]> <![CDATA[遇到的可爱画风/一直喜欢的音乐创作者]]> https://horafeng.top/article/example-6 https://horafeng.top/article/example-6 Mon, 20 Jan 2025 00:00:00 GMT

遇到的可爱画风

马刀刻森

前几天刷抖音时看到一个很可爱的画风，作者是抖音的“马刀刻森”（b站同名）
notion image
刷到了他这个视频（因为抖音视频不能嵌入在blog里，所以下面是b站的视频链接）
一直觉得他的视频很有意思，之前被动画中的剧情吸引，现在突然发现他的画风很简单，效果也很好。
notion image
这张有点戳xp(≧∀≦)ゞ。
notion image
这张也不错，可可爱爱
这个寒假没把ipai拿回家，打算先用纸笔模仿模仿，等到上学后用procreat临摹。

Zim老师

notion image
想起来当是下载procreat是为了临摹Zim老师的二分
notion image
这张感觉极美，可惜我不会画头发，导致临摹中道崩殂了。
notion image
Zim老师的厚涂风格真是够我学一辈子了( º﹃º )

一直喜欢的音乐创作者

DJ OKAWARI

DJ OKAWARI (@djokawari) on X
Trackmaker / DJ based in Shizuoka, Japan. 【Youtube Official】 https://t.co/IrGI8jY4a6
DJ OKAWARI (@djokawari) on X
https://x.com/djokawari
DJ OKAWARI (@djokawari) on X
老师的《Flower Dance》是我从初中开始就很喜欢的一首歌，也是一直学着弹奏的一首钢琴曲。从这首歌开始，我便喜欢上了纯音乐。
发现老师经常来大陆演出，希望以后有机会去一次。

余日秋山

notion image
（秋山老师QQ音乐/网易云音乐账户都是同名，网易云更新更频繁一点，QQ音乐账户似乎处于停更状态）
高中很喜欢的作曲家，经常听着他的音乐做题以及幻想一些事情。现在再听他的音乐反而能回想起高中的感受。
 

杂谈

喜欢的画家/音乐家有很多，一时不可能完全写完，本帖子持续更新
 
]]> <![CDATA[NotionNext：Notion、GitHub、Vercelを基盤としたブログ作成記録]]> https://horafeng.top/article/Notion-JP https://horafeng.top/article/Notion-JP Tue, 14 Jan 2025 00:00:00 GMT
💡
この記事はChatGPTによって翻訳されています。不適切な表現がありましたら、ぜひ教えてください。

Bloggerの概要

まとめ

このブログは、Notionをデータベースとして使用し、GitHubをコードのリポジトリ、Vercelをクラウドサーバーとして利用する方法で構築されています。全体の技術フレームワークは成熟しており、構築手順も参考にできるため、新人にとっては非常に適した選択肢です。また、後続のサイト運営についても特に煩わしい点はなく、現在のところ満足しています。ただし、URLの安全性などについてはまだ検証しておらず、ここでは触れません。
現時点では、クラウドサーバーが海外プラットフォームを使用しているため、中国国内（いわゆる「墙内」）のユーザーがアクセスできないという一般的な問題があります。将来的には阿里雲（Alibaba Cloud）プラットフォーム上での構築を試みる予定ですが、これについてはまた別の機会に考察します。

ブログ構築手順

全体の手順については、《NotionNextヘルプマニュアル》に詳しく記載されています。必要であれば、以下のリンクをご参照ください。
Vercel部署NotionNext | NotionNext帮助手册
Vercel是一款国外的Serverless托管平台，对个人用户使用几乎免费，而且方便快捷，用Vercel托管你的Notion站点，无需再操心服务器的维护与资费问题。
Vercel部署NotionNext | NotionNext帮助手册
https://docs.tangly1024.com/article/vercel-deploy-notion-next
Vercel部署NotionNext | NotionNext帮助手册
  1. Notionアカウントの登録
      2. 登録自体は難しくありませんので、指示に従って進めれば大丈夫です。
      問題となるのはページIDの取得方法です。Plusプラン以外のユーザーは「share to web」欄からページIDを確認することができません（またはページIDが灰色表示でコピーできません）。そのため、ユーザー自身が作成したウェブサイトにアクセスし、ブラウザのアドレスバーに表示されるページリンクを確認して、その中からページIDを手動でコピーする必要があります。
  1. GitHubでソースコードをコピーする
      2. 正直なところ、私はGitHubをあまり使ったことがありませんが、ヘルプマニュアルに従って進めれば特に難しい点はありません。
      GitHubのソースコードは以下の通りです。これをforkした後、一部の操作はソースコードを直接編集する必要があります（例：ウェブページのデフォルトテーマを変更する場合、ソースコード内のTHEME: process.env.NEXT_PUBLIC_THEME || 'hexo'を編集します）。
      github.com
      https://github.com/tangly1024/NotionNext/fork
  1. Vercelでのデプロイ
      2. GitHubを使用してVercelアカウントを登録する際に、以下のエラーが発生しました：
      "Your account requires further verification."（アカウントにはさらなる確認が必要です）。
      ネットで調べた解決方法は以下の通りです：
解决 Vercel 注册时提示 Your account requires further verification. - 秋风于渭水
  1. 後での修正
      2. サイト構築が完了しても、私のブログのように画像を表示する効果が出ない場合があります。この問題はブログのテーマコードの選択に関係しています。詳細は以下をご参照ください。
      ‣
      PS:NotionNextは本当に便利で、多くの問題がそこで解決できます。本当に素晴らしいです。

雑談

ブログ構築のアイデアが浮かんだのは2024年11月のことです。
ネットでChatGPTの使い方に関する記事を探している時、偶然Steven Lynnさんのブログを見つけました。それをきっかけに、自分のブログを作りたいという気持ちが芽生えました。忙しい日々の中、実際に行動に移したのは冬休みが始まってからでした。
当初は、自分で一行ずつコードを書いてブログを構築しようと考えましたが、作業量が多すぎて断念しました。その後、Steven Lynnさんの「NotionNext：NotionとNextJSを使ったオープンソースのブログ」に関する記事を見つけ、それを再現しようと決めました。
Steven Lynnさんの導きに心から感謝しています。
 
 
自分でサイトを作成する試みは最後まで続けられませんでしたが、その過程でサイト構築に関する多くの知識を学びました。
特に、哔哩哔哩（bilibili）プラットフォームの康文昌UP主の動画は大きな刺激を与えてくれ、サイト全体のフレームワークを理解する上で非常に役立ちました。皆さんにもぜひ視聴をおすすめします。

Blogの今後の発展構想

現在のところ、ブログは開発初期段階にあります。私は大きな目標を立てるのがあまり好きではないので、ブログは「微信のモーメンツ」に近い方向性で進めていく予定です。日常生活の中での意見や面白い出来事を投稿していきます。
また、日本の友人がブログを訪問する可能性を考慮し、すべての記事の日本語翻訳を別のセクションに掲載する予定です。もし翻訳に誤りがあれば、すぐに教えてください。不適切な表現があれば、それは私の意図ではありません。
何か質問があれば、Outlookのメールを通じてご連絡ください。あまり忙しくなければ、1週間以内に返信します。
締切日：2025年1月14日
 
]]> <![CDATA[NotionNext：基于Notion、GitHub、Vercel的博客创建记录]]> https://horafeng.top/article/Notion https://horafeng.top/article/Notion Tue, 14 Jan 2025 00:00:00 GMT

Blogger概况

总结

Blog总体采用以Notion作为数据库，以GitHub作为代码源头，以Vercel作为云服务器的方法来搭建，整体技术框架成熟，且有搭建步骤作为参考，对于新手来说较为不错，并且网站后续的维护不用操心，目前感觉较为不错。至于网址安全性等问题还未考证，暂且按下不表。
目前看来，因云服务器为国外平台，网站存在墙内用户无法访问的通病，之后会尝试在阿里云平台搭建，但这也是后话，在此也按下不表。

Blog搭建步骤

整体步骤《NotionNext帮助手册》已有详细阐述，如有需要请移步以下链接
Vercel部署NotionNext | NotionNext帮助手册
Vercel是一款国外的Serverless托管平台，对个人用户使用几乎免费，而且方便快捷，用Vercel托管你的Notion站点，无需再操心服务器的维护与资费问题。
Vercel部署NotionNext | NotionNext帮助手册
https://docs.tangly1024.com/article/vercel-deploy-notion-next
Vercel部署NotionNext | NotionNext帮助手册
  1. 注册Notion账号
      2. 注册并不难点，照着做就好。
      难点为页面ID的找取，非plus用户无法从share to web边框栏中找到页面ID（或者说页面ID呈现灰色，复制不了），需要用户自己进入创建的网站后，通过观察浏览器上方页面链接，自行把其中的页面ID拷贝下来。
      💡
      ⚠️
      新版的notion中，页面ID的格式可能会有一点不同，例如会把页面的标题也带上： https://www.notion.so/tanghh/Today-261c36d269a74acd97682af86d7bc9a0?pvs=4 但不变的是，页面url中的那串连续32为的字符串就是id。
      上面这句话很重要，理解下来就会了。
  1. 在GitHub上复制源代码
      2. 说实话，我接触GitHub也不多，但跟着帮助手册做也无难点。
      GitHub源代码如下，将其fork后之后一些操作需要直接从源代码处修改（例如进入网页后的默认主题需要修改源代码THEME: process.env.NEXT_PUBLIC_THEME || 'hexo'）
      github.com
      https://github.com/tangly1024/NotionNext/fork
  1. Vercel部署
      2. 利用GitHub注册Vercel账户出现了报错Your account requires further verification.
      在网上寻找后解决方法如下：
      @解决 Vercel 注册时提示 Your account requires further verification. - 秋风于渭水
  1. 后续完善
      2. 网站搭建完成后可能无法出现我Blog一样开启图片的效果，这方面问题跟博客主题代码选择有关，详情移步图片/封面管理 | NotionNext帮助手册
      PS：NotionNext真的很有用，很多问题都能在里面解决，非常好。

闲谈

搭建Blog的想法是24年11月份出现的，在网上寻找ChatGPT话术时偶然点开了Steven Lynn大佬的Blog，从此便萌生了搭建Blog的想法，忙忙碌碌一直到寒假后才付诸实践，原本想自己一行一行代码将Blog敲出来，但发现工作量太大随之放弃，又是看到Steven Lynn有关NotionNext：基于Notion和NextJS的开源博客 | Steven Lynn’s Blog的帖子后决定复现大佬的Blog。
对Steven Lynn的引路感激不尽。
 
虽然尝试自己写网站没能走下去，但中途还是学到了很多有关网站搭建的知识，康文昌UP的视频对我启发很大，帮助我整体把握网站框架，推荐大家去看一看。
在尝试写html代码过程中，才发现自己一直下载的是Visual Studio而不是Visual Studio Code🤣，也算是一种收获吧。

Blogger后续发展设想

目前Blog处于开发初期，而且我不喜欢定什么宏大目标，Blog目前朝着类似“微信朋友圈”的方向发展，发表一些自己生活中的见解/趣事。
考虑到一些日本朋友或许会访问Blog，我会用AI将每一篇文章的日语翻译放入另一个分区，如果有翻译错误请及时告诉我，表达不恰当不是我的本意。
有任何问题可以通过Outlook邮箱联系我，只要不是太忙，一周之内我都会回复。
PS：截稿日期2025.01.14
]]>