使用react+docusaurus快速搭建一个博客网站-腾讯云开发者社区-天下标王
前往小程序,Get更优阅读体验!
立即前往
发布
社区首页 >专栏 >使用react+docusaurus快速搭建一个博客网站

使用react+docusaurus快速搭建一个博客网站

作者头像
潜心专研的小张同学
发布2023-01-03 14:52:10
发布2023-01-03 14:52:10
2.1K0
举报
文章被收录于专栏:#

首先看下成果图:

本篇你将您学到:

1 如何快速搭建一个自己的博客网站,可以在这个网站里面上传自己的博客、撰写自己的文档; 2 通过github、vercel 自动化部署一个前端项目到线上,免费的。(正常我们要买域名、服务器才能,而这里不需要,当然免费的话网就有点慢了,后面也可以自己搞一个域名服务器发布)

博客框架:

  • docusaurus,快速构建一个静态网站。

官方文档:https://docusaurus.io/zh-CN/

网站UI及源码参考:

  • 峰华前端工程师个人博客:https://zxuqian.cn/

(已联系过峰华大佬,再次感谢峰华大佬,可以让我在他的源码基础上再进行创作!)

关于docusaurus的讲解,可以看峰华的视频,有讲解,本篇不再赘述。

【JAMSTACK】使用 Docusaurus 静态网站生成器搭建个人博客:https://www.bilibili.com/video/BV1uE411x7mE 【JAMSTACK】部署 Docusaurus 搭建的个人博客:https://www.bilibili.com/video/BV11E411M7WL

本网站源码:

https://github.com/JACK-ZHANG-coming/my-now-blog

本网站ip地址:

https://zhangqiang.vercel.app/

1 拉取github源码到本地,然后运行#

此处可以选择峰华的源码,也可以选择我的这个仓库的源码,我这个仓库源码是改完之后的,下面我将以我的仓库源码作为演示。

2 修改页眉页脚、首页#

b站视频10:00’往后;

3 上传自己的博客(blog)#

b站视频16:40‘往后;

4 上传自己的文档(doc)#

b站视频27:35秒往后;

5 将前端网站部署发布到线上 (vercel)#

见b站视频;

6 本篇博客网站搭建视频教程#

https://www.bilibili.com/video/BV19K4y197yA/

注:本网站仅作为个人记录博客、分享学习知识所用。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2021-05-01,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 快速搭建一个react个人静态博客网站,并使用vercel免费部署发布到线上#
    • 1 拉取github源码到本地,然后运行#
    • 2 修改页眉页脚、首页#
    • 3 上传自己的博客(blog)#
    • 4 上传自己的文档(doc)#
    • 5 将前端网站部署发布到线上 (vercel)#
    • 6 本篇博客网站搭建视频教程#
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档

相关内容推荐

网站优化提高权重的方法万山镇网站优化游戏网站seo网站优化导航网站优化方法献县网站推广优化费用肇庆地产网站优化联系方式房产网站架构优化图重庆网站优化哪里有优化网站的软文河北网站如何优化广州电子网站优化效果望江网站优化哪家合适焦作网站优化推广渠道soe网站怎么优化松桃网站seo优化公司利于百度优化网站源码喀什建设网站优化郑州网站优化在哪里海南优化网站关键词北京网站优化和推广竞价网站和优化网站的区别枣庄百度360搜狗网站优化推广有名网站优化怎么做tdk网站优化注意事项聊城哪里有网站优化费用创意企业网站优化寿光市网站seo优化排名手机网站关键词优化 s网站外链在线优化兴化网站优化推广企业seo优化网站搜索引擎网站优化价格高吗专门做网站优化在线推广seo优化网站厂家网站权重怎么优化湖北正规网站优化代理的价格网站核心词优化服务商越秀网站怎么优化沾化英文网站优化多少钱吉林seo优化的网站费用泸州网站搜索优化费用网站优化效果慢是什么原因唐山优化网站网站快速优化找云速捷就选邯郸seo网站搜索优化公司刚上线的网站怎么优化大同网站优化公司四会专题页网站优化酒泉知名网站优化肇庆湖南网站优化推广产品型网站怎么优化网站优化如何吸引蜘蛛长安企业站网站优化排版对网站优化有什么影响温州网站推广优化公司哪家好网站sem优化工作怎么优化自己网站加载速度快网站优化url层级怎么做怎样做网站的优化网站搜索优化势云速捷选定中山网站优化销售中企网站如何优化黄山网站整站优化公司云梦县网站做优化代理常德网站seo优化服务医院网站优化 sit质量好的网站排名优化asp系统网站怎么做优化网站营销优化官网招聘sem网站优化推广报价网站优化排名哪家便宜北海网站运营优化公司阜沙网站优化排名邓州外贸网站优化网站自然优化哪家值得信赖盘锦网站优化电话高二数学优化方案网站福田搜索引擎网站优化计划宁波鄞州区网站优化哪家强盐城智能化网站优化优势做网站优化seo白云网站搜索优化金华网站优化快速排名优化网站模板好吗安庆网站搜索优化哪家合适有利于网站优化的域名后缀咸阳网站seo优化公司济宁知名网站优化制作百度网站优化怎么选泰州网站优化公司哪家好网站标题优化的作用网站文章优化内容深圳综合网站优化哪个好金华百度网络推广网站优化公司永济网站优化排名桂阳县网站seo优化排名连云港综合网站优化是什么外贸网站seo怎么优化搜索引擎如何优化网站内部怀集新站网站优化学习优化网站余杭网站优化推广罗湖关于网站优化成功案例吉林网站seo优化苏州外贸网站seo优化南联网站优化外贸网站优化推广 江门seo泛目录优化网站江苏网站优化组图乐至网站优化费用兴安网站优化公司济南艾乎网网站优化南雄网站优化seo网站优化要做什么工作网站物理结构优化当涂seo网站优化公司郑州快速优化网站排名新能源网站优化在线推广怎样优化网站选择金手指天津优化网站哪家专业汉南网站优化公司淄博沂源张店做网站优化公司南阳网站优化推广公司淮安移动网站优化费用哪些优化方式会导致网站被骗安国网站排名优化凉山优化网站上海网站优化关键词排名环保设备网站seo优化哪家好太原网站优化工具湖州seo网站排名优化我要学自己优化网站海兴网站优化效果网站做优化卦涤云速捷出众网站优化如何实现网站页面优化排行榜平凉网站优化推广哪个公司好外贸网站英语怎么优化教育网站如何做优化宁波网站搭建快速优化排名公司北宁网站优化推广淄博电脑网站优化实力强的网站优化推广网站优化都需求哪些技巧洛阳正规网站优化外包优化网站 提高查询深圳网站建设与优化德州夏津网站优化推广路桥seo网站优化用户体验才是网站优化的关键许昌网站自然优化价格多少溧阳怎么优化网站网站备案影响优化吗有什么网站优化公司有哪些大型网站的优化结构深圳如何在网站优化公司广德网站优化珠海手机网站百度推广优化湖里区网站首页优化大连网站快速优化大同网站推广优化对网站优化的平台有哪些柘城专业网站优化怎么收费南昌专业的seo优化网站雅安网站排名优化公司益阳专业网站优化哪家好小网站的优化方式濮阳怎样优化网站霍州网站网址优化云南福建网站建站优化推广长沙网站优化外包公司2021年免费的网站优化工具罗江网站优化费用怎样优化设计苏宁网站南联网站优化岢岚网站优化信宜网站优化软件南京网站优化推广服务报价表优化网站就属25金手指专业绍兴网站快速排名优化微商引流网站优化博野县网站优化无锡网站排行优化优化装修网站天津广电网站优化设计高明网站优化关键词韩城海外网站优化澜沧网站优化费用长沙网站优化外包费用孟州网站推广优化什么网站不能优化番禺怎样优化网站武清网站优化排名方案网站的seo优化是什么意思网站推广优化艾金苹果专业网站建设优化非凡云速捷专业湖北百度网站优化费用许昌网站排名优化哪里好网站2个商圈关键词优化南陵网站优化公司

合作伙伴

天下标王

龙岗网络公司
深圳网站优化
龙岗网站建设
坪山网站建设
百度标王推广
天下网标王
SEO优化按天计费
SEO按天计费系统