GitHub 및 Gitbucket의 탭 너비 변경

7273 단어 GitHubGitBucket

입문


직장에서는 GitBucket을 사용합니다.
GitBucket은 다색 씨가 개발한 GitHub의 복제 프로그램으로 Scala로 작성하여 내부 네트워크 내에서 구축할 수 있다.
탭 너비 4로 만든 프로그램이 있을 때, GitBucket 웹 페이지에서 볼 때, 탭 너비 8로 표시됩니다.이렇게 되면 변수 옆에 적힌 댓글문은 라벨 너비 4에 일치하지만 라벨 너비 8에서 보면 울퉁불퉁해진다.
인터넷에서 찾아보니 브라우저의 탭 폭이 기본적으로 8이기 때문이다.

캡처 소프트웨어 소개


이번에 스냅 소프트웨어는 처음으로 스크린 압력을 사용했다.나는 강조 표시가 가능한 화살표와 글꼴 등을 좋아한다. ※나는 공짜판을 쓴다.
  • 화면 캡처의 자유 소프트웨어 Screenpresso 최강의 일!
  • 블로거 꼭 보세요!이미지의 음영·고광 가공이 가능한 "Screenpresso"를 추천합니다!
  • 지원


    Firefox/GoogleChrome에는 사용자 스타일시트(사용자 CSS)라는 기능이 있습니다. CSS를 설정하여 디스플레이를 우선적으로 변경할 수 있습니다.
    Windows 버전 GoogleChrome은 아래에 설정 파일이 있습니다.
    C:\Users\(ユーザー名)\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets\Custom.css
    

    확장 기능


    브라우저 확장 기능은 사이트별로 사용자 스타일시트를 관리할 수 있습니다.
    "Stylish"로 유명하지만 2018년 7월 웹 열람 이력서를 수집해 발송해 정책을 위반했기 때문에 이번에는'Stylus'로 대체했다.
    열람 이력서를 수집한 "Stylish" 확장 기능 "Chrome 온라인 스토어" 에서 삭제
    icrosoft Edge는 Tampermonkey와 유사한 확장 기능을 제공합니다.
    ※ Tampermonkey에도 Chrome 버전이 있습니다.
    모서리에 네트 디자인을 덮어쓸 수 있는 사용자 스타일시트 적용
    IE에는 사용자 스타일시트 기능이 없는 것 같습니다.

    스타일 설정


    설치


    Chrome 네트워크 스토어에서 "Stylus"를 설치합니다.
    https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=ja
    Chrome 확장 "Stylus" 사용 방법 (1) 가져오기/아이콘 기능 메뉴/옵션

    프로비저닝


    Stylus 아이콘을 마우스 왼쪽 버튼으로 클릭할 때 화면에서 관리 버튼을 클릭합니다.

    새 스타일 만들기 버튼을 클릭합니다.

    스타일을 편집합니다.

    이번 스타일 이름은'tab-size4'입니다.
    코드 1을 설정합니다.
    참조: How to change tab size on GitHub? - stackoverflow
    .tab-size {
      -webkit-tab-size: 4 !important;
         -moz-tab-size: 4 !important;
           -o-tab-size: 4 !important;
              tab-size: 4 !important;
    }
    
    [2018/10/22 추기]
    직장의 GitBucket 3.10에서 ".tab-size"라벨 폭은 변경되지 않았지만 "pre"라벨 폭은 변경되었습니다.직장에서 다음과 같이 개작하다.
    pre, .tab-size {
      -webkit-tab-size: 4 !important;
         -moz-tab-size: 4 !important;
           -o-tab-size: 4 !important;
              tab-size: 4 !important;
    }
    
    저장 버튼을 클릭합니다.
    이번 적용 대상은'모두'이지만 적용 대상을 제한할 수 있다.

    확인


    jquery/src/core.js에서 옵션 카드를 사용하고 있습니다. 확인하십시오.
    https://github.com/jquery/jquery/blob/master/src/core.js

    [적용 전]

    [적용 후]

    URL 매개 변수


    GitHub는 URL 매개 변수를 통해 임시로 레이블 크기를 지정할 수 있습니다.
    TAB 너비가 2인 경우 URL 끝에'?ts=2'를, TAB 너비가 4인 경우 URL 끝에'?ts=4'를 추가합니다.
    예제 https://github.com/jquery/jquery/blob/master/src/core.js?ts=4

    마지막


    브라우저의 탭 폭은 기본적으로 8이며, 많은 편집기가 탭 폭 4로 설정되어 있습니다.
    현재 자신의 원본 코드는 거의 라벨을 공간으로 바꾸었기 때문에 자신의 말만 문제없지만 직장 같은 것은 통일되지 않았다.
    사용자 스타일시트가 재미있어서 배경색을 바꿀 수도 있고, 평소에 보던 사이트의 글씨체를 좋아하는 글씨체로 바꿀 수도 있다.
    하지만 아이콘이 그림이 아닌 인터넷 글꼴이면 두부가 된다.
    Chrome 브라우저의 사용자 스타일시트에서 글꼴을 지정하지 않아 웹 글꼴을 표시할 수 없는 문제

    인용하다

  • Github의 라벨은 8글자로 보기 어려워서 extension으로 해결합니다.
  • 브라우저의 라벨 폭이 8개인 것을 좋아하지 않습니다.
  • GitHub의 탭 너비를 변경할 수 있습니다.
  • 좋은 웹페이지 즐겨찾기