我当前的博客方案是:Obsidian+Notion+vercel
使用Ob插件Share to NotionNext将Obsidian编辑的内容同步到Notion后进行简易修改发布到NotionNext;
今天对NotionNext进行了一下优化,主要是优化了一下字体。(其实没太整明白)
官方教程文稿: https://docs.tangly1024.com/article/notion-next-web-font
在Notion配置文件夹下,将FONT_STYLE改为:font-sans font-blog
GLOBAL_CSS最底下修改为:
[id^="theme-"] { font-family: PingFang SC; }
目前生效的结果,可以先凑合用着....
然后今天刷telegram看到一篇文章: https://sspai.com/post/101376
看了一下作者的博客使用的是hugo,主题是hugo-book,看着挺简洁的,自己复刻了一下遇到很多问题没有搞定。
目前未解决的问题:
- 博客的菜单是如何实现的?
- 该博客作者的一些优化方案css该如何自定义修改?
作者的博客教程: https://osnsyc.top/posts/hugo-blog-building/ ,其实挺简洁的,我没太看懂,这方面我是小白。然后我使用浏览器「Dia浏览器」进行了AI教学。
👉🏻我发现对于网页内容的辅助分析,其实用Dia浏览器效果是最好的。
# 初始化站点blog hugo new site blog cd blog/ git init # 以git submodule形式挂载主题 git submodule add https://github.com/alex-shpak/hugo-book themes/hugo-book
在hugo.toml中添加以下配置
# ./hugo.toml theme = 'hugo-book' [markup.goldmark.renderer] unsafe = true
- 启动服务
hugo server --bind "0.0.0.0" --minify --theme hugo-book
--- title: "Hello World" date: 2025-08-13T22:00:00+08:00 draft: false tags: ["入门", "示例"] banner: "https://img.osnsyc.top/sample-banner.jpg" --- 欢迎来到我的第一篇 Hugo 博客文章! 这里可以写你的正文内容、插入图片、代码块等。
然后访问该路径地址就可以正确访问该页面。
然后部属到github(使用Dia浏览器对话),然后使用cloudflare进行静态部属。
(这个问题暂时搁置,以后可以再解决)
大致的思路就是,Obsidian的MD文档,同步到Github,然后同步到cloudflare。
参考资料:
- Hugo在Gitee上安装静态博客 | 鸵鸟的邮箱 (类似同款,但是没找到作者的Github地址,Github搜索鸵鸟的邮箱,未找到)