-
Notifications
You must be signed in to change notification settings - Fork 3.9k
Create npm-grunt.yml #1211
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: main
Are you sure you want to change the base?
Create npm-grunt.yml #1211
Conversation
Thanks for your pull request! It looks like this may be your first contribution to a Google open source project. Before we can look at your pull request, you'll need to sign a Contributor License Agreement (CLA). View this failed invocation of the CLA check for more information. For the most up to date status, view the checks section at the bottom of the pull request. |
Skip to main content Wer kann dieses Feature verwenden? In diesem Artikel A first-level headingA second-level headingA third-level headingScreenshot des gerenderten GitHub-Markdown mit Beispielen für die Überschriften h1, h2 und h3, die in Schriftgröße und visueller Gewichtung abnehmen, um die Hierarchieebene anzuzeigen Wenn du mindestens zwei Überschriften verwendest, generiert GitHub automatisch ein Inhaltsverzeichnis, auf das du zugreifen kannst, indem du innerhalb des Dateiheaders auf klickst. Die einzelnen Überschriftentitel werden im Inhaltsverzeichnis aufgeführt, und du kannst auf einen Titel klicken, um zum gewünschten Abschnitt zu navigieren. Screenshot einer Infodatei mit dem Dropdownmenü für das Inhaltsverzeichnis, das verfügbar gemacht wird. Das Symbol für das Inhaltsverzeichnis ist in dunklem Orange eingerahmt. Formatieren von Text Style Syntax Tastenkombinationen Beispiel Output Text that is not a quote
Screenshot des gerenderten GitHub-Markdown mit dem Unterschied zwischen normalem und zitierten Text Hinweis In einer Unterhaltung kannst du Text in einem Kommentar automatisch zitieren, indem du den Text markierst und anschließend R drückst. Wenn du einen vollständigen Kommentar zitieren möchtest, kannst du auf und anschließend auf Antwort mit Zitat klicken. Weitere Informationen zu Tastenkombinationen findest du unter Tastenkombinationen. Code zitieren Use Um Code oder einen Text in einem eigenen Absatz zu formatieren, verwende dreifache Backticks. Some basic Git commands are:
Screenshot des gerenderten GitHub-Markdown mit einem einfachen Codeblock ohne Syntaxmarkierung Weitere Informationen finden Sie unter Code-Blöcke erstellen und markieren. Wenn du häufig Codeausschnitte und Tabellen bearbeitest, profitierst du möglicherweise von einer Schriftart mit fester Breite in allen Kommentarfeldern auf GitHub. Weitere Informationen finden Sie unter Informationen zum Schreiben und Formatieren bei GitHub. Unterstützte Farbmodelle The background color is Hier findest du die derzeit unterstützten Farbmodelle. Color Syntax Beispiel Output Ein unterstütztes Farbmodell darf keine führenden oder nachgestellten Leerzeichen innerhalb der Backticks aufweisen. Du kannst auch einen Markdownlink erstellen, indem du den Text markierst und die Tastenkombination BEFEHL+V verwendest. Wenn du den Text durch den Link ersetzen möchtest, verwende die Tastenkombination BEFEHL+UMSCHALT+V. This site was built using GitHub Pages. Screenshot des gerenderten GitHub-Markdowns, der zeigt, wie Text in Klammern, „GitHub Pages“, als blauer Link angezeigt wird. Hinweis GitHub erstellt automatisch Links, wenn du gültige URLs in einen Kommentar einfügst. Weitere Informationen finden Sie unter Automatisch verlinkte Verweise und URLs. Links zu Abschnitten Screenshot einer Infodatei für ein Repository. Links neben einer Abschnittsüberschrift ist ein Linksymbol dunkelorange umrandet. Wenn Sie den Anker für eine Überschrift in einer von Ihnen bearbeiteten Datei bestimmen müssen, können Sie sich an die folgenden Grundregeln halten: Buchstaben werden in Kleinbuchstaben konvertiert. Der folgende Codeblock veranschaulicht die Grundregeln zum Generieren von Ankern aus Überschriften in gerenderten Inhalten. Example headingsSample SectionThis'll be a Helpful Section About the Greek Letter Θ!A heading containing characters not allowed in fragments, UTF-8 characters, two consecutive spaces between the first and second words, and formatting. This heading is not unique in the fileTEXT 1 This heading is not unique in the fileTEXT 2 Links to the example headings aboveLink to the sample section: Link Text. Link to the helpful section: Link Text. Link to the first non-unique section: Link Text. Link to the second non-unique section: Link Text. Wenn Sie eine Überschrift bearbeiten oder die Reihenfolge von Überschriften mit „identischen“ Ankern ändern, müssen Sie auch Links zu diesen Überschriften aktualisieren, da sich die Anker ändern. Relative Links Ein relativer Link ist ein Verknüpfung, die relativ zur aktuellen Datei ist. Wenn sich beispielsweise eine README-Datei im Root deines Repositorys und eine andere Datei in docs/CONTRIBUTING.md befindet, sieht der relative Link zu CONTRIBUTING.md in deiner README-Datei wie folgt aus: Contribution guidelines for this project Ihr Linktext sollte sich in einer einzelnen Zeile befindet. Das folgende Beispiel funktioniert nicht. Contribution Benutzerdefinierte Anker Hinweis Benutzerdefinierte Anker werden nicht in die Dokumentgliederung/das Inhaltsverzeichnis aufgenommen. Sie können eine Verknüpfung mit einem benutzerdefinierten Anker unter Verwendung des Wert des Attributs name herstellen, das Sie dem Anker gegeben haben. Die Syntax ist genau gleich wie beim Verknüpfen mit einem Anker, der für eine Überschrift automatisch generiert wird. Zum Beispiel: Section HeadingSome body text of this section.
(… more content…) A link to that custom anchor Benutzerdefinierte Anker werden vom automatischen Benennungs- und Nummerierungsverhalten automatischer Überschriftenlinks nicht berücksichtigt. Zeilenumbrüche This example Schließe am Ende der ersten Zeile zwei Leerzeichen ein. This example This example This example This example Will have a blank line separating both lines Screenshot eines Kommentars zu einem GitHub-Issue, das ein im Markdown hinzugefügtes Bild von Octocat zeigt, die lächelt und einen Tentakel hebt. GitHub unterstützt das Einbetten von Bildern in Issues, Pull Requests, Diskussionen, Kommentare und Dateien vom Typ .md. Du kannst ein Bild aus deinem Repository anzeigen, einen Link zu einem Onlinebild hinzufügen oder ein Bild hochladen. Weitere Informationen findest du unter Hochladen von Ressourcen. Hinweis Wenn du ein Bild anzeigen möchtest, das sich in deinem Repository befindet, solltest du keine absoluten Links, sondern relative Links verwenden. Hier findest du einige Beispiele für die Verwendung relativer Links zum Anzeigen eines Bilds. Kontext Relativer Link Die letzten beiden relativen Links in der obigen Tabelle funktionieren nur für Bilder in einem privaten Repository, wenn der Betrachter mindestens Lesezugriff auf das private Repository besitzt, das die Bilder enthält. Weitere Informationen findest du unter Relative Links. Das Bildelement Listen
Um deine Liste zu ordnen, stelle jeder Zeile eine Zahl voran.
Verschachtelte Listen Beim Web-Editor in GitHub oder bei einem Text-Editor wie Visual Studio Code, der eine Festbreitenschriftart verwendet, kannst du deine Liste visuell ausrichten. Gib vor dem einzurückenden Listenelement so viele Leerzeichen ein, bis das Listenzeichen (- oder *) direkt unter dem ersten Zeichen des darüber liegenden Elements liegt.
Im webbasierten Editor kannst du eine oder mehrere Textzeilen ein- oder ausrücken, indem du zuerst die gewünschten Zeilen markierst und dann TAB bzw. UMSCHALT+TAB drückst. Screenshot von Markdown in Visual Studio Code mit Einzug geschachtelter nummerierter Zeilen und Aufzählungszeichen Screenshot des gerenderten GitHub-Markdown mit einem nummerierten Element gefolgt von geschachtelten Aufzählungszeichen auf zwei verschiedenen Schachtelungsebenen Um eine verschachtelte Liste im Kommentar-Editor auf GitHub zu erstellen, der keine nicht proportionale Schriftart verwendet, kannst du dir das Listenelement direkt über der verschachtelten Liste ansehen und die Anzahl der Zeichen zählen, die vor dem Inhalt dieses Elements stehen. Gib diese Anzahl an Leerzeichen dann vor dem untergeordneten Listenelement ein. In diesem Beispiel kannst du ein untergeordnetes Listenelement unter dem Listenelement 100. First list item hinzufügen, indem du das untergeordnete Listenelement mindestens fünf Leerzeichen weit einrückst, da sich vor First list item fünf Zeichen (100. ) befinden.
Du kannst mit derselben Methode mehrere Ebenen an verschachtelten Listen erstellen. Ein Beispiel: Da das erste geschachtelte Listenelement vor dem geschachtelten Listeninhalt First nested list item sieben Zeichen (␣␣␣␣␣-␣) enthält, musst du das zweite geschachtelte Listenelement um mindestens zwei weitere Zeichen (mindestens neun Leerzeichen) einrücken.
Weitere Beispiele findest du in der Spezifikation zu GitHub Flavored Markdown. Aufgabenlisten
Wenn die Beschreibung eines Aufgabenlistenelements mit einer Klammer beginnt, muss die Klammer mit dem Escapezeichen \ versehen werden:
Weitere Informationen finden Sie unter Informationen zu Aufgabenlisten. Personen und Teams erwähnen Hinweis Eine Person wird nur über eine Erwähnung benachrichtigt, wenn die Person Lesezugriff auf das Repository hat. Falls das Repository einer Organisation gehört, muss die Person außerdem der Organisation angehören. @github/support What do you think about these updates? Screenshot des gerenderten GitHub-Markdowns, der zeigt, wie die Erwähnung des Teams @github/support als anklickbarer Text in Fettformatierung dargestellt wird. Wenn du ein übergeordnetes Team erwähnst, erhalten auch die Mitglieder untergeordneter Teams Benachrichtigungen, was die Kommunikation mit mehreren Personengruppen erleichtert. Weitere Informationen finden Sie unte |
Skills
GitHub Skills Quickstart Guide
Build your own GitHub Actions-powered courses in a few simple steps.
This guide covers planning your course, building your course, and best practices for GitHub Actions-powered courses.
Take a look at our GitHub Skills courses for examples and templates.
Table of contents
Author prerequisites
Planning your course
Set up your repository
Writing your README
Writing your Actions workflow files
Testing and monitoring your course
Best practices for building courses
Author prerequisites
Course authors should be familiar with Markdown, YAML, and GitHub Actions before starting to make their own courses.
Some courses will require knowledge of GitHub CLI and command line.
Planning your course
Write down your learning goals
Does your course give the learner something practical to work on?
Learners prefer working on real projects over examples.
How can the learner use this project after they finish the course?
What specific skill does the learner leave your course with?
Focus on what the learner will be able to do after they complete the course.
Is an Actions-based course right for your goal?
Does the learning experience benefit from step-by-step, in-repository learning?
Outline your steps
Does this workflow match what the learner will do in the “real world”?
If you were teaching your friend, how would you interact with them in the repository?
Does each step build towards the skills you’ve identified?
Can you teach the skill in three to five small steps?
Most learners tend to drop off after 30-45 minutes.
We’ve found that it takes learners about four times the length of an expert to complete a course.
If your course needs more steps, consider splitting your learning objective into multiple courses.
Does the order of the steps build the learner’s knowledge in each step?
Each step should reference and build on the knowledge in the previous steps.
Does each step relate to the main learning goal?
You can use GitHub Actions and GitHub CLI to automate any needed steps that don’t build towards the learning goal.
Set up your repository
Start by clicking “Use this template” on our course template.
Check the box for “Template repository” either when setting up your repository, or in the repository settings afterwards. Actions are not enabled by default in forks.
Add a 1280×640 social image. Learners will share your course on different websites that will pull in the social image.
Enable the automatically delete head branches setting.
Add a LICENSE file to your repository.
Add a .gitignore file. You can see an example .gitignore. We recommend at minimum ignoring operating system generated files.
Include skills-course in the repository topics.
Writing your README
Your README file will have a few sections: a header, a start step, three to five workflow steps, a finish step, and a footer.
The raw source of the README in Introduction to GitHub includes many comments you can use to guide the development of your course’s README file.
Writing your README: Header
Start with a short paragraph describing what you’ll teach. Be sure to include information on how the course is relevant to the learner. This paragraph should answer the question, “Why should I take this course?”
Include the course title in sentence case, and a concise description in emphasis.
Writing your README: Start
A brief paragraph should describe the goal of the course, what the learner will learn, and why they should take the course.
A brief list of the following items can help the learner decide if the course is right for them:
Who is this for
What you’ll learn
What you’ll build
Prerequisites
How long the course is (time and steps)
Include clear directions on how to start the course.
Writing your README: Steps
Each step should:
Acknowledge the learner completed the previous step, using emphasis (italics).
Concisely describe the concept behind the next step. Link to GitHub docs for more in-depth explanation.
Describe what the learner is about to do
Mark the activity with ### ⌨️ Activity: Specific description
Use an ordered list to briefly describe what the learner needs to do
Let the learner know it will need about 20 seconds and refresh to move on to the next step
Include warning and troubleshooting information if the learner gets stuck
Try to keep your formatting consistent so the learner can more easily find what they are looking for.
The first step is the hardest, so pick something easy! On the first step, encourage users to open new tabs for steps.
Writing your README: Finish
In the finish section,
Celebrate that the learner finished the course
Include an celebratory image
Review what the learner just did
Provide next steps for learners who want to know more
Invite feedback about the course
Writing your README: Footer
Include a link for how learners should get help if they get stuck or have further questions
Include a link to the GitHub status page. If GitHub Actions is down, the course won’t work.
Include copyright information and a link to the license
Include Code of Conduct and other contributing information
The footer should not be included in the finish section. The footer should appear regardless of which step the learner is currently on.
Writing your Actions workflow files
Writing your Actions workflow files: Connect your steps to GitHub Actions events
Every step will have an Actions workflow file that triggers on GitHub Actions events. Start by reviewing which event corresponds with each of your steps.
Writing your Actions workflow files: Identify what GitHub Actions will need to do in each step
You can use GitHub CLI in your Actions workflows to perform almost any GitHub interaction you can think of. Write down everything each step will need to do to complete the step. Store links for reference as your work on your course.
Writing your Actions workflow files: Sections of the workflow file
Take a look at Introduction to GitHub for example workflow files.
Each workflow file has the name format: N-brief-summary.yml, where N is the step number and brief-summary describes the step. We recommend this format to make it easy to see the order the steps will run in.
Each workflow file will have a few sections, the name, describing comments, event trigger, job header, and steps.
The first section is the name:
name: Step 0, Start
Next, add comments describing what the Actions workflow will do:
This step triggers after the learner creates a new repository from the template.
This step updates from step 1 to step 2.
Followed by the event trigger:
This will run every time we create push a commit to
main
.Reference: https://docs.github.com/en/actions/learn-github-actions/events-that-trigger-workflows
on:
workflow_dispatch:
push:
branches:
- main
Next is the job header. You can add if tags to limit the scope of the event trigger here. You’ll also need to specify runs-on to get your Actions workflow running.
jobs:
on_start:
name: On start
Last, we are finally in the steps of the Actions workflow. This is the heart of the file, where you can customize your course the most.
You may include the update step action in your course, however it is not fully required. You may also customize this script to meet the needs of your course.
Include thorough comments in your workflow files to describe each section. Other authors and your future self will thank you later.
Testing and monitoring your course
Click on “Use this template” and run through your course on a your personal account. Does everything work? Do any actions go red?
Consider asking for both technical and content review.
Test your course with a potential learner.
Check in our your course regularly for any reported issues or out-of-date information.
Best practices for building courses
Not everyone reads docs! Many potential course authors will use your course as an example. Make sure to include lots of comments in your README and Actions workflow files.
Keep everything you need in the one course repository.
If you need your courses to have limited access, create an organization for your courses, make your courses private, and invite the specific users that need these courses to your organization.
Consider adding a Code of Conduct, contributing guide, and issue templates.
Keep the number of files and folders in the root directory short. More items in the root level means the README is further down the page.
Content
The more content you have, the more content you will have to update later. Be concise. Link to the GitHub Docs whenever you can.
Where does the learner go to get help? Add links to your README to let the learner know where to ask for help.
Make it as easy as possible for the learner to get started. Learners will give up if they don’t make some progress within a few minutes.
Write in casual, polite, active, and inspiring language. We’ve found courses perform better when they are more friendly.
Use emoji to convey a positive tone. Emoji can add to content, but use words to convey meaning.
Check spelling and grammar.
Limit use of acronyms, write out the full text instead.
Images can be helpful, but only when they are up-to-date.
Provide examples and templates to reduce how much work the learner needs to do to complete the step.
Follow the GitHub docs content style guide.
Actions workflows
You can do anything in your course that GitHub Actions can do. Review the GitHub Actions docs and some examples of GitHub Actions to get a feel for what all actions can do.
If you are building a course for your own organization, you can add your own analytics or learning management system integration as part of the Actions workflows.
Sharing your course
Your course only matters if potential learners know about it. Where can you link to your course? If public, is social media an option?
Make sure your course includes keywords and text that someone would search for in Google and other search engines.
© 2025 GitHub, Inc.
Terms
Privacy
Status
Pricing
Expert Services
Blog