Skip to content
又又一个blog轮子,基于gatsby,react,material-ui
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src
.eslintrc.json
.gitignore
.prettierrc
README.md
config.js
gatsby-browser.js
gatsby-config.js
gatsby-node.js
gatsby-ssr.js
package.json
yarn.lock

README.md

gine-blog

gine-blog 是一个以notion为blog后端,基于 React,Gatsby,Material-UI 开发的静态博客应用。

screenshot

lighthouse report

架构图

给我也整一个

安装&&运行

git clone https://github.com/mayneyao/gine-blog.git

# 如果你要部署到 netlify , 先fork到自己的仓库

# 安装依赖
yarn 

# 开发模式 热更新
yarn develop

# 编译
yarn build

# 本地访问 build之后
yarn serve

运行起来后,你可以看到已经有一篇文章,文章是从我的notion表格中获取的。你需要改为自己的notion链接并做其它个性化的配置。

下面是配置指南。

配置指南

前置条件

clone 下面这个page到自己的notion中,此页面包含了blog需要的2个表(文章表和友链表)。后面你可以根据自己的喜好添加表格,做个性化的开发。

https://www.notion.so/gine/share-blog-table-60e00520137944a4a45a437c7d089488

如何clone notion模板 也可以参考此文章:https://notionpages.com/how-to-copy-a-notion-template/

基础配置

根据 config.js 中的说明,修改为自己的配置。默认配置是最小化的配置,只开启了blog相关的基本功能

  • 文章列表页
  • 文章详情页
  • 全部标签页
  • 标签详情页
  • 归档
  • 友链
  • about 页面实际上是一篇post,你需要在配置中写入相关post的slug。

如果需要开启其它模块功能,按照下面的配置文档(参考config.js中的注释)操作即可。

comment 开启评论

评论模块采用的是disqus,开启后填上自己的短域名即可

blog 开启github缓存文章加速build

你需要新建一个仓库用来缓存blog文章内容。

  • 注意这里的仓库需要有文件,初始化添加Readme.md即可

访问 https://github.com/settings/tokens 获取token

加入token到环境变量

export GitHubToken='yourtokenhere'

缓存机制

bangumi 开启番剧模块

填个b站的链接就好了,会把你订阅的番剧数据爬下来,以卡片形式按番剧发行时间顺序展示。

待续...

FAQ

为什么安装依赖这么慢?

初次安装依赖,会安装puppetter,所以比较慢

You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.