GitHub 및 Gitbucket의 탭 너비 변경
입문
직장에서는 GitBucket을 사용합니다.
GitBucket은 다색 씨가 개발한 GitHub의 복제 프로그램으로 Scala로 작성하여 내부 네트워크 내에서 구축할 수 있다.
탭 너비 4로 만든 프로그램이 있을 때, GitBucket 웹 페이지에서 볼 때, 탭 너비 8로 표시됩니다.이렇게 되면 변수 옆에 적힌 댓글문은 라벨 너비 4에 일치하지만 라벨 너비 8에서 보면 울퉁불퉁해진다.
인터넷에서 찾아보니 브라우저의 탭 폭이 기본적으로 8이기 때문이다.
캡처 소프트웨어 소개
이번에 스냅 소프트웨어는 처음으로 스크린 압력을 사용했다.나는 강조 표시가 가능한 화살표와 글꼴 등을 좋아한다. ※나는 공짜판을 쓴다.
지원
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 브라우저의 사용자 스타일시트에서 글꼴을 지정하지 않아 웹 글꼴을 표시할 수 없는 문제
인용하다
C:\Users\(ユーザー名)\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets\Custom.css
.tab-size {
-webkit-tab-size: 4 !important;
-moz-tab-size: 4 !important;
-o-tab-size: 4 !important;
tab-size: 4 !important;
}
pre, .tab-size {
-webkit-tab-size: 4 !important;
-moz-tab-size: 4 !important;
-o-tab-size: 4 !important;
tab-size: 4 !important;
}
브라우저의 탭 폭은 기본적으로 8이며, 많은 편집기가 탭 폭 4로 설정되어 있습니다.
현재 자신의 원본 코드는 거의 라벨을 공간으로 바꾸었기 때문에 자신의 말만 문제없지만 직장 같은 것은 통일되지 않았다.
사용자 스타일시트가 재미있어서 배경색을 바꿀 수도 있고, 평소에 보던 사이트의 글씨체를 좋아하는 글씨체로 바꿀 수도 있다.
하지만 아이콘이 그림이 아닌 인터넷 글꼴이면 두부가 된다.
Chrome 브라우저의 사용자 스타일시트에서 글꼴을 지정하지 않아 웹 글꼴을 표시할 수 없는 문제
인용하다
Reference
이 문제에 관하여(GitHub 및 Gitbucket의 탭 너비 변경), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/yaju/items/8b7d33163705504f1222텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)