关联主题:: 博客（2025.08.25）
同级:: 2025-08-13_星期三
下一级::
tags：= this.file.tags
我当前的博客方案是：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 浏览器键入http://localhost:1313/（或服务器地址）以访问博客。
访问 http://localhost:1313/ 是显示空白的，需要在contets/posts文件夹创建MD文件，
大致样式如下：
---
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。