后端开发教程 - Java、Spring Boot 实战 - msg200.com
🔥 使用 Reactjs ⚛️ 和 Github Issues 在不到 10 分钟的时间内创建您的个人博客📜🕐
React 博客
⭐ 还在 GitHub 上为我的 repo 加星标，以激励我做更多的开源工作......
React 博客
React + Github 问题👉您的个人博客🔥
React Blog 是一个基于 React 构建的个人博客系统，可帮助您使用 Github Issues 创建自己的个人博客
链接：https://github.com/saadpasta/react-blog-github
🔥 特点
✅ 拥有自己的内容
✅ 在 Github Issues 上使用 Markdown 编写
✅ 语法/代码高亮
✅ 完全可定制
✅ 标签 - 主题
✅ 链接
✅ 反应
✅ 图像
✅ 阅读时间
✅ 类似 Medium 的精美 UI✅
轻松部署：使用 Github Pages✅
漂亮的区块引用
🔗 现场演示
这是一个现场演示
Github问题/博客
🚀 10 分钟即可启动并运行
只需按照以下五个步骤，您就可以在 10 分钟内在本地开发环境中启动并运行一个 React-blog 网站：
这些说明将为您提供一个项目副本，并在您的本地机器上运行，以用于开发和测试目的。
您需要在计算机上安装Git和Node.js （ npm附带）
node@v10.16.0 or higher
npm@6.9.0 or higher
git@2.17.1 or higher
1. 从命令行克隆并运行 react-blog-github：
# Clone this repository
$ git clone https://github.com/saadpasta/react-blog-github.git
# Go into the repository
$ cd react-blog-github
# Install dependencies
$ npm install
2.生成 Github 个人访问令牌。
按照以下说明生成 Github 个人访问令牌 Make sure you don't select any scope just generate a simple token without any scope
之后复制您生成的令牌，然后使用此网站将您的令牌编码为 base 64
Copy your base64 converted token
3.改变/src/config.js。
转到克隆的存储库并进行以下更改/src/config.js
export const config = {
// Your Github Converted Token
githubConvertedToken: "Github Converted Token",
// Your Github User Name
githubUserName: "saadpasta",
// Your Github Repo Name Where You Have your issues as Blog
githubRepo: "react-blog-github",
// Your Personal Blog Title
title : "Saad Pasta" ,
// Your Personal Blog Subtitle
subtitle : "Front End Developer Blog"
};
4.写博客。
完成以下更改后，您现在只需要撰写一篇关于您在config.js
- 打开你的仓库github issues
- 创建新问题
- 现在用 Markdown 在 GitHub Issue 上撰写你的博客。你也可以使用Slack Edit来撰写你的 Markdown 文章。
- 在您的 GitHub 问题上添加标签，
blog以使其与其他标准问题区分开来。请注意，blog标签是必需的，否则它将不会显示在您的网站上。
5.启动您的 React 应用程序。
现在您只需要从命令行运行启动您的反应应用程序。
# Run
$ npm start
🛠️ 使用的技术
该项目之所以能够实现，要归功于以下项目的出色表现：
🌱 灵感
该项目受到许多其他类似项目的启发。
🤝 贡献
有什么好主意能让这个项目更棒吗？开个新 issue！我们需要大家的帮助，让这个项目更棒！
💥 待办事项
- 从 Github 添加评论
- 添加加载器
- 使用 Github 进行身份验证
- 使用 React 头盔进行 Seo
- 页脚
- 标题
- 社交媒体分享
📄 许可证
该项目采用 MIT 许可证 -有关详细信息，请参阅LICENSE.md文件