基于 React 和 gatsby 的个人博客
站点说明
本博客系统使用 GatsbyJS 构建, 源码来自 UnrealCPP, 这里修改了部分功能.
删除作者个人信息 JSON 文件及页面展示
所有配置项移动至 data/SiteConfig.JS
修改页面模板, 删除 YouTube 视频及 UE4Version 组件
favicon 来自 吖倩 --- 的环保 icon 合集
修改时间展示 formatter 为 YYYY-MM-DD
你可以在这个仓库 https://github.com/Harrison1/unrealcpp-com 找到 UnrealCPP 的源代码.
同时你也可以在这里 https://github.com/blueflyming/blueflyming.cn.git 找到 blueflyming.cn 的源代码.
由于我使用的是腾讯云服务器, 所以代码仓库放在了 coding 上, 这里放第一版的复制在 GitHub 上, 后续我应该只会增加博客内容, 项目源码应该不会改动.
其他说明
由于本项目使用的是 gatsby 生成博客, 所以博客在 Markdown 头部应当加入以下内容
- templateKey: blog-post
- title: Hello World
- image: https://cos.blueflyming.cn/common/mountains-1280.png
- tags: ["intermediate", "ue4 tutorial"]
- date: 2017-12-02T15:55:44.226Z
- description: This is a walkthrough on how to complete Epic's Game-Controlled Cameras Tutorial
其中:
templateKey 表示文章使用的模板不用修改
title 文章标题
image 题图
tags tag 分类
date 日期
description 描述
部署说明
原本在测试中, 我是用 coding 静态网页部署功能
静态网页部署
但是最终在我基本完成我的代码的时候, 它就总是部署失败
Serverless deploy 失败
提交工单之后腾讯云的技术人员给了我一个姑且能用的解决方案
解决方案
至此基本算是完成了, 后续部署方案我再尝试一下其他途径.
附一张网站截图 https://blueflyming.cn/
blueflyming.cn
来源: https://www.qcloud.com/developer/article/1810573