Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/plh97/blog

✏️blog. writing in issues.
https://github.com/plh97/blog

blog graphql netlify nextjs

Last synced: 5 days ago
JSON representation

✏️blog. writing in issues.

Awesome Lists containing this project

README

        

[![Netlify Status](https://api.netlify.com/api/v1/badges/4a9f79ff-561d-4a0c-9a6b-caad4c398bbe/deploy-status)](https://app.netlify.com/sites/plh-blog/deploys)
[![author](https://img.shields.io/badge/author-peng-blue.svg)](https://github.com/plh97/blog)
[![Hits](https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fgithub.com%2Fplh97%2Fblog&count_bg=%2379C83D&title_bg=%23555555&icon=&icon_color=%23E7E7E7&title=hits&edge_flat=false)](https://hits.seeyoufarm.com)

### Welcome to my blog repo

#### This [Site](https://plhh.xyz) deployed on Netlify,all data come from [ISSUE](https://github.com/plh97/blog/issues), call GitHub API server side render page

### My Tech Skill

- JavaScript(React Vue)
- Node
- HTTP(http1.1 https http2)
- RegExp
- Nginx
- Python
- Graphql

### TODO

- [x] add jest testcase, coverage > 90%
- component testcase
- container testcase

### How to deploy this project

0. folk & clone this project
1. login in netlify
2. buy a domain
3. select yours folked github repo
4. select netlify nextjs plugin
5. create a github access token
6. add `NEXT_PUBLIC_ACCESS_TOKEN` env variable in netlify

### Book List

- [x] [网络是怎样连接的](https://book.douban.com/subject/26941639/) - [remark](https://github.com/plh97/blog/issues/40)

![image](https://github.com/plh97/blog/assets/14355994/1dc70166-25cd-45b0-9585-3853a57f3b9a)

---

- [x] [HTTP 权威指南](https://book.douban.com/subject/10746113/) - [remark 1](https://github.com/plh97/blog/issues/45) - [remark 2](https://github.com/plh97/blog/issues/52)

![image](https://github.com/plh97/blog/assets/14355994/3c52013e-75b7-482f-ae1a-d362b0dced30)

---

- [x] [JavaScript 面向对象精要](https://book.douban.com/subject/26352658/) - [remark 1](https://github.com/plh97/blog/issues/29) - [remark 2](https://github.com/plh97/blog/issues/31)

![image](https://github.com/plh97/blog/assets/14355994/4e84be0d-4d5b-40d6-af2b-ac8beeb14f25)

---

- [x] [现代前端技术解析](https://book.douban.com/subject/27021790/) - [remark 1](https://github.com/plh97/blog/issues/28) - [remark 2](https://github.com/plh97/blog/issues/58)

![image](https://github.com/plh97/blog/assets/14355994/3e3f93c8-7804-4067-a877-01a49443f389)

---

- [x] [深入理解 ES6](https://book.douban.com/subject/27072230/) - [remark 1](https://github.com/plh97/blog/issues/32) - [remark 2](https://github.com/plh97/blog/issues/51)

![image](https://github.com/plh97/blog/assets/14355994/6bc477f0-95a7-4ef2-aefb-1d77716bae51)

---

- [x] [ES6 标准入门](https://book.douban.com/subject/26708954/) - [remark 1](https://github.com/plh97/blog/issues/23) - [remark 2](https://github.com/plh97/blog/issues/26)

![image](https://github.com/plh97/blog/assets/14355994/38d9dc6b-e50e-47c2-92e0-a983e0442da1)

---

- [x] [高性能的 JavaScript](https://book.douban.com/subject/5362856/) - [remark](https://github.com/plh97/blog/issues/15)

![image](https://github.com/plh97/blog/assets/14355994/86b79a58-c3da-400e-931c-9f7fdc9e9e40)

---

- [x] [JavaScript 语言精粹](https://book.douban.com/subject/3590768/) - [remark](https://github.com/plh97/blog/issues/10)

![image](https://github.com/plh97/blog/assets/14355994/554fa7ab-d2eb-4228-b246-114973986c03)

---

- [x] [数据结构与算法 JavaScript 描述](https://book.douban.com/subject/25945449/) - [remark](https://github.com/plh97/blog/issues/6)

![image](https://github.com/plh97/blog/assets/14355994/4d8a28a8-c7d6-4853-9a44-0f315135028b)