对现有博客程序不满,之前我的博客是基于 typecho 的。我不懂 PHP ,所以在折腾的时候有很大的局限性。
经过一些了解,我最终选择 Astro 构建新的博客程序。并且进行一次彻底的改版。
Astro 只需要会点前端基础就能写。这几天我参考官方文档,边学边做,实践出了这个产物。
值得一提的是,在使用了 Cloudflare 或者 Vercel 部署之后。我们只需要维护 Github 仓库即可,只需要提交到仓库,更新和发布都是自动的。而且免费、无需备案、在全球有不同节点。
Github https://github.com/austin2035/astro-air-blog
有三种图片显示模式: wide
, big
, inline
.
当你编写 mark 文件的时候可以指定 wide
或 big
或 inline
到你的图片 alt 属性中, 比如这样:
![一些描述|wide](a.png)
分隔符号是 |
, 默认模式是 big
.
1
ospider 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
misadonfdfl 2023-02-21 13:32:08 +08:00
挺漂亮的。等一手喂饭教程。
|
8
Satelli 2023-02-21 13:51:01 +08:00 1
提个建议,苹果网站字体 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
hazy 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 1
看起来很不错,提一个小建议:Windows 下的代码字体看起来不太舒服,可以试试 Cascadia Code 、Jetbrains Mono 、Consolas 或者 Inter 。
|
19
metrue 2023-02-21 15:49:42 +08:00 1
很漂亮,赞.
|
20
baiduyixia 2023-02-21 15:52:21 +08:00
很棒 star
|
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 1
正好在用 Astro 写网站,已偷[doge]
|
32
Dragonphy 2023-02-21 21:10:48 +08:00
我太喜欢了,爱你🥹🥹🥹
|
33
Bssn 2023-02-22 00:00:22 +08:00 1
挺好看的
|
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 1
虽然用不上,不过不妨碍满满的好感。前两天在 Twitter 看到的,也 star 了。想着之后有空了要给自己博客好好重构一套主题,现在就在搜罗各种好看的主题想以后拿来参考。刚来站里搜各种主题,不出意外的又看见你的帖子啦哈哈哈哈。
说实话我看站里好多人发出来自己的博客链接,点进去都有点失望。丰富一点的,就很多花花绿绿一堆动效加二次元插图的;简单点的呢,又很多极简到连字体字号都没做调整,各种奇奇怪怪的换行和留白,整个页面又简单又混乱😂。你的这个主题,个人感觉,真的算是站里少见的一股清流。 |
40
Austin2035 OP @XSNARUTO 欢迎基于我的工作进行二次创作,创作出一个更加符合你心意的博客。
|
41
taro0822 2023-03-06 22:13:55 +08:00
|