hugo theme charlolamode 다운로드 hugo theme charlolamode 소스 코드 다운로드

hugo theme charlolamode

웹사이트 데이터

1.0.0

다운로드

Charlola. 모드

이 웹 사이트 테마는 Hugo 프레임 워크를 기반으로합니다. 이것은 템플릿 Papermod와 Hugo-Paper의 수정입니다. 최소한의 디자인과 가장 기본적인 기능으로 빠르고 사용하기 쉽습니다.

비슷한 예를 보려면 내 웹 사이트를 확인하십시오 : www.cmart1n.com

hugo 테마에 대한 링크 : https://themes.gohugo.io/themes/hugo-theme-charlolamode/.

특징

홈페이지를 사용하여 ...
- 페이지 제목
- 당신의 이름
- 설명
- 사회적 아이콘
- 버튼
배경, 텍스트, 아이콘과 같은 모든 요소의 색상 변경 ...
탭을 클릭하면 게시물 목록이 표시됩니다.
- 게시물은 이미지로 시각화 될 수 있습니다
- 게시물은 외부 링크로 이어질 수 있습니다

빠른 시작

휴고를 설치하십시오
git을 설치하십시오

터미널 또는 명령 줄을 엽니 다

새 폴더 만들기 'QuickStart'

 hugo new site quickstart

이 폴더로 이동하십시오

 cd quickstart

현재 디렉토리에서 빈 git 저장소를 초기화하십시오

 git init

이 저장소를 폴더로 복제하십시오

 git submodule add https://github.com/charlola/hugo-theme-charlolamode.git themes/charlolamode

config.toml을 삭제하십시오

 rm config.toml

새 config.yml 파일로 테마를 추가하십시오

 echo "theme: charlolamode" >> config.yml

Hugo의 개발 서버를 시작하여 사이트를 로컬로 볼 수 있습니다.

 hugo server

로컬 서버가 시작되면 사이트를 볼 수 있습니다. 웹 브라우저가 자동으로 팝업되지 않으면 브라우저를 열고 http : // localhost : 1313을 입력하십시오. 이제 디렉토리 에서이 페이지를 수정할 수 있습니다. 새로운 변경 사항을 저장하면이 사이트가 자동으로 새로 고쳐지고 수정됩니다.

비주얼 스튜디오 코드를 열어 블로그를 편집하십시오

Visual Studio Code와 같이 좋아하는 편집기를 엽니 다

기본 구성

config.yml은 가장 친한 친구입니다. 다음과 같은 정보를 수정하고 추가 할 수 있습니다.

페이지 제목
당신의 이름
설명
사회적 아이콘
버튼

참조를 위해 charlolamode/config.yml을 살펴보십시오. LinkedIn, Twitter, YouTube, Instagram과 같은 탭과 소셜 아이콘을 쉽게 추가하는 방법을 보여주는 언급 된 예가 있습니다. config.yml에 컨텐츠를 복사하여 테마의 config.yml을 덮어 씁니다.

프로필 이미지를 변경하십시오

프로필 사진을 추가하려면 폴더 static/images 에서 profile.png를 바꾸십시오. 행복한 얼굴로 이미지를 찍어야합니다 :)

탭을 추가하십시오

config.yml에서 '기사'및 '연락처'옆에 새 탭을 추가 할 수 있습니다. 무례한 '카테고리'를 확인합니다.

참고 config.yml에 새 탭을 추가하면 다음을 수행해야합니다.

새 탭과 동일한 이름 으로 디렉토리 '컨텐츠'에 새 폴더를 추가하십시오.
기사에서 _index.md를 새 폴더로 복사하십시오.

새 콘텐츠를 추가하십시오

새 컨텐츠를 푸시하려면 새 폴더에 새 Markdown 파일을 만듭니다. 내용/articles/article.md 에서 예제를 찾으십시오.

색상 변경

자산/CSS/Core/Theme-Vars.css를 살펴보고 색상으로 놀아주십시오.

'프로필 모드'비활성화

프로필 정보가 아닌 홈페이지에 기사 내용을 표시하려면 다음을 매개 변수 아래로 설정하십시오. in config.yml

 profileMode: 
    enabled: false

기사 콘텐츠가 홈페이지로 이동하면 기사 의 기본 메뉴 항목을 제거하는 것이 바람직 할 수 있습니다.

 menu:
    main:
        - name: Contact
          url: contact/
          weight: 30
        # - name: Articles
        #   url: articles/
        #   weight: 20
        - name: Projects
          url: projects
          weight: 15