你见过的最棒的个人博客界面是什么样的？
373 个回答
最近刚好在折腾 Notion ，然后结合GitHub上的大佬的 NotionNext 框架 ，将个人笔记和个人博客整合到了一起。
实现笔记写文->博客自动更新
我的小站（建设中）：
无需服务器，全程花费仅仅只需一个域名的费用，就能获得良好的体验
让你将更多的精力更集中在内容生产上面，并且该博客还支持：
- 谷歌广告
- 多主题切换
- 文章加密访问
以下为我的文章内容：
上一期给大家推荐了，如何获取Notion Plus
这一期的话，再来分享一下，如何将你的Notion笔记直接转化为个人博客网站
将自己的笔记与网站打通
（这下感觉终于有了一个能够在互联网上顺畅输出内容的地盘了）
虽然我能够折腾出n种其他建站方式，但是现在如果主力采用Notion写作与做知识管理的话，其他方式对我来说过于笨重了。
如果能够打通Notion笔记本与网站的话，那还是能让我更好将精力集中在写作本身之上。
我这里采用的是 NotionNext 建站的方式
懒人的话采用 Vercel托管部署，用免费的套餐就可以了
后续如果资金充裕的话，还是建议将网站部署在服务器上
以下教程参考：
1.准备好Notion页面
这里默认已经注册好了Notion账号
1.1 将建站模板数据复制到你的Notion
打开模板页面
点击 Duplicate
1.2开启页面分享权限
1.3记住页面ID
后面建站的数据都将从该页面进行获取，相当于你的数据库
选择将页面连接Copy出来
链接中间的一段就是你的ID
2.从GitHub上Fork项目仓库
就是将这个开源作者的仓库，复制一份到你的GitHub账号里
3.将项目导入Vercel
3.1 注册Vercel
选择个人身份
选择GitHub进行连接
3.2导入你的GitHub仓库
注意，需要在环境变量里添加：
NOTION_PAGE_ID ： 第一步里你的模板页面的Notion页面ID
最后按下部署即可
4.部署完成
点击Visit可前往查看你的网站
5.配置自己的域名
因为vercel的ip被DNS污染，所以建议使用自己的域名进行解析
我这里直接设置根域名
这里需要配置 [http://lpolaris.com] 的A解析，以及 [http://www.lpolaris.com] 的 CNAME 解析
我的域名是放在 cloudflare 的，如果购买的是其他平台域名，操作都是类似的
现在就可以愉快的访问：
6.简单的修改你的网站
6.1 修改 blog.config.js
建议仔细阅读以下相关配置的内容
6.2在Notin上填充网站内容
实际上，此时的Notion就相当于是你的数据库了，上面的博客网站会根据这个DataBase进行加载内容
当你在 Notion上进行了修改后，网站也会自动同步过去
7.尾语
题主本人，网站也还在建设中，需要学习的还有很多，就先介绍这么多啦！
知乎上的文章，晚点我也会慢慢同步过去，这下不用担心，**知识的荒原**
后面本人网站也会持续更新的，如果想了解更多，可以关注我哦~
我的博客
是自己设计打造的，我觉得一个有特点的独立博客主要有以下方面需要考虑与设计：
为中文而特殊设计的排版功能
这方面可以参考的资料有：
- 中文文案排版指北 （https://github.com/mzlogin/chinese-copywriting-guidelines），如果使用VSCode还可以安装 Pangu-Markdown-VSCode 插件一键自动排出上述规范要求的效果。
- 赫蹏排版方案：GitHub - sivan/heti: 赫蹏（hètí）是专为中文内容展示设计的排版样式增强。它基于通行的中文排版规范而来，可以为网站的读者带来更好的文章阅读体验。
- W3C有篇中文排版需求：https://w3c.github.io/clreq/ 极其专业，可以参考。
好的字体
这里用到的字体是「LXGW WenKai / 霞鹜文楷」是一款非常适合正文阅读的字体：https://github.com/lxgw/LxgwWenKai
能支持PDF打印
分享书签功能
类似微信读书分享书签的功能。
支持各种绘图功能
比如白板绘图、文本绘图、专业绘图与代码绘图等，具体见我的这篇文章在线演示：我的绘图工具箱
好的OG分享图
当别人在线分享你的博客时，可以在社交媒体看到这种很炫酷的图片，会更吸引人目光。
当然我这个博客用到的技术栈非常杂多，以至于架构图非常复杂，只要你愿意折腾，一定能做出适合你风格的博客。