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

最新推荐文章于 2024-09-07 08:41:34 发布
原创 最新推荐文章于 2024-09-07 08:41:34 发布 · 331 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍如何使用HUGO快速创建一个React博客站点，包括React和Node.js的学习资源及站点示例。

通过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+NodeJS打造个人博客（上）
m0_52223449的博客
12-15 1895
最近闲来无聊，公司项目总是一周工时硬是拉扯到一个月工时。所以很是闲，想想公司项目都是用的vue框架开发，感觉自己一直没有用React开发一个完整项目，便想自己练练手。既然说到练练手，刚好最近看了一下node.js。那就尝试两个结合一下吧，做个全栈项目玩玩。如有写的不好还请评论区指出错误以上就是今天要讲的内容，本文仅仅讲解《React+NodeJS打造个人博客》静态页面的搭建，关于NodeJS将作为下一篇来讲解。
React学习笔记(一)：基础
前端大法好
02-10 991
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 419
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 7884
React Web应用程序开发管理后台可能非常耗时，这和设计所有前端页面一样重要。以下是收集的近几年顶级React.js管理模板列表。这些模板确实很有价值，使开发人员更容易构建应用程序后端的用户界面。此外，它们将帮助您完善网站的管理后台，并克服自己制作所有UI部分的一些技术挑战。您可以将这些管理仪表板模板用作骨架，并为您的网站创建自己的Web应用程序和仪表板。1.Endless - React A...
React-blog 搭建属于自己的博客
菜园子
12-11 1352
写在前面： 用烦了wordpress，hexo和其他各种各样的博客框架，是时候该从桎梏中跳出，写一个自己的博客了！ 我的博客 www.panyunyi.cn 博客的github地址 https://github.com/panyunyi97/react-blog 欢迎 star & pr 在试图搭建一个完全属于自己且自主可控的博客之前，我使用过 wordpress 和 Hexo 等傻瓜式的博客。但这类可少量客制化的博客并不能完完全全满足我的需求，我希望我自己的博客在我手中完全可控，一丝一毫都可以.
hugo使用经验
阿巴阿巴
04-30 2806
写在前面 ​ hugo最强使用技巧：别用hugo (狗头) ​ 这个世界上的静态网站生成器至少有333个，先从我的角度说说其他静态网站生成器的优点： VuePress：基于vue构建，可以顺便练习vue，减小web开发者的学习成本; 中文文档 主题丰富（在github主页有） 插件挺丰富，不知道常用的有没，但是大丈夫！因为是Vue，自己集成功能很方便！ 文档说是单页应用，解决路由时音乐播放器重新加载播放的问题应该简单一些； Hexo：由中国台湾人创建，咱们用的人多所以网上
Kaguya-Lucius个人技术博客静态站点
这种机制极大地降低了个人博客或作品集网站的搭建门槛，特别适合程序员、学生和技术爱好者用于展示学习成果、技术笔记、项目经验或个人品牌建设。 进一步分析其【标签】内容可以发现，该项目具备多重技术与功能属性...
个人站点，包含技术笔记、博客、作品、工具等.zip
02-28
这个资源库很可能包括了他/她的技术学习笔记、博客文章、项目作品以及可能使用的实用工具。其中，“whinc.github.io_master.zip”是一个GitHub项目的主分支文件，暗示着这个个人站点是通过GitHub Pages服务来托管的...
React学习进度与笔记：Udemy与Pluralsight课程总结
结合标签信息：“React, Udemy, Pluralsight, 前端开发, JavaScript, 组件化, Hooks, 状态管理, Web开发, 学习笔记”，我们可以推断出这份资料不仅包含对 React 核心机制的理解，还涉及现代前端工程实践中的关键概念...
Juri-28个人技术博客静态站点
该项目本质上是一个公开托管在GitHub平台上的开源前端项目，主要用于展示个人博客、技术笔记、作品集或学习成果。从所提供的标签信息如“GitHub Pages、静态网站、前端开发、HTML、CSS、JavaScript、博客系统、Web...
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 1315
个人博客搭建 前言 项目预览 http://lurenhong.top/ 登录页 (个人使用暂时未开发注册功能) 添加标签（方便后期条件查询） 添加博客内容以及标签选择 （草稿/发布） 展示博客列表（编辑/删除/条件查询及分页） 博客展示首页（后台添加博客不对外开放） 博客详情页查看（目前已完成阅读量/评论功能开发中） 分类查询 后续功能更新中...
那些开源静态网站框架，快来了解一下
梅花寺
02-10 2842
都2022年了，不会还有人没用过静态网站框架吧 ”。看到这句话，很多人不禁会想：网站听过，框架听过，但是静态网站框架我怎么没听过？确实，在没接触Vuepress这类静态网站之前，我也没听说过这类东西，但是了解之后发现很有意思。接下来带大家来认识一下这些静态网站框架。我会把有相同特征的框架放在一起来介绍。文章中罗列了我这段时间所了解到的一些常见的开源静态网站框架，或者说是网站生成工具，实际上还有很多不同的静态网站框架，比如Primo，感兴趣的朋友可以去看看。这里面我使用过Vuepress和Hexo。
React基础入门（一）
weixin_43123984的博客
01-31 1318
官网 英文官网: 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 1666
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 516
拥抱高效博客体验：Hugo-Sustain 主题推荐 在当今信息爆炸的时代，拥有一个高效、美观且易于维护的博客是每个内容创作者的梦想。今天，我们将向您推荐一款基于 Hugo 的开源博客主题——Hugo-Sustain，它不仅继承了 Jekyll 主题 Sustain 的优雅设计，还融入了 Hugo 的强大功能，为您带来前所未有的博客体验。 项目介绍 Hugo-Sustain 是一款专为 Hugo ...
推荐一款极简个人博客主题：Minimal - Hugo 强力驱动
gitblog_00042的博客
05-23 544
推荐一款极简个人博客主题：Minimal - Hugo 强力驱动 在追求高效、简洁的数字时代，我们渴望拥有一款能够体现个性又易于管理的博客平台。这就是我们要向您推荐的【Minimal】——一个由Hugo引擎驱动的个人博客主题。它的设计理念是“少即是多”，旨在让您专注于内容创作，而让美观的界面成为衬托。 项目介绍 Minimal 是一款轻巧且功能丰富的博客主题，提供了实时预览的在线演示。通过简单的安...
使用React前端框架结合js-ipfs-api实现IPFS的文本数据流传输
Bonjour~
02-26 3526
本文我们将通过React这个js前端框架来实现一个简易的页面，通过官方提供的js-ipfs-api，我们可以在页面的文本框中输入任意文本，然后提交上传到IPFS节点网络中，再利用hash参数把上传的文本数据显示出来。 React简介及安装 React是由Facebook和Instagram来开发的一种用来创建用户界面的JavaScript库。 React的简单入门见https://rea...
HuGo+ github个人博客搭建（步骤一：初始化一个hugo项目）
一条咸鱼
04-01 7370
HuGo+ github个人博客搭建（步骤一：初始化一个hugo项目） 前言：看过许多的博客，也看过许多个人博客搭建教程，但大多数教程如行云流水，讲解简单（也许这本身就是一个很简单的工程）。多数的搭建方式以及使用工具也各不相同，直到自己看到了一篇比较酷炫和牛逼的个人博客后（牛人地址：http://blog.coderzh.com/），我决定要使用Hugo语言和git来搭建个人博客，从开始搭建到搭...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值