Giter Site home page Giter Site logo

cjongseok / istio.github.io Goto Github PK

View Code? Open in Web Editor NEW

This project forked from istio/istio.io

0.0 2.0 0.0 22.75 MB

Source for the istio.io site

Home Page: https://istio.io/

License: Apache License 2.0

Makefile 0.08% HTML 87.27% Ruby 0.05% Shell 1.06% JavaScript 6.49% CSS 5.04%

istio.github.io's Introduction

istio.github.io

This repository contains the source code for the istio.io, preliminary.istio.io and archive.istio.io sites.

Please see the main Istio README file to learn about the overall Istio project and how to get in touch with us. To learn how you can contribute to any of the Istio components, please see the Istio contribution guidelines.

Editing and testing content

We use Hugo to generate our sites. To build and test the site locally, we use a docker image that contains Hugo. To build and serve the site, simply go to the root of the tree and do:

$ make serve

This will build the site and start a web server hosting the site. You can then connect to the web server at http://localhost:1313.

All normal content for the site is located in the content directory, as well as in sibling translated directories such as content_zh.

Linting

We use linters to ensure some base quality to the site's content. We currently run 3 linters as a precommit requirement:

  • HTML proofing, which ensures all your links are valid along with other checks.

  • Spell checking.

  • Style checking, which makes sure your markdown files comply with our common style rules.

You can run these linters locally using:

$ make build
$ make gen
$ make lint

If you get spelling errors, you have three choices to address it:

  • It's a real typo, so fix your markdown.

  • It's a command/field/symbol name, so stick some backticks around it.

  • It's really valid, so go add the word to the .spelling file at the root of the repo.

Site infrastructure

Here's how things work:

  • Primary site content is in the content directory. This is mostly markdown files which Hugo processes into HTML.

  • Additional site content is in the static directory. These are files that Hugo directly copies to the site without any processing.

  • The src directory contains the source material for certain files from the static directory. You use

    $ make build

    to build the material from the src directory and refresh what's in the static directory.

Versions and releases

Istio maintains three variations of its public site.

  • istio.io is the main site, showing documentation for the current release of the product.

  • archive.istio.io contains snapshots of the documentation for previous releases of the product. This is useful for customers still using these older releases.

  • preliminary.istio.io contains the actively updated documentation for the next release of the product.

The user can trivially navigate between the different variations of the site using the gear menu in the top right of each page. All three sites are hosted on Netlify.

How versioning works

  • Documentation changes are primarily committed to the master branch of istio.github.io. Changes committed to this branch are automatically reflected on preliminary.istio.io.

  • The content of istio.io is taken from the latest release-XXX branch. The specific branch that is used is determined by the istio.io Netlify project's configuration.

  • The content of archive.istio.io is taken from the older release-XXX branches. The set of branches that are included on archive.istio.io is determined by the TOBUILD variable in this script

The above means that if you want to do a change to the main istio.io site, you will need to make the change in the master branch of istio.github.io and then merge that change into the current release branch.

Publishing content immediately

Checking in updates to the master branch will automatically update preliminary.istio.io, and will only be reflected on istio.io the next time a release is created, which can be several weeks in the future. If you'd like some changes to be immediately reflected on istio.io, you need to check your changes both to the master branch and to the current release branch (named release-XXX such as release-0.7).

Creating a version

Here are the steps necessary to create a new documentation version. Let's assume the current version of Istio is 0.6 and you wish to introduce 0.7 which has been under development.

Updating branches

  1. Switch to the istio/istio.github.io repo and make sure everything is up to date.

  2. Create a new release branch off of master, named as release-major.minor, which in this case would be release-0.7. There is one such branch for every release.

  3. In the master branch, edit the file data/args.yml and update the version field to have the version of the next release of Istio. In this case, you would set the field to 0.8.

  4. In the master branch, edit the file data/releases.yml and add a new entry at the top of the file for version 0.8. You'll need to make sure the URLs are updated for the first few entries. The top entry (0.8) should point to preliminary.istio.io. The second entry (0.7) should point to istio.io. The third and subsequent entries should point to archive.istio.io.

  5. In the master branch, add a placeholder markdown file for the next release's release notes as content/about/notes/<major>.<minor>/index.md.

  6. Commit the previous three edits to GitHub.

  7. In the release branch you created, edit the file data/args.yml. Set the preliminary field to false.

  8. In the release branch, edit the file data/releases.yml and add a new entry at the top of the file for version 0.8. You'll need to make sure the URLs are updated for the first few entries. The top entry (0.8) should point to preliminary.istio.io. The second entry (0.7) should point to istio.io. The third and subsequent entries should point to archive.istio.io.

  9. Commit the previous two edits to GitHub.

  10. Go to the Google Custom Search Engine and create a new search engine that searches the archive.istio.io/V<major>.<minor> directory. This search engine will be used to perform version-specific searches on archive.istio.io.

  11. Once the search engine is created, download the CSE context XML file and set the nonprofit property from false to true. Upload the edited CSE context file back to the web site.

  12. In the previous release's branch (in this case release-0.6), edit the file data/args.yml. Set the archive field to true, the archive_date field to the current date, the search_engine_id field to the ID of the search engine you created in the prior step, and the branch_name field to the name of the branch.

  13. Commit the previous edit to GitHub.

Updating archive.istio.io

  1. Switch to the istio/admin-sites repo.

  2. Navigate to the archive.istio.io directory.

  3. Edit the build.sh script to add the newest archive version (in this case release-0.6) to the TOBUILD variable.

  4. Commit the previous edit to GitHub.

Updating istio.io

  1. Go to the istio.io project on Netlify

  2. Change the branch that is built from the old release branch to the new release branch

  3. Select the option to trigger an immediate rebuild and redeployment.

  4. Once deployment is done, browse istio.io and make sure everything looks good.

istio.github.io's People

Contributors

andraxylia avatar ayj avatar christian-posta avatar davetropeano avatar diemtvu avatar douglas-reid avatar frankbu avatar geeknoid avatar greghanson avatar gyliu513 avatar ijsnellf avatar imgbot[bot] avatar jasminejaksic-zz avatar jsenon avatar kyessenov avatar ldemailly avatar linsun avatar lisafc avatar mandarjog avatar myidpt avatar rootsongjc avatar rshriram avatar ryangrahamnc avatar salrashid123 avatar smawson avatar tahler avatar vadimeisenbergibm avatar wattli avatar ymesika avatar zackbutcher avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.