程序员

【玩转腾讯云】blueflyming.cn个人博客搭建

作者:admin 2021-04-11 我要评论

基于 React 和 gatsby 的个人博客 站点说明 本博客系统使用GatsbyJS构建,源码来自UnrealCPP,这里修改了部分功能。 删除作者个人信息json文件及页面展示 所有配...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

基于Reactgatsby的个人博客

站点说明

本博客系统使用GatsbyJS构建,源码来自UnrealCPP,这里修改了部分功能。

  1. 删除作者个人信息json文件及页面展示
  2. 所有配置项移动至data/SiteConfig.js
  3. 修改页面模板,删除youtube视频及UE4Version组件
  4. favicon来自 吖倩---的环保icon合集
  5. 修改时间展示formatter为YYYY-MM-DD

你可以在这个仓库找到UnrealCPP的源代码。 同时你也可以在这里找到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

其中:

  1. templateKey 表示文章使用的模板不用修改
  2. title 文章标题
  3. image 题图
  4. tags tag分类
  5. date 日期
  6. description 描述

部署说明

原本在测试中,我是用coding静态网页部署功能

静态网页部署

但是最终在我基本完成我的代码的时候,它就总是部署失败

Serverless deploy 失败

提交工单之后腾讯云的技术人员给了我一个姑且能用的解决方案

解决方案

至此基本算是完成了,后续部署方案我再尝试一下其他途径。

附一张网站截图 https://blueflyming.cn

blueflyming.cn

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 四两拨千斤——你不知道的VScode编码Ty

    四两拨千斤——你不知道的VScode编码Ty

  • 我是如何在 Vue 项目中做代码分割的

    我是如何在 Vue 项目中做代码分割的

  • position:sticky 粘性定位的几种巧妙应

    position:sticky 粘性定位的几种巧妙应

  • 从零到一搭建React组件库

    从零到一搭建React组件库

腾讯云代理商
精彩导读
海外云服务器
热门资讯
腾讯云代理商