Skip to content

Commit 4876cb0

Browse files
Merge pull request #793 from GVskl/FlattenLearningCurve_and_AddVisualStudio
Add Visual Studio as an alternative to edit DNN Docs articles. Additionally…
2 parents 3c1de20 + 3d5abce commit 4876cb0

23 files changed

Lines changed: 79 additions & 27 deletions

README.md

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -96,7 +96,7 @@ If you made some changes before making a branch (you are on branch **main** and
9696
git switch -c your-branch-name
9797
```
9898

99-
Next you can start editing documentation and saving files using your favorite text editor (Visual Studio Code, Atom, Sublime Text, Brackets Notedpad++, etc). When you are done with your changes you can verify the modified files. Some code editors will actually show a status of the modified files in their UI. If you want to verify it using the command line you can run the following command:
99+
Next you can start editing documentation and saving files using your favorite text editor (Visual Studio Code, Atom, Sublime Text, Brackets/Phoenix Code, Notepad++, etc). When you are done with your changes you can verify the modified files. Some code editors will actually show a status of the modified files in their UI. If you want to verify it using the command line you can run the following command:
100100

101101
```
102102
git status
@@ -122,7 +122,8 @@ Congratulations, you have created your first commit! The next step is to push yo
122122
git push -u origin your-branch-name
123123
```
124124

125-
Now your changes are available in your **fork** of the repository for anyone to view. Remember how you only have read access to the **upstream** (or offical repository)? Since we cannot push there, they need to pull. The next and last step is to propose your changes, or in other works, request from DNNDocs team to **pull** your changes, hence the name **pull request**. You can create a **pull request** directly in the browser, if you navigate the the origin or the upstream repositories any soon, you will see a banner showing the recent pushes and a button to create a pull request. If for some reason you do not see that banner, navigate to your fork and select your branch in the branches dropdown, you will see a "Create Pull Request" button.
125+
Now your changes are available in your **fork** of the repository for anyone to view. Remember how you only have read access to the **upstream** (or offical repository)? Since we cannot push there, they need to pull. The next and last step is to propose your changes, or in other works, request the DNNDocs team to **pull** your changes, hence the name **pull request**. You can create a **pull request** directly in the browser, if you navigate to the origin or the upstream repositories soon you will see a banner showing the recent pushes and a button to create a pull request. If for some reason you do not see that banner, navigate to your fork and select your branch in the branches dropdown, you will see a "Create Pull Request" button.
126+
![Create Pull Request Button](/images/GitHub_InBrowser_PullRequestButton.jpg)
126127

127128
**Congratulations, you just created your first pull request!**
128129

content/getting-started/contribution/dnn-docs/get-dnn-docs-running-locally/index.md

Lines changed: 31 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -2,20 +2,24 @@
22
uid: get-dnn-docs-running-locally
33
locale: en
44
title: Get DNN Docs Running Locally
5-
dnnversion: 09.02.00
5+
dnnversion: 10.02.00
66
---
77

88
# Get DNN Docs Running Locally
99

1010
The project uses the `docfx` library to pull XML comments from the DNN Platform source code and combine that with articles written in Markdown to form the documentation for DNN.
1111

12-
## Installing Git
12+
This page first explains how to use Git in contributing to DNN Docs. The second and last part does the same for Visual Studio.
13+
14+
## Using Git
15+
16+
### Installing Git
1317
If you do not have Git installed you will need to install Git first. You can find instructions on installing Git from [here](https://git-scm.com/book/en/v2/Getting-Started-Installing-Git)
1418

15-
## Installing dotnet
19+
### Installing dotnet
1620
Our cross-platform build scripts handle obtaining docfx for you, however you will need to have the latest .net SDK installed. [Download .NET](https://dotnet.microsoft.com/en-us/download)
1721

18-
## Setting Up the DNN Docs Project
22+
### Setting Up the DNN Docs Project
1923
The next step is to clone this repo. 'Cloning the repo' will simply create a copy of the repo (files and folders) on your local machine so that you can work with them.
2024

2125
Note the following example command clones the repo to the location of `c:\dev`. Update the `c:\dev` location to your location of choice on your machine.
@@ -28,7 +32,7 @@ The previous command will have created a folder called `DNNDocs` in the `c:\dev`
2832
c:\dev> cd DNNDocs
2933
```
3034

31-
## Running the DNN Docs Project Locally
35+
### Running the DNN Docs Project Locally
3236
You should now be able to run the development version of the docs locally with the following command:
3337

3438
```
@@ -52,9 +56,29 @@ Open that page up in your browser to see the documentation.
5256
5357
[http://localhost:8080](http://localhost:8080)
5458

55-
### Optional git integrations
59+
#### Optional git integrations
5660
We use a handful of plugins that will not work unless you have a valid authentication to github REST APIs. This step is optional but if not performed, you won't get some of the features like displaying contributors on pages. If you need to work in that area you will need to [Setup a git personal access token](https://docs.github.com/en/authentication/keeping-your-account-and-data-secure/managing-your-personal-access-tokens). Once that is created, copy your token (you will only view it once) and create a `.env` file at the root of the project with a line like this (everything after the `=` sign is the token you copied).
5761

5862
```
5963
GithubToken=github_pat_xxxxxxxxxx
60-
```
64+
```
65+
66+
## Using Microsoft Visual Studio
67+
68+
The following tutorial explains how to set DNN Docs Project up locally using Visual Studio 2026.
69+
As 'Repository location' use https://github.com/DNNCommunity/DNNDocs.git
70+
![Repository Location Screenshot](/images/DnnDocs_VS2026_CloneRepository.png)
71+
72+
- Clone a Git repository in Visual Studio
73+
https://learn.microsoft.com/en-us/visualstudio/version-control/git-clone-repository?view=visualstudio
74+
75+
Adjust the Push configuration for the DNN Docs Git repository to point to your fork/branch of the DNN Docs repoisitory on Github. Note the <YourGitHubUserName> part.
76+
![Visual Studio 2026 Commit Changes](/images/DnnDocs_VS2026_ManageRemotes1.png)
77+
![Visual Studio 2026 Commit Changes](/images/DnnDocs_VS2026_ManageRemotes2.png)
78+
![Visual Studio 2026 Commit Changes](/images/DnnDocs_VS2026_ManageRemotes3.png)
79+
80+
After having set up DNN Docs in the 'Solution Explorer' switch to 'Folder View'.
81+
![Solution Explorer Folder View Screenshot](/images/DnnDocs_VS2026_SolutionExplorer_Views.png)
82+
83+
Under the 'content' branch / folder you will find (the content of) the DNN Docs.
84+
![Content Folder View Screenshot](/images/DnnDocs_VS2026_SolutionExplorer_FolderView.png)

content/getting-started/contribution/dnn-docs/how-to-edit-an-article-in-browser/index.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
uid: how-to-edit-an-article-in-browser
33
locale: en
44
title: Edit an Article in the Browser
5-
dnnversion: 09.02.00
5+
dnnversion: 10.02.00
66
---
77

88
# Edit an Article in the Browser
@@ -14,16 +14,16 @@ The easiest way to edit a DNN Doc file is to edit it in the browser on GitHub.co
1414

1515
2. Click the ```Edit``` button icon.
1616

17-
![Edit article in browser](/images/edit-article-in-browser.jpg)
17+
![Edit article in browser](/images/GitHub_InBrowser_EditArticle.jpg)
1818

1919

2020

2121
3. Edit the markdown as needed, opt to "Create a New Branch", and propose the change.
2222

23-
![Edit Markdown in browser](/images/in-browser-pull-request.gif)
23+
![Edit Markdown in browser](/images/GitHub_InBrowser_PullRequest1.gif)
2424

2525

2626

2727
4. Update the title & submit the Pull Request
2828

29-
![Edit Markdown in browser](/images/In-Browser-Pull-Request-2.gif)
29+
![Edit Markdown in browser](/images/GitHub_InBrowser_PullRequest2.gif)

content/getting-started/contribution/dnn-docs/how-to-edit-an-article/index.md

Lines changed: 39 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -2,41 +2,41 @@
22
uid: how-to-edit-an-article
33
locale: en
44
title: Edit an Article
5-
dnnversion: 09.02.00
5+
dnnversion: 10.02.00
66
related-topics:
77
---
88

9-
# Edit an Article
9+
# Edit an Article (running DNN Docs Locally on Your Machine)
1010

1111
## Prerequisites
1212
1. **Get DNN Docs Running Locally**: In order to edit an article you need to get DNN Docs running locally on your machine. Follow the steps on the [Get DNN Docs Running Locally page](xref:get-dnn-docs-running-locally) before proceeding.
1313

1414
2. **Markdown**: Docs uses markdown syntax to format the docs files. Markdown is simple to pick up on. Familiarize yourself with the [Markdown Guide to DocFx](xref:markdown-guide-to-docfx) before making updates to content.
1515

1616

17-
Now that you've gotten DNN Docs running locally (congrats BTW!) we will talk through the steps for making an edit, previewing the edit, pushing it to your forked repo, then creating a Pull Request.
17+
Now that you've gotten DNN Docs running locally (congrats BTW!) we will talk through the steps for making an edit (in your local repo), previewing the (local) edit, pushing it to your forked repo (on the Github.com website), then creating a Pull Request on the Github.com website. First using Git; second using Visual Studio.
1818

19-
## Steps to Edit an Article & Create a Pull Request
19+
## Steps to Edit an Article & Create a Pull Request using Git
2020

21-
1. Fork the [DNN Docs Repo](https://github.com/DNNCommunity/DNNDocs) into your own Repo.
22-
![Fork DNN Docs Screenshot](/images/fork-screenshot.jpg)
21+
1. Fork the [DNN Docs Repo](https://github.com/DNNCommunity/DNNDocs) into your own Repo on Github.
22+
![Fork DNN Docs Screenshot](/images/GitHub_InBrowser_ForkDnnDocs.jpg)
2323

2424

2525

26-
2. Set your remote repositories. We will use the terms "upstream" and "origin". When you originally cloned the repo (in the "Getting DNN Docs Running Locally" pre-requisite) the ```origin``` was added for you implicitly.
26+
2. Set your remote repositories. We will use the terms "upstream" and "origin". Note: when you originally cloned the repo locally (in the "Getting DNN Docs Running Locally" pre-requisite) the locally cloned repo was named ```origin``` implicitly (as well).
2727

2828
Type ```git remote add upstream https://github.com/DNNCommunity/DNNDocs``` to add the main DNN Docs repo as your "upstream" repo
2929

3030
> [!NOTE]
3131
> Remotes can be named anything you like. Find out your remotes by typing ```git remote -v```
3232
33-
Type ```git remote -v``` to list your remotes. If you are new to Git then you should have 2 remotes. Your ```origin``` and ```upstream``` where ```origin``` is your forked repo and your ```upstream``` is the main DNN Docs repo.
33+
Type ```git remote -v``` to list your remotes. If you are new to Git then you should have 2 remotes. Your ```origin``` and ```upstream``` where ```origin``` is your forked repo and your ```upstream``` is the main DNN Docs repo; both on Github.
3434

3535
3. Create an [Issue](https://github.com/DNNCommunity/DNNDocs/issues) on GitHub that corresponds with the edit you're working on by clicking the "New Issue" button in the browser. Be sure to include relevant information providing context to the issue in the description/comment section. This helps reviewers understand what you're working on.
3636

3737
Make note of the issue number that GitHub generates.
3838

39-
![GitHub Issue Screenshot](/images/git-issue-screenshot.jpg)
39+
![GitHub Issue Screenshot](/images/GitHub_InBrowser_Issue.jpg)
4040

4141

4242
4. Create a new branch for your work. Typically branch names align with the issue number for ease of tracking.
@@ -56,13 +56,39 @@ Now that you've gotten DNN Docs running locally (congrats BTW!) we will talk thr
5656

5757

5858
9. Use ```git commit -m [INSERT YOUR COMMIT MESSAGE HERE]``` to commit your files. The ```-m``` stands for "message". Replace the *INSERT YOUR COMMIT MESSAGE HERE* text with brief and relevant text summarizing your commit
59-
10. Use ```git push origin [INSERT A NEW BRANCH NAME HERE]``` to push your updated files to your repo. Replace the *INSERT A NEW BRANCH NAME HERE* with the name of your new branch
59+
10. Use ```git push origin [INSERT A NEW BRANCH NAME HERE]``` to push your updated files to your remote repo (on Github with name ```origin```). Replace the *INSERT A NEW BRANCH NAME HERE* with the name of your new branch. In this example ```issue-107```
6060
11. Go to your forked GitHub repo on GitHub.com. GitHub should detect the updated code and prompt you to make a pull request.
61-
![Git compare and pull request screenshot](/images/git-compare-and-pull-request-screenshot.jpg)
61+
![Git compare and pull request screenshot](/images/GitHub_InBrowser_CompareAndPullRequest.jpg)
6262

63-
12. Create a Pull Request by clicking the "Compare and Create Pull Request" button. In the description/comments section be sure to include the text "Resolves ```#[INSERT ISSUE NUMBER HERE]``` where your previously created issue number is associated with this pull request.
63+
12. Create a Pull Request on Github.com by clicking the "Compare and Create Pull Request" button. In the description/comments section be sure to include the text "Resolves ```#[INSERT ISSUE NUMBER HERE]``` where your previously created issue number is associated with this pull request.
6464

65-
![Git pull request resolves](/images/git-pull-request-resolves-screenshot.jpg)
65+
![Git pull request resolves](/images/GitHub_InBrowser_PullRequestResolves.jpg)
66+
67+
68+
69+
## Steps to Edit an Article & Create a Pull Request using Visual Studio
70+
1. Cloning the repository from Visual Studio, as described on [Get DNN Docs Running Locally page](xref:get-dnn-docs-running-locally), has forked the [DNN Docs Repo](https://github.com/DNNCommunity/DNNDocs) into your own Repo on Github.
71+
2. Create an [Issue](https://github.com/DNNCommunity/DNNDocs/issues) on GitHub that corresponds with the edit you're working on by clicking the "New Issue" button in the browser. Be sure to include relevant information providing context to the issue in the description/comment section. This helps reviewers understand what you're working on.
72+
73+
Make note of the issue number that GitHub generates.
74+
75+
![GitHub Issue Screenshot](/images/GitHub_InBrowser_Issue.jpg)
76+
3. Create a new branch for your work using Visual Studio menu item 'Git...New Branch..'
77+
![Visual Studio 2026 Create New Branch](/images/DnnDocs_VS2026_CreateNewBranch.png)
78+
79+
For more elaborate instructions on how to create a new branch in Visual Studio see https://learn.microsoft.com/en-us/visualstudio/version-control/git-create-branch?view=visualstudio.
80+
6. Make your edits.
81+
7. Preview your work and files locally using the 'Git Changes' tab in Visual Studio.
82+
![Visual Studio 2026 Git Changes Tab](/images/DnnDocs_VS2026_GitChangesTab.png)
83+
84+
8. Commit the changed and added files by clicking 'Commit All and Push'.\
85+
![Visual Studio 2026 Commit Changes](/images/DnnDocs_VS2026_GitChanges_CommitAllAndPush.png)
86+
9. Go to your forked GitHub repo on GitHub.com. GitHub should detect the updated code and prompt you to make a pull request.
87+
![Git compare and pull request screenshot](/images/GitHub_InBrowser_CompareAndPullRequest.jpg)
88+
89+
10. Create a Pull Request on Github.com by clicking the "Compare and Create Pull Request" button. In the description/comments section be sure to include the text "Resolves ```#[INSERT ISSUE NUMBER HERE]``` where your previously created issue number is associated with this pull request.
90+
91+
![Git pull request resolves](/images/GitHub_InBrowser_PullRequestResolves.jpg)
6692

6793

6894

content/getting-started/contribution/index.md

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
uid: getting-started-contribution
33
locale: en
44
title: DNN Contribution
5-
dnnversion: 09.05.00
5+
dnnversion: 10.02.00
66
---
77

88
# DNN Contribution
@@ -15,3 +15,4 @@ Learn the basic steps for [contributing to the **DNN Platform** project on GitHu
1515
Learn the basic steps for contributing to the **DNN Docs** project on GitHub, which powers **docs.dnncommunity.org**.
1616

1717
Please click the **Improve this Doc** button above to help us improve this page.
18+
![Improve this Doc Screenshot](/images/GitHub_InBrowser_ImproveThisDoc.png)
15.1 KB
Loading
6.33 KB
Loading
1.82 KB
Loading
11.8 KB
Loading
10.9 KB
Loading

0 commit comments

Comments
 (0)