对现有博客程序不满,之前我的博客是基于 typecho 的。我不懂 PHP ,所以在折腾的时候有很大的局限性。
经过一些了解,我最终选择 Astro 构建新的博客程序。并且进行一次彻底的改版。
Astro 只需要会点前端基础就能写。这几天我参考官方文档,边学边做,实践出了这个产物。
值得一提的是,在使用了 Cloudflare 或者 Vercel 部署之后。我们只需要维护 Github 仓库即可,只需要提交到仓库,更新和发布都是自动的。而且免费、无需备案、在全球有不同节点。
Github https://github.com/austin2035/astro-air-blog
有三种图片显示模式: wide
, big
, inline
. 当你编写 mark 文件的时候可以指定 wide
或 big
或 inline
到你的图片 alt 属性中, 比如这样:

分隔符号是 |
, 默认模式是 big
.
![]() | 1 4BVL25L90W260T9U 2023-02-21 12:19:06 +08:00 挺漂亮,像 Apple 而又不是像素级照搬 |
![]() | 2 zhaohai 2023-02-21 12:22:44 +08:00 不懂架设啊 |
3 sduoduo233 2023-02-21 12:23:39 +08:00 via Android 看起来不错 |
![]() | 4 zhuyongqi9 2023-02-21 12:31:11 +08:00 页面很漂亮,楼主是专业的设计吗 |
6 Davic1 2023-02-21 13:01:42 +08:00 via iPhone 哈哈哈 爱看老高! |
7 mssi 2023-02-21 13:32:08 +08:00 挺漂亮的。等一手喂饭教程。 |
![]() | 8 bsfx2 2023-02-21 13:51:01 +08:00 ![]() 提个建议,苹果网站字体 SF Pro SC 是 webfont ,把苹方的西文部分换成了 San Francisco 的。 你的 CSS 最终在苹果平台匹配到的是 PingFang SC ,会造成西文部分也以苹方显示。 实际上苹方的西文部分不是 San Francisco ,苹果各系统即使用中文,在显示西文时也是 San Francisco 。 建议直接调整成 system-ui 就好,反正非苹果用户也不会单独安装苹方字体。 |
![]() | 9 azui999 2023-02-21 14:11:12 +08:00 右上角的三个字加上这三个样式,感觉好看点. .nav-item-content font-weight: 500; color: var(--footer-text-color); letter-spacing: 0em; |
10 qqjay2019 2023-02-21 14:13:53 +08:00 挺好看,已经 start |
![]() | 11 bs10081 2023-02-21 14:15:17 +08:00 支持,好看,蹲一人教(我就 |
![]() | 12 dog 2023-02-21 14:27:45 +08:00 一眼 apple newsroom 哈哈,挺好看的,感谢分享 |
![]() | 13 samasxxc 2023-02-21 14:33:20 +08:00 看看 |
![]() | 14 BaseException 2023-02-21 14:47:28 +08:00 漂亮~ star 了 |
15 vchroc 2023-02-21 14:48:41 +08:00 有没有白色主题呢 |
![]() | 16 LavaC 2023-02-21 14:49:25 +08:00 连接到 astro-blog.qum.cc 时发生错误。PR_END_OF_FILE_ERROR |
![]() | 17 SeanDragon 2023-02-21 15:17:48 +08:00 真不错,可以 fork 走去使用嘛?项目是什么开源协议呢? |
18 Inf1nity 2023-02-21 15:23:09 +08:00 ![]() 看起来很不错,提一个小建议:Windows 下的代码字体看起来不太舒服,可以试试 Cascadia Code 、Jetbrains Mono 、Consolas 或者 Inter 。 |
![]() | 19 metrue 2023-02-21 15:49:42 +08:00 ![]() 很漂亮,赞. |
![]() | 20 |
![]() | 21 baiduyixia 2023-02-21 15:53:12 +08:00 这首页用来做 pc 网站电脑首页也是很高级 |
22 anonymous2351d00 2023-02-21 16:00:42 +08:00 羡慕了,你你你你,能不能教教我 css |
![]() | 23 Austin2035 OP 非常感谢各位的支持和建议,谢谢谢谢。 |
![]() | 24 Austin2035 OP 当然可以的,开源协议我稍等会选择一个自由一点的。 @SeanDragon |
![]() | 25 pekew 2023-02-21 18:11:42 +08:00 作为一个喜欢收拾博客样式又喜欢 Apple 的人,真的一眼喜欢。不过有个小想法(不认同当我没说):博客左上角的“xx's blog” 可以改一改,目前用到比较多博客主题好像都是喜欢类似的样式( hexo-next ,hugo-nextlike )。其实可以改成 Apple 特有的中文风格,像什么“大写的大、比更大更大、开了又开”,参考 https://www.zhihu.com/question/24144025/answer/123223234 脱离 web 很久了,技术方面就不露怯了 :D |
![]() | 26 Austin2035 OP @pekew 哈哈哈,有趣,666 |
![]() | 27 wangdashuai 2023-02-21 18:33:09 +08:00 可以写成适配 git page 的项目,这样直接可以部署 git page 博客了。 |
![]() | 28 Austin2035 OP @wangdashuai 这种想法也不错。 |
![]() | 29 sardina 2023-02-21 20:05:45 +08:00 谢谢你让我看到十年后的网站长什么样子 |
![]() | 30 sardina 2023-02-21 20:06:19 +08:00 |
![]() | 31 Dragonphy 2023-02-21 21:08:54 +08:00 ![]() 正好在用 Astro 写网站,已偷[doge] |
![]() | 32 Dragonphy 2023-02-21 21:10:48 +08:00 我太喜欢了,爱你 |
33 Bssn 2023-02-22 00:00:22 +08:00 ![]() 挺好看的 |
34 NormanGhost 2023-02-22 00:51:17 +08:00 via Android 首页为啥没有 dark 模式,主题很好看 |
![]() | 35 Austin2035 OP @sardina 过誉了,xd |
![]() | 36 Austin2035 OP @NormanGhost 这个还没搞,我感觉不太合适。文章有个黑色模式,主要是考虑到 图片多的情况。黑色背景更加适合展示图片。 |
![]() | 37 tanran 2023-02-22 18:28:45 +08:00 漂亮,页面很多文章为啥是 2035 年,纯展示? |
![]() | 38 Austin2035 OP @tanran 是的,没错。 |
![]() | 39 XSNARUTO 2023-02-23 08:10:30 +08:00 via iPhone ![]() 虽然用不上,不过不妨碍满满的好感。前两天在 Twitter 看到的,也 star 了。想着之后有空了要给自己博客好好重构一套主题,现在就在搜罗各种好看的主题想以后拿来参考。刚来站里搜各种主题,不出意外的又看见你的帖子啦哈哈哈哈。 说实话我看站里好多人发出来自己的博客链接,点进去都有点失望。丰富一点的,就很多花花绿绿一堆动效加二次元插图的;简单点的呢,又很多极简到连字体字号都没做调整,各种奇奇怪怪的换行和留白,整个页面又简单又混乱。你的这个主题,个人感觉,真的算是站里少见的一股清流。 |
![]() | 40 Austin2035 OP @XSNARUTO 欢迎基于我的工作进行二次创作,创作出一个更加符合你心意的博客。 |
![]() | 41 taro0822 2023-03-06 22:13:55 +08:00 |