Hi everyone,
I have a question that isn’t strictly related to Hugo, but since we use it to generate our website, I wanted to start here.
We currently manage our product documentation using Hugo, GitLab, and Netlify. Our workflow involves merge requests, change suggestions, and approvals, with a preview version of the documentation automatically built by our CI toolchain for reviewers. While our developers and technical writers are comfortable with this process, our less technical colleagues often find it difficult to identify specific changes within the preview site.
I am looking for a solution to generate a version of the site that features “visual diffs,” allowing reviewers to see modifications directly on the updated web pages—similar to the “Track Changes” or Review ribbon in MS Word, where modified text is highlighted or underlined, with a list of changed/added/removed pages.
I have seen tools like html-diff-js and htmldiff that generate “friendly diffs” for single HTML pages, and I am wondering if anyone has successfully integrated these or similar tools with Hugo to create a comprehensive visual diff version of a site.
If you have any experience with this or can recommend a specific approach or tool that works well with a Hugo-based CI/CD pipeline, I would greatly appreciate your insights.
Thank you in advance,
Fred