이 게시물은 내 친구의 작품을 소개합니다

리액트 블로그

React + Github 문제 👉 개인 블로그 🔥

React Blog는 Github Issues를 사용하여 자신의 개인 블로그를 만드는 데 도움이 되는 React를 기반으로 하는 개인 블로그 시스템입니다.




링크 : https://github.com/saadpasta/react-blog-github

🔥 기능

✅ 콘텐츠 소유
✅ Github 문제에 Markdown을 사용하여 작성
✅ 구문/코드 강조
✅ 완전히 사용자 정의 가능
✅ 태그 - 주제
✅ 링크
✅ 반응
✅ 이미지
✅ 읽기 시간
✅ 미디엄과 같은 아름다운 UI
✅ 쉬운 배포: Github 페이지 사용
✅ 아름다운 인용구

🔗 라이브 데모

여기는 live demo

깃허브Issues / Blogs

🚀 10분 안에 시작 및 실행

다음 5단계를 통해 10분 안에 로컬 개발 환경에서 반응 블로그 사이트를 시작하고 실행할 수 있습니다.

이 지침은 개발 및 테스트 목적으로 로컬 컴퓨터에서 실행 중인 프로젝트 복사본을 얻을 수 있습니다.

컴퓨터에 Git 및 Node.js(npm과 함께 제공됨)이 설치되어 있어야 합니다.

[email protected] or higher
[email protected] or higher
[email protected] 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 개인 액세스 토큰을 생성합니다InstructionsMake sure you don't select any scope just generate a simple token without any scope.

그런 다음 생성된 토큰을 복사한 다음 이를 사용하여 토큰을 기본 64로 인코딩합니다Website.
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 문제에 블로그를 작성하십시오. slack edit을 사용하여 마크다운

을 작성할 수도 있습니다.

github 이슈에 레이블blog을 추가하여 다른 표준 이슈와 다르게 만드세요. blog 레이블은 필수 항목입니다. 그렇지 않으면 웹사이트에 표시되지 않습니다.

5. React 앱을 시작합니다.

이제 명령줄에서 반응 애플리케이션을 시작하기만 하면 됩니다.

# Run
$ npm start

🛠️ 사용된 기술

이 프로젝트는 다음 프로젝트의 훌륭함 덕분에 가능합니다.

React

graphql

apollo-boost

GitHub

markdown-to-jsx

React Syntax Highlighter

react-reactions

🌱 영감

이 프로젝트는 다른 많은 유사한 프로젝트에서 영감을 받았습니다.

gatsby-theme-blog-with-github

utterances

🤝 기여

이것을 더 멋지게 만들 수 있는 방법에 대한 아이디어가 있습니까? Open a new issue ! 우리는 이 프로젝트를 멋지게 만들기 위해 얻을 수 있는 모든 도움이 필요합니다!

💥 할일

Github에서 댓글 추가

로더 추가

Github를 사용한 인증

React 헬멧을 사용하는 Seo

바닥글

헤더

소셜 미디어 공유

📄 라이선스

이 프로젝트는 MIT 라이선스에 따라 라이선스가 부여되었습니다. 자세한 내용은 LICENSE.md 파일을 참조하세요.

⭐ 또한 GitHub에서 내 저장소에 별표를 표시하여 더 많은 오픈 소스 작업을 하도록 동기를 부여합니다...

👍 읽어주셔서 정말 감사합니다...