跳转到导航 跳转到主要内容
头条
W3C技术联盟，2024 年回顾
CNB版本
社区版
cnb.cool
国外版
cnb.build
2018/06/08

Quick Tip: 在所有页面添加编辑 GitHub 链接

It’s nice to be able to instantly edit your HTML on GitHub when you spot an error or an improvement you can make. Why not facilitate this by adding an Edit this page on GitHub link to every page? You can see an example of this on our page footer.

Use a Layout File

Make sure you’re using a Layout file so that you can add these to a single place and have the links applied to all of your pages.

Here’s a sample:

…
    <footer>
      © 2019 Eleventy
    </footer>
  </body>
</html>

Edit your layout file to add the link. Provide the URL to the base of your repo and use the Eleventy provided {{ page.inputPath }} variable to point to the correct input file. Yes, this will also work with paginated templates.

…
    <footer>
      © 2019 Eleventy
      <a href="https://github.com/11ty/11ty-website/blob/main/{{ page.inputPath }}">Edit this page on GitHub</a>
    </footer>
  </body>
</html>

That’s it!