Skip to content

Commit ff6f417

Browse files
committed
Add links to VS Code
2 parents c084b15 + fb2ff2a commit ff6f417

File tree

5 files changed

+138
-17
lines changed

5 files changed

+138
-17
lines changed

.github/markdown.png

74.1 KB
Loading

.github/markdownvscode.PNG

-58.1 KB
Binary file not shown.

README-DE.md

Lines changed: 57 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,8 @@
11

22
<h1 align="center">
3-
<img alt="Banner" title="#Banner" style="object-fit: cover; height:250px;" src=".github/readmebanner.png" />
3+
<a href="https://laravelcollective.com/tools/banner">
4+
<img alt="Banner" title="#Banner" style="object-fit: cover; height:250px;" src=".github/readmebanner.png" />
5+
</a>
46
</h1>
57

68
# 📝 README-Model
@@ -70,7 +72,16 @@ Darüber hinaus wird die Erstellung von Tabellen durch Websites wie:
7072

7173
[Tables Generator](https://www.tablesgenerator.com/markdown_tables)
7274

73-
## Projektname
75+
76+
## Logo oder Banner
77+
78+
Status: Optional
79+
80+
Wenn Ihr Projekt bereits ein Logo hat, fügen Sie es der README-Datei hinzu. Es kann auch ein Banner sein. Sie können mit Canva ein Logo oder Banner erstellen.
81+
82+
Das Logo oder Banner ersetzt möglicherweise den Titel, nicht jedoch die Beschreibung des Projekts. Das Gute daran, den Titel und die Beschreibung im Text zu behalten, ist, dass es bei Github SEO hilft. Google hilft dabei, Ihr Projekt auf den ersten Seiten der Suche besser zu indizieren und gibt eine Zusammenfassung über Ihr Projekt.
83+
84+
## Projektname
7485

7586
Wählen Sie einen selbsterklärenden Namen für Ihr Projekt.
7687

@@ -80,9 +91,35 @@ Darüber hinaus wird die Erstellung von Tabellen durch Websites wie:
8091

8192
### 🧐 Motivation
8293

83-
Motivationsbeschreibung
94+
Motivationsbeschreibung
95+
------------------------
96+
97+
## ❔ Über die README
98+
99+
Jedes Projekt ist anders. Überlegen Sie also, welcher dieser Abschnitte für Sie gilt. Die in der Vorlage verwendeten Abschnitte sind Vorschläge für die meisten Open Source-Projekte. Denken Sie auch daran, dass eine README-Datei zwar zu lang und detailliert sein kann, zu lang jedoch besser als zu kurz ist.
84100

85-
## Abzeichen
101+
Wenn Sie der Meinung sind, dass Ihre README-Datei zu lang ist, sollten Sie eine andere Form der Dokumentation verwenden, anstatt Informationen auszuschneiden.
102+
103+
### ⌨️ Was ist Markdown?
104+
105+
Markdown ist ein Tool zur Konvertierung von Text in HTML. Sie schreiben mit einfachem, leicht lesbarem und leicht zu schreibendem Text und wandeln ihn dann in gültigen HTML-Code um.
106+
107+
Markdown wurde von John Gruber und Aaron Swartz erstellt und ihr Quellcode wurde in Perl geschrieben. Dies ist die offizielle Website [hier] (https://daringfireball.net/projects/markdown/)
108+
109+
Sie können MarkDown in VS Code anzeigen, indem Sie eine Erweiterung hinzufügen:
110+
111+
Sie können MarkDown in VS Code anzeigen, indem Sie eine Erweiterung hinzufügen:
112+
113+
<h1 align="center">
114+
<img alt="VSCode" title="#VSCode" style="object-fit: cover; height:300px;" src=".github/markdown.png" />
115+
</h1>
116+
117+
| Verknüpfungen | Funktionalität |
118+
|:----------|------|
119+
|cmd-k v or ctrl-k| Open preview to the Side|
120+
|cmd-shift-v or ctrl-shift-v | Open preview |
121+
122+
## Badges
86123

87124
In einigen READMEs werden möglicherweise kleine Bilder angezeigt, die Metadaten enthalten, z. B. ob alle Tests für das Projekt bestanden wurden oder nicht. Sie können Shields verwenden, um einige zu Ihrer README hinzuzufügen. Viele Dienste haben auch Anweisungen zum Hinzufügen eines Ausweises.
88125

@@ -91,7 +128,6 @@ Darüber hinaus wird die Erstellung von Tabellen durch Websites wie:
91128
Je nachdem, was Sie machen, kann es eine gute Idee sein, Screenshots oder sogar ein Video einzuschließen (häufig werden GIFs anstelle von tatsächlichen Videos angezeigt). Tools wie ttygif können helfen, aber schauen Sie sich Asciinema für eine ausgefeiltere Methode an.
92129

93130
-------------
94-
95131
### GIF Image
96132
<p align="center">
97133
<img src=".github/Readmedemo.gif" alt="GIF" width="700px" />
@@ -224,7 +260,11 @@ Geben Sie dann das geklonte Repository und das Verzeichnis ein, das dem zu teste
224260
225261
## 🤝 Beiträge
226262

227-
Wenn Sie Ideen für zukünftige Releases haben, ist es eine gute Idee, diese in der README-Liste aufzulisten. Mitwirken Geben Sie an, ob Sie für Beiträge offen sind und welche Anforderungen Sie an die Annahme dieser Beiträge stellen. Für Personen, die Änderungen an Ihrem Projekt vornehmen möchten, ist es hilfreich, eine Dokumentation zu den ersten Schritten zu haben. Vielleicht gibt es ein Skript, das sie ausführen sollten, oder einige Umgebungsvariablen, die sie festlegen müssen. Machen Sie diese Schritte explizit. Diese Anweisungen könnten auch für Ihr zukünftiges Selbst nützlich sein. Sie können auch Befehle dokumentieren, um den Code zu fusseln oder Tests auszuführen. Diese Schritte tragen dazu bei, eine hohe Codequalität sicherzustellen und die Wahrscheinlichkeit zu verringern, dass die Änderungen versehentlich etwas beschädigen. Anweisungen zum Ausführen von Tests sind besonders hilfreich, wenn ein externes Setup erforderlich ist, z. B. das Starten eines Selenium-Servers zum Testen in einem Browser.
263+
Wenn Sie Ideen für zukünftige Releases haben, ist es eine gute Idee, diese in der README-Liste aufzulisten. Geben Sie an, ob Sie für Beiträge offen sind und welche Anforderungen Sie an die Annahme dieser Beiträge stellen.
264+
265+
Für Personen, die Änderungen an Ihrem Projekt vornehmen möchten, ist es hilfreich, eine Dokumentation zu den ersten Schritten zu haben. Vielleicht gibt es ein Skript, das sie ausführen sollten, oder einige Umgebungsvariablen, die sie festlegen müssen. Machen Sie diese Schritte explizit. Diese Anweisungen könnten auch für Ihr zukünftiges Selbst nützlich sein.
266+
267+
Sie können auch Befehle dokumentieren, um den Code zu fusseln oder Tests auszuführen. Diese Schritte tragen dazu bei, eine hohe Codequalität sicherzustellen und die Wahrscheinlichkeit zu verringern, dass die Änderungen versehentlich etwas beschädigen. Anweisungen zum Ausführen von Tests sind besonders hilfreich, wenn ein externes Setup erforderlich ist, z. B. das Starten eines Selenium-Servers zum Testen in einem Browser.
228268

229269
-------------
230270

@@ -256,7 +296,7 @@ Befolgen Sie die folgenden Schritte, um einen Beitrag zu leisten:
256296
<tr align=center>
257297
<td>
258298
<a href="https://github.com/shyoutarou">
259-
<img width="200" height="180" src="https://avatars3.githubusercontent.com/u/66930143?s=460&u=9a46318c1563414a627c432d89b8ae53bf359430&v=4">
299+
<img width="200" height="180" style="border-radius: 50%;" src="https://avatars3.githubusercontent.com/u/66930143?s=460&u=9a46318c1563414a627c432d89b8ae53bf359430&v=4">
260300
</a>
261301
</td>
262302
</tr>
@@ -265,6 +305,9 @@ Befolgen Sie die folgenden Schritte, um einen Beitrag zu leisten:
265305

266306
## ***Verweise***
267307

308+
* Banner
309+
- [Laravel Collective](https://laravelcollective.com/tools/banner)
310+
268311
* MarkDown
269312
- [Editor.md](https://pandao.github.io/editor.md/en.html)
270313
- [Dillinger](https://dillinger.io/)
@@ -274,11 +317,17 @@ Befolgen Sie die folgenden Schritte, um einen Beitrag zu leisten:
274317
* Badges
275318
- [Shields](https://shields.io/)
276319
- [How to Make Custom Badges](https://dev.to/milkers/how-to-make-custom-badges-to-improve-your-markdown-documents-460k)
320+
- [Badger](http://badges.github.io/badgerbadgerbadger/)
321+
322+
* GIFS
323+
- [Recordit](https://recordit.co/)
324+
- [ttystudio](https://github.com/chjj/ttystudio)
277325

278326
* Guias
279327
- [Como fazer um bom README](https://blog.rocketseat.com.br/como-fazer-um-bom-readme/)
280328
- [Make a README](https://www.makeareadme.com/)
281-
329+
- [sampleREADME.md](https://gist.github.com/fvcproductions/1bfc2d4aecb01a834b46)
330+
282331
## 📜 Lizenz
283332

284333
Wenn Ihr Projekt Open Source ist, ist es wichtig, eine Lizenz beizufügen.

README-EN.md

Lines changed: 38 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,8 @@
11

22
<h1 align="center">
3-
<img alt="Banner" title="#Banner" style="object-fit: cover; height:250px;" src=".github/readmebanner.png" />
3+
<a href="https://laravelcollective.com/tools/banner">
4+
<img alt="Banner" title="#Banner" style="object-fit: cover; height:250px;" src=".github/readmebanner.png" />
5+
</a>
46
</h1>
57

68
# 📝 README-Model
@@ -96,6 +98,31 @@ Let people know what your project can do specifically. Provide context and add a
9698
Status: Optional
9799

98100
Motivation Description
101+
------------------------
102+
103+
## ❔ About the README
104+
105+
Every project is different, so consider which of these sections apply to yours. The sections used in the template are suggestions for most open source projects. Also keep in mind that while a README can be too long and detailed, too long is better than too short.
106+
107+
If you think your README is too long, consider utilizing another form of documentation rather than cutting out information. This is a suggested structure, each one can do according to the needs of the project. We will now cover each of the structure's topics and other additional points.
108+
109+
### ⌨️ What´s Markdown?
110+
111+
Markdown is a text to HTML conversion tool. You write using simple, easy-to-read and easy-to-write text and then it is transformed into valid HTML.
112+
113+
Markdown was created by John Gruber and Aaron Swartz and their source code was written in Perl. This is the official website [here](https://daringfireball.net/projects/markdown/)
114+
115+
You can view MarkDown within VS Code by adding an extension:
116+
117+
You can view MarkDown within VS Code by adding an extension:
118+
<h1 align="center">
119+
<img alt="VSCode" title="#VSCode" style="object-fit: cover; height:300px;" src=".github/markdown.png" />
120+
</h1>
121+
122+
| Shortcuts | Functionality |
123+
|:----------|------|
124+
|cmd-k v or ctrl-k| Open preview to the Side|
125+
|cmd-shift-v or ctrl-shift-v | Open preview |
99126

100127
## Badges
101128

@@ -112,7 +139,6 @@ Depending on what you are making, it can be a good idea to include screenshots o
112139
The safest way to keep the files is to create a folder of screenshots, github, assets, resources or whatever name you want and leave the files in it. If you use an image or gif CDN it may work but you risk breaking the link someday.
113140

114141
-------------
115-
116142
### GIF Image
117143
<p align="center">
118144
<img src=".github/Readmedemo.gif" alt="GIF" width="700px" />
@@ -258,8 +284,6 @@ Offer people a form of contact. It can be any combination of contacts, a chat r
258284
Status: Required
259285

260286
If you have ideas for releases in the future, it is a good idea to list them in the README.
261-
Contributing
262-
263287
State if you are open to contributions and what your requirements are for accepting them.
264288

265289
For people who want to make changes to your project, it's helpful to have some documentation on how to get started. Perhaps there is a script that they should run or some environment variables that they need to set. Make these steps explicit. These instructions could also be useful to your future self.
@@ -300,7 +324,7 @@ Show your appreciation to those who have contributed to the project.
300324
<tr align=center>
301325
<td>
302326
<a href="https://github.com/shyoutarou">
303-
<img width="200" height="180" src="https://avatars3.githubusercontent.com/u/66930143?s=460&u=9a46318c1563414a627c432d89b8ae53bf359430&v=4">
327+
<img width="200" height="180" style="border-radius: 50%;" src="https://avatars3.githubusercontent.com/u/66930143?s=460&u=9a46318c1563414a627c432d89b8ae53bf359430&v=4">
304328
</a>
305329
</td>
306330
</tr>
@@ -311,6 +335,9 @@ Show your appreciation to those who have contributed to the project.
311335

312336
Status: Required
313337

338+
* Banner
339+
- [Laravel Collective](https://laravelcollective.com/tools/banner)
340+
314341
* MarkDown
315342
- [Editor.md](https://pandao.github.io/editor.md/en.html)
316343
- [Dillinger](https://dillinger.io/)
@@ -320,11 +347,16 @@ Status: Required
320347
* Badges
321348
- [Shields](https://shields.io/)
322349
- [How to Make Custom Badges](https://dev.to/milkers/how-to-make-custom-badges-to-improve-your-markdown-documents-460k)
350+
- [Badger](http://badges.github.io/badgerbadgerbadger/)
351+
352+
* GIFS
353+
- [Recordit](https://recordit.co/)
354+
- [ttystudio](https://github.com/chjj/ttystudio)
323355

324356
* Guias
325357
- [Como fazer um bom README](https://blog.rocketseat.com.br/como-fazer-um-bom-readme/)
326358
- [Make a README](https://www.makeareadme.com/)
327-
359+
- [sampleREADME.md](https://gist.github.com/fvcproductions/1bfc2d4aecb01a834b46)
328360

329361
## 📜 License
330362

README.md

Lines changed: 43 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
11

22

33
<h1 align="center">
4-
<img alt="Banner" title="#Banner" style="object-fit: cover; height:250px;" src=".github/readmebanner.png" />
4+
<a href="https://laravelcollective.com/tools/banner">
5+
<img alt="Banner" title="#Banner" style="object-fit: cover; height:250px;" src=".github/readmebanner.png" />
6+
</a>
57
</h1>
68

79
# 📝 README-Model
@@ -96,6 +98,31 @@ Deixe as pessoas saberem o que seu projeto pode fazer especificamente. Forneça
9698
Status: Opcional
9799

98100
Descrição do Motivo
101+
------------------------
102+
103+
## ❔ Sobre o README
104+
105+
Cada projeto é diferente, portanto, considere quais dessas seções se aplicam ao seu. As seções usadas no modelo são sugestões para a maioria dos projetos de código aberto. Também tenha em mente que, embora um README possa ser muito longo e detalhado, muito longo é melhor do que muito curto.
106+
107+
Se você acha que seu README é muito longo, considere utilizar outra forma de documentação em vez de cortar as informações. Essa é uma sugestão de estrutura, cada um pode fazer conforme a necessidade do projeto. Vamos agora cobrir cada um dos tópicos da estrutura e outros pontos adicionais.
108+
109+
### ⌨️ O que é Markdown?
110+
111+
O Markdown é uma ferramenta de conversão de texto em HTML. Você escreve usando texto simples de fácil leitura e fácil escrita e depois é transformado em um HTML válido.
112+
113+
Markdown foi criado por John Gruber e Aaron Swartz e seu código fonte foi escrito em Perl. O site oficial é esse [aqui](https://daringfireball.net/projects/markdown/)
114+
115+
[Detalhes](https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet)
116+
117+
É possível visualizar o MarkDown dentro do VS Code adicionando uma extensão:
118+
<h1 align="center">
119+
<img alt="VSCode" title="#VSCode" style="object-fit: cover; height:300px;" src=".github/markdown.png" />
120+
</h1>
121+
122+
| Shortcuts | Functionality |
123+
|:----------|------|
124+
|cmd-k v or ctrl-k| Open preview to the Side|
125+
|cmd-shift-v or ctrl-shift-v | Open preview |
99126

100127
## Badges
101128

@@ -136,7 +163,7 @@ Status: Obrigatório
136163
- [x] Login / Logout
137164
- [x] Permanecer logado - Token
138165

139-
[Detalhes](Aula03.md)
166+
[Detalhes](https://gist.github.com/fvcproductions/1bfc2d4aecb01a834b46)
140167

141168
## ⚙ Instalação
142169

@@ -294,7 +321,7 @@ Mostre sua gratidão àqueles que contribuíram para o projeto.
294321
<tr align=center>
295322
<td>
296323
<a href="https://github.com/shyoutarou">
297-
<img width="200" height="180" src="https://avatars3.githubusercontent.com/u/66930143?s=460&u=9a46318c1563414a627c432d89b8ae53bf359430&v=4">
324+
<img width="200" height="180" style="border-radius: 50%;" src="https://avatars3.githubusercontent.com/u/66930143?s=460&u=9a46318c1563414a627c432d89b8ae53bf359430&v=4">
298325
</a>
299326
</td>
300327
</tr>
@@ -305,6 +332,9 @@ Mostre sua gratidão àqueles que contribuíram para o projeto.
305332

306333
Status: Obrigatório
307334

335+
* Banner
336+
- [Laravel Collective](https://laravelcollective.com/tools/banner)
337+
308338
* MarkDown
309339
- [Editor.md](https://pandao.github.io/editor.md/en.html)
310340
- [Dillinger](https://dillinger.io/)
@@ -314,10 +344,20 @@ Status: Obrigatório
314344
* Badges
315345
- [Shields](https://shields.io/)
316346
- [How to Make Custom Badges](https://dev.to/milkers/how-to-make-custom-badges-to-improve-your-markdown-documents-460k)
347+
- [Badger](http://badges.github.io/badgerbadgerbadger/)
348+
349+
* GIFS
350+
- [Recordit](https://recordit.co/)
351+
- [ttystudio](https://github.com/chjj/ttystudio)
317352

318353
* Guias
319354
- [Como fazer um bom README](https://blog.rocketseat.com.br/como-fazer-um-bom-readme/)
320355
- [Make a README](https://www.makeareadme.com/)
356+
- [sampleREADME.md](https://gist.github.com/fvcproductions/1bfc2d4aecb01a834b46)
357+
358+
359+
360+
321361

322362
## 📜 Licença
323363

0 commit comments

Comments
 (0)