Gatsby 初体验
source link: https://www.talaxy.site/hello-gatsby/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
雪山深处
Gatsby 初体验
2020 年 03 月 17 日 • 🍵 需要 1 分钟
用了一个下午终于成功把博客转移到了 Gatsby 上来依靠它生成静态 Html 文件。
第一次接触这类······ 嗯?这类东西叫什么? 反正感觉超新鲜!超好用!再也不用每个页面都手敲 html 了
一些有用的资料
已经解决的问题
- 修改文章 Header 的日期格式让其与首页的一致
在/src/pages 下的 index.js 末尾可修改首页的日期格式
在/src/templates 下的 blog-post.js 末尾可修改文章的日期格式
- 修改主题色和超链接的字体色
在/src/utils 下的 typography.js 可添加 css 样式传递给 Wordpress Theme 来覆盖掉原本的超链接色
在 gatsby-config.js 的 gatsby-plugin-manifest 可修改主题色
- 在首页添加组件和 Tab
详见 利用 Material UI 为 Gatsby 站点增加 Tabs 并实现友链功能
- 修改 Bio 头像大小并解决质量较低的问题
将 bio.js 文件中头像的 fixed 样式换成 fluid 即可,具体可参照 官方文档
-
修改首页文章排列样式
-
不会 JS
- 执行
gatsby bulid
前最好执行一遍gatsby clean
清除上次生成的静态文件
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK