아, Github는 0에서 1까지 무료로 개인 블로그 사이트를 구축합니다.
Xiaoshuai b는 올바른 자세를 배우고 파이썬의
친구가 전에 자신의 블로그 플레이를 만들고 싶다고 말했습니다.
워드 프레스를 사용하여 0에서 1까지 자신의 블로그 사이트를 구축하십시오.
나중에 몇몇 친구들은 그것이 조금 번거 롭다고 느꼈습니다. 그들은 전체 서버 도메인 이름을 설정하고 다양한 PHP 및 Mysql 환경을 설정해야합니다. 그들은 단지 기사를 작성하고 x를 설치하기를 원했습니다. 휘파람?
우연히도 오래 전에 Github 페이지를 구축하고 사용하여 정적 블로그 사이트를 호스팅하는 방법에 대한 자습서를 썼습니다. 이모의 수건 모양 모델은 다음과 같습니다.
目录
使用 Hexo 搭建个人网站
1. 开始搭建
2. 优化博客主题
3. 你的第一篇博客文章
4. 打上标签
5. 打上分类
6. 添加评论功能
让全世界的人都认识你
1. 创建 Github pages 仓库
2. 安装 hexo-deployer-git
3. 配置你的 Git
4. 推送你的网站到 Github 上
5. 访问你的网站
6. 完事，开启你的装x之旅
还想要点个性？
1.购买域名
2.如何绑定域名
3.完事그럼 다음에 공유하겠습니다. 도움이 되셨으면 좋겠습니다.
(3 개 회사의 미친 힌트)
Hexo 프레임 워크를 사용하여 개인 웹 사이트 구축
지난 이틀 동안 이전에 사용한 Octopress 프레임 워크가 몇 년 동안 사용되어 왔고 테마와 플러그인이 많지 않았기 때문에 블로그를 재구성했습니다.
나중에 여러 프레임 워크를 비교 한 결과 Hexo가 Octopress와 비슷하다는 사실을 발견했습니다. Markdown을 사용하여 기사를 작성한 다음 정적 웹 사이트를 생성 할 수도 있습니다. Hexo에는 더 풍부한 테마가 있습니다.
Hexo는 nodejs를 기반으로하며 빌드가 매우 간단합니다. 이제 0부터 Hexo로 개인 블로그를 시작하는 방법에 대해 이야기 해 봅시다.
구축 시작
- hexo는 노드 프레임 워크를 기반으로하기 때문에 먼저 노드를 다운로드하여 설치해야합니다. 다운로드 주소는 https://nodejs.cn/입니다.
- 설치가 완료되면 명령 창을 열고 node -v를 입력합니다. 아래 그림과 같이 리턴되면 노드를 성공적으로 설치 한 것입니다.
노드 버전
3. 설치가 완료된 후 명령 줄 창에서 다음 명령을 실행하여 hexo를 설치합니다.
npm install hexo-cli -g4. 블로그 디렉토리를 초기화합니다.
hexo init xxx.github.io (这里的xxx换成你自己的英文名)- 초기화가 완료되면 디렉토리로 들어갑니다.
cd xxx.github.io6. 설치
npm install7. 정리 한 다음 정적 페이지 생성
hexo clean
hexo gg는 생성, 생성을 의미합니다.
8. 웹 사이트 구축 및 실행
hexo ss는 서버를 의미하며 서비스에서 실행됨을 의미합니다.
9. 브라우저를 열고 localhost : 4000을 입력합니다. 그 이후로 귀하의 개인 웹 사이트는 이러한 속도로 구축되었습니다!
헥소
hexo 블로그 테마 최적화
웹 사이트 디렉토리로 이동하여 _config 파일을 엽니 다.이 파일은 웹 사이트 정보를 구성하는 데 사용됩니다.
다음은 내 간단한 구성입니다. 자세한 내용은이 Hexo 구성 문서를 참조하십시오. https://hexo.io/docs/configuration.html
title: fxxkpython
subtitle: 小帅b
description: xx的个人博客，主要涉及到编程（Java，Python，Linux等），个人提升学习，视频教程
keywords: java，python，教程
author: wistbean
language: zhHexo 테마 선택
새로 구축 된 웹 사이트가 당신의 예쁜 얼굴과 일치하지 않고 약간 못 생겼나요? 어쨌든, 제 생각에는 테마를 선택하여 꾸미세요. 여기에서 원하는 테마를 선택할 수 있습니다. 응답자가 추천 한 hexo 테마를 확인하세요 : https://www.zhihu.com/question/24422335
Hexo 테마 다운로드
천천히 선택하세요. 테마를 선택한 후 테마 리소스를 다운로드 할 수 있습니다. 예를 들어 여기서 시연 할 NEXT 테마를 선택하고 디렉터리에 다음 명령을 입력합니다.
git clone https://github.com/iissnan/hexo-theme-next themes/next여기서 가장 중요한 것은 테마 디렉토리에 테마를 다운로드하는 것입니다.
테마 구성
테마를 다운로드 한 후 루트 디렉터리의 _config.yml 파일에서 테마를 테마 이름으로 수정합니다.
theme: next재 구축 및 실행
hexo g
hexo s방문해 보시고, 이전보다 훨씬 낫습니까?
hexo 다음 테마
hexo 블로그의 첫 번째 기사, 태그 및 분류
당신은 당신의 웹 사이트를 아름답고, 관대하고, 간결하고, 매력적으로 꾸몄습니다. 그러면 당신은 내용을주의 깊게 작성해야합니다. 내용은 중요합니다.
블로그 게시물을 작성하는 두 가지 방법
명령 양식
블로그 디렉토리에서 다음 명령을 사용하십시오.
hexo new article （这里的article写上你的文章的名称）이러한 명령을 입력하면 블로그 콘텐츠를 작성할 수있는 source / _posts 아래에 article.md 파일이 생성됩니다.
Markdown 구문을 사용하여 작성하십시오.
직접 새로운 방법
직접적인 방법은 source / _posts에 직접 새로운 Markdown 파일을 생성하는 것입니다. 실제로는 명령 양식과 동일하지만 명령 양식은 명령으로 생성됩니다. 명령 방법을 사용하는 것이 좋습니다. 결국 Geek는 약간입니다.
기사에 태그 지정
블로그에 태그를 지정하면 기사를 더 쉽게 검색 할 수 있습니다.
hexo 오픈 라벨 기능 :
hexo new page tags이때 tags / index.md 파일은 source / 아래에 생성되고 파일을 연 다음 다음과 같이 변경합니다.
type: "tags"
comments: false이때 기사에 태그를 지정하려면 기사 제목에 다음과 같이 작성할 수 있습니다.
tags:
- Tag1
- Tag2
- Tag3예를 들어, 현재 기사의 레이블은 다음과 같습니다.
tags:
- 个人网站
- 教程
- hexo
- blog
- Git
- Nginx기사에 카테고리 추가
분류 및 보관은 블로그의 특징 중 하나입니다. 쉽게 볼 수 있도록 기사를 카테고리로 나눕니다.
Hexo 분류 기능을 켭니다.
hexo new page categories마찬가지로, categories / index.md 파일은 소스 디렉터리에 생성되며이를 열고 다음과 같이 변경합니다.
type: "categories"
comments: false현재 기사를 분류하고 보관할 수 있습니다. 사용 방법은 기사 제목에 다음을 추가하는 것입니다.
categories:
- 分类1
- 分类2예를 들어, 현재 기사의 분류는 다음과 같습니다.
categories:
- 个人网站
- 教程참고 : 태그 및 카테고리의 경우 구성 파일 _config.yml에서 tag_dir : tags 및 category_dir : 카테고리를 열 었는지 확인하십시오. 또한 Markdown의 문법은 가장 우아하고 간결하며 쓰기가 간단합니다. 전에 사용하지 않았다면 Markdown 문법 설명을 배우는 것이 좋습니다. 일반적으로 약 1 시간이면 마스터 할 수 있습니다. HTML만큼 간단하기 때문입니다.
기사에 댓글 추가
누군가 당신의 기사를 읽고 당신과 토론하고 싶을 때 댓글이 없으면 어떻게해야합니까? 댓글은 블로그와 상호 작용하는 중요한 방법 중 하나입니다.
이제 많은 hexo 테마에 타사 주석 시스템이 내장되어 있습니다. 더 일반적으로 사용되는 것은 다음과 같습니다.
- 더 말하세요 : http://duoshuo.com/
- 자유롭게 대화 하세요 : https://changyan.kuaizhan.com/
- 발린 : https://github.com/xcss/Valine
- Disqus : https://disqus.com/
- 우정 : http://www.uyan.cc/
- gitment : https://github.com/imsun/gitment
원하는대로 직접 볼 수있는 블로그는 무료입니다.
댓글 시스템을 선택한 후 등록 할 플랫폼을 입력하면 플랫폼에서 APPID와 앱키를 제공합니다. 이 정보를 가져와 테마 아래의 구성 파일에서 설정하십시오.
다음 테마를 예로 들어 설명을 열고 themes / next를 입력하고 _config.yml을 열고 changyan을 찾은 다음 enable을 true로 변경합니다.
changyan:
enable: true
appid: 这里写上你的畅言在appid
appkey: 这里写上你的畅言在appkey설정 후 정리를 다시 생성하면 주석이 있습니다.
hexo clean
hexo g
hexo s미리보기 링크를 열고 기사 하단을 보면 이미 댓글 기능이 있습니다. 다음 그림은 내 블로그의 댓글 기능을 보여줍니다.
논평
전 세계 사람들에게 당신을 알리세요
개인 블로그를 끝 마쳤고 물론 사람들이 방문 할 수 있도록 인터넷에 배포해야합니다. 돈을 쓰고 싶지 않다면 GitHub 페이지를 사용하고 자신의 웹 사이트를 배포 할 수 있습니다.
GitHub가 사용 방법을 모르는 아동용 신발의 경우이 튜토리얼을 살펴볼 수 있습니다. GitHub Complete Usage Guide : https://vip.fxxkpython.com/?cat=6
Github 페이지 저장소 만들기
그런 다음 xxx.github.io의 공개 저장소를 만듭니다. 여기서 xxx는 사용자의 이름을 작성합니다. 예를 들어 저는 wistbean.github.io를 작성했습니다. 그런 다음 wistbean.github.io를 통해 내 웹 사이트에 액세스 할 수 있습니다.
생성이 완료되면 자신의 Git 주소를 갖게됩니다.
hexo-deployer-git 설치
블로그 디렉토리에 다음 명령을 입력하면 로컬에서 작성한 기사를 GitHub에 푸시 할 수 있습니다.
npm install hexo-deployer-git --saveGit 구성
구성 파일을 열고 git 주소를 입력하십시오.
deploy:
type: git
repo: https://github.com/xxx/xxxx.github.io.git웹 사이트를 Github에 푸시
직접 입력 명령 : hexo d
d는 배치를 의미하며 배치를 의미합니다.
웹 사이트 방문
밀어 올리면 브라우저에 직접 xxx.github.io를 입력하여 액세스 할 수 있습니다!
약간의 개성을 가지고 도메인 이름을 묶어
cookie-cutter xx.github.io 도메인 이름이 마음에 들지 않으면 자신의 도메인 이름을 바인딩 할 수 있습니다.
도메인 이름 구입
도메인 네임 구매에 관해서는 dynadot이나 godaddy를 추천합니다. 이들은 외국 도메인 네임 벤더입니다. Alipay를 사용하여 구매할 수 있습니다. 파일링이 필요하지 않습니다. 사용하는 것이 좋습니다.
도메인 이름을 바인딩하고 구입 한 후 다음 몇 단계를 수행하면 쉽게 완료 할 수 있습니다.
CNAME 파일 추가
블로그의 sources 디렉토리에 새 CNAME 파일을 만들고이 파일에 도메인 이름을 작성합니다 (예 : www.xxxx.com). 그런 다음 파일을 GitHub에 푸시하면 hexo d 명령을 사용할 수 있습니다.
도메인 이름 사업 배경에서 DNS 확인을위한 두 개의 레코드를 추가합니다.
1. 主机记录：@
记录类型：A
记录值：192.30.252.154 或者 192.30.252.153
2. 主机记录：www
记录类型：CNAME
记录值：xxx.github.io (这里就是你的github仓库名称)GitHub 설정 도메인 이름
GitHub에서 도메인 이름을 설정하고 GitHub 블로그 프로젝트에서 설정을 클릭하고 GitHub 페이지 아래의 사용자 지정 도메인에 도메인 이름을 작성한 다음 저장합니다.
GitHub 설정 도메인 이름
이 시점에서 자신의 블로그를 설정하고 GitHub에서 웹 사이트를 호스팅하고 자신의 도메인 이름을 바인딩하면 전 세계 사람들이 웹 사이트를 볼 수 있습니다.
좋아요, 위는 샤오슈아이 b가 오늘 여러분 께 전해 드린 나눔입니다. 도움이 되었으면 좋겠습니다. 그럼 다음에 뵙겠습니다. 평화!