React学习笔记13-个人博客站点

最新推荐文章于 2024-09-07 08:41:34 发布
最新推荐文章于 2024-09-07 08:41:34 发布
阅读量302 收藏 1
点赞数
分类专栏： React
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/starshus/article/details/104530635
版权
本文介绍如何使用HUGO快速创建一个React博客站点，包括React和Node.js的学习资源及站点示例。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

通过HUGO快速创建一个个人React博客站点

用几分钟时间把React笔记建成了博客站点，Powered by HUGO。

在这里插入图片描述

  • React学习

https://peaceful-tor-92061.herokuapp.com/

  • Node.js学习

https://whispering-coast-84700.herokuapp.com/

参考阅读

https://gohugo.io/

https://blog.youkuaiyun.com/starshus/article/details/104226961

React学习笔记1
路漫漫其修远兮，吾将上下而求索。
03-10 514
React JS 网页应用 React Native 原生应用 React VR VR应用 全景视图 React Fiber: react16以后的版本，对底层的核心算法进行了改良，引入了优先级，分片等概念。使得react的代码运行更加流畅，尤其是处理一些复杂动画的时候。 ...
React学习笔记(一)：基础
前端大法好
02-10 952
React学习笔记(一)：基础 创建react项目 1、安装react的脚手架，全局安装一次即可 cnpm install -g create-react-app 2、使用手脚架创建项目，在要创建项目的目录下输入 create-react-app 你的项目名 3、cd到项目中运行 npm start 项目结构 favicon是打开网页时标签上显示的icon。 index.html就是唯一一个页面...
react实战：一个极简易的新闻站点
u011192674的博客
07-06 391
react-kandian 一个极简易的新闻站点。 演示地址 技术栈： - react - react-router - immutable - redux - redux-logger - redux-saga - mobx - axios - antd design 脚手架工具: create-react-app 运行方式: 1、yarn 启动 -
独立开发者必备的29个开源React后台管理模板
zz_jesse的博客
07-25 6799
React Web应用程序开发管理后台可能非常耗时，这和设计所有前端页面一样重要。以下是收集的近几年顶级React.js管理模板列表。这些模板确实很有价值，使开发人员更容易构建应用程序后端的用户界面。此外，它们将帮助您完善网站的管理后台，并克服自己制作所有UI部分的一些技术挑战。您可以将这些管理仪表板模板用作骨架，并为您的网站创建自己的Web应用程序和仪表板。1.Endless - React A...
React-blog 搭建属于自己的博客
菜园子
12-11 1285
写在前面： 用烦了wordpress，hexo和其他各种各样的博客框架，是时候该从桎梏中跳出，写一个自己的博客了！ 我的博客 www.panyunyi.cn 博客的github地址 https://github.com/panyunyi97/react-blog 欢迎 star & pr 在试图搭建一个完全属于自己且自主可控的博客之前，我使用过 wordpress 和 Hexo 等傻瓜式的博客。但这类可少量客制化的博客并不能完完全全满足我的需求，我希望我自己的博客在我手中完全可控，一丝一毫都可以.
React+NodeJS打造个人博客（上）
m0_52223449的博客
12-15 1767
最近闲来无聊，公司项目总是一周工时硬是拉扯到一个月工时。所以很是闲，想想公司项目都是用的vue框架开发，感觉自己一直没有用React开发一个完整项目，便想自己练练手。既然说到练练手，刚好最近看了一下node.js。那就尝试两个结合一下吧，做个全栈项目玩玩。如有写的不好还请评论区指出错误以上就是今天要讲的内容，本文仅仅讲解《React+NodeJS打造个人博客》静态页面的搭建，关于NodeJS将作为下一篇来讲解。
hugo使用经验
阿巴阿巴
04-30 2693
写在前面 ​ hugo最强使用技巧：别用hugo (狗头) ​ 这个世界上的静态网站生成器至少有333个，先从我的角度说说其他静态网站生成器的优点： VuePress：基于vue构建，可以顺便练习vue，减小web开发者的学习成本; 中文文档 主题丰富（在github主页有） 插件挺丰富，不知道常用的有没，但是大丈夫！因为是Vue，自己集成功能很方便！ 文档说是单页应用，解决路由时音乐播放器重新加载播放的问题应该简单一些； Hexo：由中国台湾人创建，咱们用的人多所以网上
个人站点，包含技术笔记、博客、作品、工具等.zip
02-28
这个资源库很可能包括了他/她的技术学习笔记、博客文章、项目作品以及可能使用的实用工具。其中，“whinc.github.io_master.zip”是一个GitHub项目的主分支文件，暗示着这个个人站点是通过GitHub Pages服务来托管的...
React Udemy课程学习笔记与实践心得
7. **React与现代Web开发**：随着React的不断发展，它已经与许多现代Web开发技术（如GraphQL、服务器端渲染（SSR）、静态站点生成（SSG）等）和概念（如函数式编程、组件化）紧密相关。 8. **开发环境和工具**：...
大前端学习笔记 -- NuxtJS项目案例--RealWorld（Nuxt脚手架创建项目、Git Actions自动发布和PM2部署）
爱玲姐姐的博客
09-29 2957
NuxtJS项目案例–RealWorld（创建Nuxt项目、Git Actions自动发布和部署） 一、案例项目realworld介绍 1. 案例项目介绍 案例名称：RealWorld 这是一个开源的学习项目，目的就是帮助开发者快速学习新技能。 GitHub仓库：https://github.com/gothinkster/realworld 在线实例：https://demo.realworld.io/ 2. 案例相关资源 页面模板：https://github.com/gothinkster/real
hugo-theme-pico：Pico是极简，易读，React灵敏，轻巧且美丽的Hugo主题
02-05
:black_circle: 微微 这个主题的目标是简约，可读，响应Swift，轻巧美观。 受《 Medium》和《纽约时报》的启发，Pico尝试以精妙的设计为读者提供最佳体验。 它可以配置为单个页面，也可以配置为具有多个部分的全功能站点。 它是多语言的，React灵敏的，并且包含浅色和深色主题。 您可以检查。 特征 ： 多语言-支持不同语言版本的并排内容 语法高亮（“一个黑暗”主题） 整个Markdown风格，包括帖子标题 带有小部件或可定制页面 通过config.toml进行直接定制 项目和博客部分 借助PostCSS，轻松，精简CSS包 光与暗的主题 对开发人员友好： 由于Hugo Pipes和Po
React搭建个人博客
涐的野心就是占有沵
12-12 1273
个人博客搭建 前言 项目预览 http://lurenhong.top/ 登录页 (个人使用暂时未开发注册功能) 添加标签（方便后期条件查询） 添加博客内容以及标签选择 （草稿/发布） 展示博客列表（编辑/删除/条件查询及分页） 博客展示首页（后台添加博客不对外开放） 博客详情页查看（目前已完成阅读量/评论功能开发中） 分类查询 后续功能更新中...
那些开源静态网站框架，快来了解一下
梅花寺
02-10 2576
都2022年了，不会还有人没用过静态网站框架吧 ”。看到这句话，很多人不禁会想：网站听过，框架听过，但是静态网站框架我怎么没听过？确实，在没接触Vuepress这类静态网站之前，我也没听说过这类东西，但是了解之后发现很有意思。接下来带大家来认识一下这些静态网站框架。我会把有相同特征的框架放在一起来介绍。文章中罗列了我这段时间所了解到的一些常见的开源静态网站框架，或者说是网站生成工具，实际上还有很多不同的静态网站框架，比如Primo，感兴趣的朋友可以去看看。这里面我使用过Vuepress和Hexo。
React基础入门（一）
weixin_43123984的博客
01-31 1036
官网 英文官网: https://reactjs.org/ 中文官网: https://react.docschina.org/描述介绍 用于动态构建用户界面的 JavaScript 库(只关注于视图) 由Facebook开源React特点 1、声明式编码 2、组件化编码 3、React Native 编写原生应用 4、高效（优秀的Diffing算法）React高效的原因 1、使用虚拟(virtual)DOM，不总是直接操作页面真实DOM； 2、DOM Diffing算法，最小化页面重绘； 2.1、创建虚拟
React个人博客开发
Youngster_yj的博客
12-30 1529
React个人博客开发src目录下前台主体详解：实际样式src目录下前台组件详解：实际样式src目录下后台文件详解：实际样式1.资源上传页面(1).支持文件上传(点击上传或拖拽上传)(2).拥有上传进度(3).上传成功后同时分类返回视频、音乐、图片(GIF)外链(4).支持遍历服务器文件并返回符合要求文件的外链2.文章管理页面(1).支持添加文章(2).支持修改(删除)文章(3).支持暂存文章(4).支持预期发布(5).可查看文章浏览量(为真实不做修改功能)(6).操作选项栏增加文章置顶功能(2020-4-
拥抱高效博客体验：Hugo-Sustain 主题推荐
最新发布
gitblog_00739的博客
09-07 437
拥抱高效博客体验：Hugo-Sustain 主题推荐 hugo-sustain???? Personal blog theme built with Bootstrap, powered by Hugo.项目地址:https://gitcode.com/gh_mirrors/hu/hugo-sustain 在当今信息爆炸的时代，拥有一个高效、美观且易于维护的博客是每个内容创作者的梦想。今天，我们将向您...
推荐一款极简个人博客主题：Minimal - Hugo 强力驱动
gitblog_00042的博客
05-23 484
推荐一款极简个人博客主题：Minimal - Hugo 强力驱动 minimalPersonal blog theme powered by Hugo项目地址:https://gitcode.com/gh_mirrors/minim/minimal 在追求高效、简洁的数字时代，我们渴望拥有一款能够体现个性又易于管理的博客平台。这就是我们要向您推荐的【Minimal】——一个由Hugo引擎驱动的个...
Hugo加入评论的功能
姑苏流白
01-12 4691
0x00 写在前面 LeaveIt主题没有提供评论的功能，因此需要自己写，这里我用的是 Valine 第三方评论系统。 0x01 配置Valine 在 config.toml 中加入以下代码（Valine基本配置） # Valine. # You can get your appid and appkey from https://leancloud.cn # more info pl...
HuGo+ github个人博客搭建（步骤一：初始化一个hugo项目）
一条咸鱼
04-01 7254
HuGo+ github个人博客搭建（步骤一：初始化一个hugo项目） 前言：看过许多的博客，也看过许多个人博客搭建教程，但大多数教程如行云流水，讲解简单（也许这本身就是一个很简单的工程）。多数的搭建方式以及使用工具也各不相同，直到自己看到了一篇比较酷炫和牛逼的个人博客后（牛人地址：http://blog.coderzh.com/），我决定要使用Hugo语言和git来搭建个人博客，从开始搭建到搭...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值